CN110111401A - 用于网络课堂的动画播放方法及装置 - Google Patents
用于网络课堂的动画播放方法及装置 Download PDFInfo
- Publication number
- CN110111401A CN110111401A CN201810098492.0A CN201810098492A CN110111401A CN 110111401 A CN110111401 A CN 110111401A CN 201810098492 A CN201810098492 A CN 201810098492A CN 110111401 A CN110111401 A CN 110111401A
- Authority
- CN
- China
- Prior art keywords
- animation
- play
- path
- target object
- rule
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
Landscapes
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明提供了一种用于网络课堂的动画播放方法及装置。该用于网络课堂的动画播放方法包括:获取动画播放请求消息,其中,动画播放请求消息用于请求在网络课堂中向至少一个目标对象播放动画,动画播放请求消息中包括至少一个目标对象的信息;响应动画播放请求消息,根据网络课堂中的当前课件区域的位置,确定动画播放的起始位置;根据各目标对象的信息确定与各目标对象对应的动画播放的终止位置;根据起始位置、各终止位置和对应的动画路径参数,生成与各目标对象对应的动画播放路径;按照各动画播放路径播放动画。该方法可以增强网络课堂的互动性。
Description
技术领域
本发明涉及计算机技术领域,尤其涉及一种用于网络课堂的动画播放方法及装置。
背景技术
随着计算机和互联网技术的发展,远程在线教学得以实现。现有的远程在线教学是指,老师和学生通过电子设备(例如计算机、移动终端)利用互联网技术实现网络教学。以在线教室为例,老师和同学进入同一在线教室后,老师和同学之间可以实现音频、视频、图片等多媒体文件的共享。此外,目前的在线教室中还存在诸多的基本功能,例如:课件展示,手绘涂鸦等。
现有技术中,老师通过在线课堂对学生进行激励的方式通常是通过口头表扬的方式对学生进行表扬,这种激励方式的交互性弱,不直观,对学生的激励效果一般,不利于调动学生的积极性。
发明内容
有鉴于此,本发明实施例提供一种用于网络课堂的动画播放方法及装置,以解决现有技术中在线课堂老师与学生交互性弱的问题。
本发明实施例提供一种用于网络课堂的动画播放方法,包括:获取动画播放请求消息,其中,动画播放请求消息用于请求在网络课堂中向至少一个目标对象播放动画,动画播放请求消息中包括至少一个目标对象的信息;响应动画播放请求消息,根据网络课堂中的当前课件区域的位置,确定动画播放的起始位置;根据各目标对象的信息确定与各目标对象对应的动画播放的终止位置;根据起始位置、各终止位置和对应的动画路径参数,生成与各目标对象对应的动画播放路径;按照各动画播放路径播放动画。
根据本发明的另一方面,提供一种用于网络课堂的动画播放装置,包括:请求消息获取模块,用于获取动画播放请求消息,其中,动画播放请求消息用于请求在网络课堂中向至少一个目标对象播放动画,动画播放请求消息中包括至少一个目标对象的信息;第一确定模块,用于响应动画播放请求消息,根据网络课堂中的当前课件区域的位置,确定动画播放的起始位置;第二确定模块,用于根据各目标对象的信息确定与各目标对象对应的动画播放的终止位置;路径生成模块,用于根据起始位置、各终止位置和对应的动画路径参数,生成与各目标对象对应的动画播放路径;动画播放模块,用于按照各动画播放路径播放动画。
本发明实施例提供的一种用于网络课堂的动画播放方案,其可以针对部分目标对象或全体目标对象生成对应的动画播放路径,使得动画播放可以根据需要针对部分目标对象或全部目标,使得老师在对学生通过播放奖励动画进行奖励时,指向性更强,增加了老师与学生之间的互动性,能够有效提升学生的学习热情。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍,显而易见地,下面描述中的附图是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本发明实施例一提供的一种用于网络课堂的动画播放方法的流程图;
图2为本发明实施例中的一种网络课堂的界面示意图;
图3为本发明实施例二提供的一种用于网络课堂的动画播放方法的流程图;
图4为图3所示实施例中的的一种辅助动画播放位置的示意图;
图5为本发明实施例三提供的一种用于网络课堂的动画播放装置的结构框图;
图6为本发明实施例四提供的一种用于网络课堂的动画播放装置的结构框图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
实施例一
图1为本发明实施例提供的一种用于网络课堂的动画播放方法的流程图。如图1所示,用于网络课堂的动画播放方法包括:
S101:获取动画播放请求消息,其中,动画播放请求消息用于请求在网络课堂中向至少一个目标对象播放动画,动画播放请求消息中包括至少一个目标对象的信息。
目标对象指示动画的播放目标,在网络课堂中,目标对象可以包括一个或多个(即至少一个),例如,目标对象可以是网络课堂中的一个或多个学生对应的学生窗口。目标对象的信息用于指示目标对象,例如目标对象的信息可以包括目标对象的ID号,进一步地,还可以用于指示目标对象的相关属性信息,例如,目标对象的信息还可以包括目标对象的名称等,以供确认和识别目标对象。
该用于网络课堂的动画播放方法可以应用于在网络课堂视频教学过程中播放动画,使老师与学生的交互更加直观,提升老师与学生之间的互动性,从而提升学生学习积极性。当然,该用于网络课堂的动画播放方法还可以应用于任何需要播放动画的场景,提升动画播放效果,增强互动性,例如应用于在线直播等场景。
该网络课堂的动画播放方法可以集成到网络课堂应用中,网络课堂应用可以包括教师端和学生端,教师端与学生端通过网络通信实现老师与学生之间的多媒体数据传输,以实现网络教学。根据需要教师端和学生端可以通过服务器实现数据传输,也可以直接进行通信和数据传输。
图2为一种网络课堂的界面示意图。如图2所示,在网络课堂的教师端的界面和/或学生端的界面中包括课件区域201、教师窗口202、学生窗口203和命令栏204等几部分。其中,课件区域201用于展示课件;教师窗口202用于展示教师画面和/或教师头像等;学生窗口203用于展示学生画面和/或学生头像等;命令栏204用于放置操作命令,以供用户操作网络课堂应用。
当教师希望播放动画如播放奖励动画时,通过操作网络课堂应用的教师端,生成动画播放请求消息,且教师端获取该动画播放请求消息,在获取了动画播放请求后,一方面,教师端自身对该请求进行响应和处理,如下文中的步骤S102-S105;另一方面,教师端还可以将该请求发送给学生端,学生端获取该动画播放请求后,学生端可以响应并处理该请求,完成动画播放。但不限于此,教师端也可以不发送该请求,直接对该请求进行响应和处理,执行步骤S102-S104,并将执行后的结果发送给学生端,之后,教师端根据执行后的结果执行步骤S105。学生端获取执行后的结果后,可以根据该执行后的结果完成动画播放。
S102:响应动画播放请求消息,根据网络课堂中的当前课件区域的位置,确定动画播放的起始位置。
动画播放的起始位置可以根据预设的起始位置确定规则确定。该起始位置确定规则可以仅有一个,也可以预设多个,并根据需要选择。例如,当起始位置确定规则为一个时,直接根据该起始位置确定规则确定起始位置;当起始位置确定规则为多个时,可以按照一定的策略选择多个起始位置确定规则中的一个或多个作为有效规则,进而根据有效规则确定起始位置,如,随机选取一个起始位置确定规则,然后,根据该选取的起始位置确定规则确定起始位置。
作为一种可行的实施例方式,以网络课堂中的当前课件区域的位置为参照确定动画播放的起始位置。预设的起始位置确定规则可以是以当前课件区域的某一位置作为动画播放的起始位置,该位置可以由本领域技术人员根据实际需要适当设置,本发明实施例对此不作限制。
例如,在本实施例中,网络课堂中的当前课件区域为矩形区域,通过获取该矩形区域的某一定位点(例如矩形区域的左上角的顶点)的坐标得到当前课件区域的定位点位置,并可以确定该定位点位置为动画播放的起始位置。
需要说明的是,本领域技术人员能够根据需要适当调整确定规则内容,选取不同的参照或位置作为动画播放的起始位置。
S103:根据各目标对象的信息确定与各目标对象对应的动画播放的终止位置。
动画播放的终止位置确定过程与起始位置确定过程类似,可以以目标对象的位置作为参照,根据预设的终止位置确定规则确定。
作为一种可行的实施方式,当动画播放请求消息中指示的目标对象(即目标学生窗口)为一个时,获取该目标学生窗口的位置(例如左上角坐标),并根据终止位置确定规则,确定该目标学生窗口的左上角坐标为动画播放的终止位置。
作为另一种可行的实施方式,当动画播放请求消息目标对象的信息中指示的目标对象多于一个时,分别获取每个目标对象指示的目标学生窗口的位置,并根据终止位置确定规则,针对每个目标对象指示的目标学生窗口分别确定一个终止位置。
需要说明的是,本领域技术人员能够根据需要适当调整确定规则内容,选取不同的参照或位置作为动画播放的终止位置。
S104:根据起始位置、各终止位置和对应的动画路径参数,生成与各目标对象对应的动画播放路径。动画路径参数可以根据动画路径参数确定规则确定。根据不同的动画路径需求,可以预设多组不同的动画路径参数确定规则。例如,若需要的动画路径为贝塞尔曲线,则可以根据贝塞尔曲线的生成规则,预设动画路径参数确定规则,并根据该动画路径参数确定规则确定动画路径参数,即贝塞尔曲线的控制点参数。若需要的动画路径为圆弧曲线,则可以根据圆弧曲线的生成规则,预设动画路径参数确定规则,并根据动画路径参数确定规则确定动画路径参数,即圆弧曲线的圆心坐标、半径值等参数。
确定起始位置、终止位置之后,结合预设的动画路径参数可以生成与目标对象对应的动画播放路径。其中,当终止位置为多个(多于一个)时,对应每个终止位置都确定一条动画播放路径。
S105:按照各动画播放路径播放动画。
根据确定的动画播放路径,按照该动画播放路径播放动画。动画的各动画帧在动画播放路径上的位置和播放时间可以根据需要确定。
该用于网络课堂的动画播放方法可以针对部分目标对象或全体目标对象生成对应的动画播放路径,使得动画播放可以根据需要针对部分目标对象或全部目标,使得老师在对学生通过播放奖励动画进行奖励时,指向性更强,增加了老师与学生之间的互动性,能够有效提升学生的学习热情。
实施例二
图3为本发明实施例二提供的一种用于网络课堂的动画播放方法的流程图。如图3所示,该用于网络课堂的动画播放方法包括:
S201:获取动画播放请求消息,其中,动画播放请求消息用于请求在网络课堂中向至少一个目标对象播放动画,动画播放请求消息中包括至少一个目标对象的信息。
在本实施例中,以该动画播放方法应用于网络课堂为例进行说明。如实施例一中,网络课堂应用可以包括教师端和学生端,在本实施例中,教师端和学生端均具有动画播放设置,如动画播放组件、控件等形式,用于播放动画和控制动画播放效果。该动画播放设置可以采用现有播放设置,也可以根据需求自定义。在本实施例中,该动画播放设置为动画播放控件,可以用于控制动画播放过程中,动画帧的旋转角度、动画帧的透明度、以及音效等。
在教师端可以设置播放控制控件,通过点击播放控制控件生成动画播放请求。在一种可行的实施方式中,网络课堂界面中可以显示至少一个播放控制控件。例如,在教师端的网络课堂界面中,每个学生窗口202上显示一个对应该学生的播放控制控件。在命令栏204显示对多个学生播放奖励动画的播放控制控件。对多个学生播放奖励动画的播放控制控件可以包括部分播放控件和全部播放控件,其中部分播放控件根据预设条件确定动画播放的目标对象,例如目标对象为答对题的学生对应的学生窗口。全部播放控件的目标对象为全部学生对应的学生窗口。
教师端通过点击播放控制控件,可以生成动画播放请求消息。教师端和学生端获取动画播放请求消息的过程与实施例一种的动画播放方法类似,故在此不再赘述。
根据点击的播放控制控件不同,动画播放请求消息中包括的目标对象不同。例如,若教师端点击学生窗口203上的播放控制控件,则生成的对应的动画播放请求消息的目标对象为该学生对应的学生窗口,目标对象信息中至少包括该学生对应的学生窗口的标识信息(例如ID号)。
若教师端点击命令栏204上的播放控制控件,并选择部分播放控件(该部分播放控件用于指示对所有学生窗口中的一部分播放动画),则生成的对应的动画播放请求消息的目标对象为根据预设条件确定的学生对应的学生窗口,目标对象信息中至少包括确定的学生对应的学生窗口的标识信息。需要说明的是,根据预设条件确定的学生数量可以是一个,也可以是一个以上。
若教师端点击命令栏204上的播放控制控件,并选择全部播放控件(该全部播放控件用于指示对所有学生窗口播放动画),则生成的对应的动画播放请求消息的目标对象为全部学生对应的学生窗口,目标对象信息中包括全部学生对应的学生窗口的标识信息。
S202:响应动画播放请求消息,根据网络课堂中的当前课件区域的位置,确定动画播放的起始位置。
如实施例一,动画播放的起始位置以当前课件区域的位置为参考,根据起始位置确定规则确定。
作为一种可行的实施方式,起始位置可以根据下述方式确定:
响应动画播放请求消息,获取当前课件区域的定位点坐标、宽度和高度;根据当前课件区域的定位点坐标、宽度和高度,确定当前课件区域的中心点坐标;根据中心点坐标确定动画播放的起始位置。
在本实施例中,课件区域为一矩形区域,课件区域的定位点可以是矩形区域的左上顶点,通过课件区域的左上顶点坐标(x1,y1)、课件区域的宽度width(即X方向的长度)和高度height(即Y方向的长度)就可以确定课件区域。
在本实施例中,根据起始位置确定规则,起始位置可以是课件区域的中心。由于课件区域为矩形,故而可以根据课件区域的左上顶点坐标、宽度和长度确定课件区域中心点坐标(x1+width/2,y1+height/2)。
起始位置可以是该课件区域的中心,起始位置的坐标即是该中心点坐标。当然根据需要起始位置也可以是其他位置,例如与课件区域的左上顶点重合。
S203:根据各目标对象的信息确定与各目标对象对应的动画播放的终止位置。
如前所述,动画播放请求消息包括目标对象的信息,目标对象可以是一个或多个,相应地,终止位置的数量与目标对象的数量一致。
在本实施例中,动画播放的终止位置以相应的目标对象为参照,可以根据终止位置确定规则确定。
当目标对象是学生窗口时,根据终止位置确定规则,终止位置可以是对应的学生窗口的中心位置。
作为一种可行的实施方式,终止位置的确定过程如下:
在本实施例中,学生窗口可以是矩形窗口。若目标对象为一个,则根据该目标对象的信息确定对应的学生窗口,并获取该学生窗口的定位点(例如左上顶点)的坐标、宽度和高度,从而根据这些信息计算出该学生窗口的中心点坐标,其计算方法与课件区域的中心点坐标计算方法一致,在此不再赘述。确定学生窗口的中心点坐标后,可以将该中心点坐标确定为终止位置。
需要说明的是,对于本领域技术人员而言,其可以根据需要适当选取合适的终止位置确定规则。
若目标对象包括多个,则对每个目标对象采用上述的方法确定终止位置。例如:根据各目标对象的信息确定当前显示区域内各目标对象的定位点坐标、宽度和高度;根据各目标对象的定位点坐标、宽度和高度,确定各目标对象的中心点坐标;根据各目标对象的中心点坐标确定动画播放对应的终止位置。
S204:根据起始位置、各终止位置和对应的动画路径参数,生成与各目标对象对应的动画播放路径。
动画播放路径用于播放动画,起始位置和每个终止位置均对应一个动画播放路径,以此实现动画与目标对象的对应,从而提升动画播放的指向性,提升交互效果。
作为一种可行的实施方式,动画播放路径的确定过程如下:
确定动画路径生成规则;根据动画路径生成规则、起始位置、各终止位置和各终止位置对应的动画路径参数,生成与各目标对象对应的动画播放路径。
根据需求不同,可以采用不同的动画路径生成规则,从而生成不同的动画播放路径。例如,动画路径生成规则至少包括用于生成贝塞尔曲线的规则。动画路径生成规则还可以包括圆弧曲线生成规则等。当动画路径生成规则包括贝塞尔曲线生成规则时,动画路径参数包括用于生成贝塞尔曲线的至少两个控制点的控制点坐标。
在本实施例中,以动画路径生成规则包括用于生成贝塞尔曲线的贝塞尔曲线生成规则为例进行说明。
贝塞尔曲线生成规则:
其中,B(t)表示贝塞尔曲线;Pi表示贝塞尔曲线的控制点;t表示时间;i表示当前控制点的编号,i为0~n的整数;n表示控制点的总数。
根据动画路径生成规则、起始位置、各终止位置和各终止位置对应的动画路径参数,生成与各目标对象对应的动画播放路径。
在本实施例中,起始位置的坐标作为贝塞尔曲线的起始位置坐标,终止位置的坐标作为贝塞尔曲线的终止位置坐标,控制点Pi的坐标可以随机确定,或者根据预设规则选取,控制点Pi即作为动画路径参数。
根据起始位置的坐标、终止位置的坐标以及给定的一些控制点Pi的坐标可以生成与目标对象对应的动画播放路径。其中,在贝塞尔曲线中控制点Pi为沿着动画播放路径的切线方向上的点。
需要说明的是,每个终止位置均对应生成一个动画播放路径。不同的终止位置对应生成的动画播放路径可以相同或不同,例如,第一个终止位置对应生成的动画播放路径根据贝塞尔曲线生成规则生成;第二个终止位置对应生成的动画播放路径根据圆弧曲线生成规则生成。
当然,在其他实施例中,动画路径生成规则可以是其他规则,例如圆弧曲线生成规则。此种情况下,起始位置和终止位置作为圆弧曲线的起始位置和终止位置,通过给定圆弧的圆心位置坐标(即动画路径参数)即可生成圆弧曲线。
S205:获取辅助点生成规则,其中,辅助点生成规则用于根据动画播放路径确定辅助点的位置,辅助点用于指示辅助动画的播放位置。
辅助点用于指示辅助动画的播放位置。其可以对应于动画播放路径上的各个播放位置。
辅助点生成规则用于根据动画播放路径确定辅助点的位置,辅助点生成规则可以根据需要由本领域技术人员适当设置确定。例如,针对动画播放路径上的某个播放位置,确定与其对应的辅助点时,在以该播放位置为圆心以设定长度为半径的圆内随机选取设定数量的点作为辅助点。
S206:根据辅助点生成规则,确定各辅助点的位置,根据各辅助点的位置播放辅助动画。
根据上述辅助点生成规则可以确定与动画播放路径上的各个动画播放位置对应的辅助点的位置,并在各辅助点的位置播放辅助动画。
例如,根据辅助点生成规则,确定动画播放路径上的多个播放位置;分别在相邻的两个播放位置之间建立路径参考线,其中,每个路径参考线包括第一播放位置和第二播放位置,第一播放位置先于第二播放位置;为每个路径参考线生成经过第一播放位置且垂直于路径参考线的辅助参考线;在各个辅助参考线上确定辅助点的位置。
下面结合附图4对根据辅助点生成规则确定各辅助点的位置进行详细说明:
如图4所示,在本实施例中,根据辅助点生成规则,确定动画播放路径上任意两个播放位置P3(x3,y3)和P4(x4,y4),在相邻两个播放位置之间建立路径参考线,即建立播放位置P3(作为第一播放位置)与播放位置P4(作为第二播放位置)之间的连线,可以计算两点连线(即路径参考线)与x轴之间的斜率k,公式如下:(y3-y4)/(x3-x4)=k,并计算路径参考线与x轴之间的夹角a,公式如下:α=tan-1k。为每个路径参考线生成经过第一播放位置且垂直于路径参考线的辅助参考线,即生成经过播放位置P3且垂直于路径参考线的辅助参考线,随机取得该辅助参考线正负方向上长度为30个像素(这一长度可以根据需要设定)以内的随机点P1和P2,点P1和点P2即为与播放位置P3对应的辅助点。
辅助点的位置坐标计算过程如下:
获取P1到P3的长度,并记为L。
则P1的坐标为:
P2坐标为
其中,x表示当前辅助点(例如P1或P2)的X轴坐标;
x1表示该辅助点对应的动画播放路径上的播放位置(例如P3)的X轴坐标;
y表示当前辅助点(例如P1或P2)的Y轴坐标;
y1表示该辅助点对应的动画播放路径上的播放位置(例如P3)的Y轴坐标;
L表示当前辅助点(例如P1或P2)与对应的动画播放路径上的播放位置(例如P3)之间的连线长度;
a表示动画播放路径上任意两个播放位置(例如,P3和P4)与X轴的夹角。
在按照动画播放路径播放动画的过程中,根据确定的辅助点的位置,在相应的辅助点的位置播放辅助动画的图像。
需要说明的是,步骤S205和S206是可选步骤,本领域技术人员可以根据需求选择是否执行。
S207:按照动画播放路径播放动画。
动画播放过程可以根据需要确定,下面例举一种可行的动画播放方式。在本实施例中,当没有辅助动画时,按照动画播放路径播放动画包括:获取与动画播放路径的起始位置对应的第一动画,与动画播放路径的终止位置对应的第三动画,以及,与动画播放路径的起始位置和终止位置之间的路径对应的第二动画;按照设定时序和动画播放路径播放第一、第二和第三动画。
其中,第一动画可以包括多帧动画帧,按照设定时序和动画播放路径播放第一动画包括:将第一动画的初始动画帧从当前课件区域的顶部中点移动至播放路径的起始位置,并将初始动画帧从不可见状态更新为可见状态;从初始动画帧开始,按照设定时序播放第一动画的多帧动画帧。
需要说明的是,在第一动画播放之前,可以将第一动画的初始动画帧预先加载,并使初始动画帧的中心与当前课件区域的顶部中点重合,且将初始动画帧设置为不可见状态。当开始播放第一动画时,将第一动画的初始动画帧从当前课件区域的顶部中点移动至播放路径的起始位置,并将初始动画帧从不可见状态更新为可见状态。从初始动画帧开始,按照设定时序播放第一动画的多帧动画帧。第一动画的播放时间可以根据需求设定,例如,持续1秒。
第二动画包括多帧动画帧,按照设定时序和动画播放路径播放第二动画包括:在第一动画完成播放后,按照设定时序从动画播放路径的起始位置至终止位置播放第二动画的多帧动画帧。
在第一动画播放完成后,按照确定的动画播放路径播放第二动画时,第二动画可以持续1秒。将第二动画的各帧动画帧的中心与动画播放路径上的各播放位置依次对应,并播放预定时长。按照时间顺序,第二动画的各帧动画帧的中心沿着动画播放路径向终止位置靠近。需要说明的是,当生成多个动画播放路径时,每个动画播放路径上均播放第二动画。各个第二动画的内容可以相同,也可以不同。
第三动画播放时,在第二动画完成播放后,从动画播放路径的终止位置开始播放第三动画的动画帧;按照设定规则更新第三动画播放位置和第三动画的动画帧,并在更新后的播放位置播放更新后的第三动画的动画帧。
在一种可行方式中,按照设定规则更新第三动画播放位置和第三动画的动画帧,并在更新后的播放位置播放更新后的第三动画的动画帧包括:按照设定规则,将第三动画的当前动画帧扩大设定像素值,并生成更新后的第三动画的动画帧,将第三动画的当前播放位置移动设定量,并生成更新后的第三动画播放位置;在更新后的播放位置播放更新后的第三动画的动画帧,并在第三动画的当前动画帧的像素值等于或大于设定的最大像素值时,停止扩大当前动画帧。
下面以第三动画显示奖励气泡逐渐变大为例,对第三动画播放过程进行详细说明:第三动画的动画图像从中心逐渐向外扩大,在图像扩大过程中,每次扩大20个像素值,且每次扩大便重新调整图像的中心坐标,坐标计算方式为(x+10,y+10)。
为了增加动画的生动性,当图像扩大到最大值时,图像开始减小透明度,变得透明并最终消失。在图像透明度变化的同时,可以根据奖励个数的不同,选取不同的奖励数量图像进行上浮展示。上浮的路径为直线,起始位置坐标为学生窗口的中心坐标,终止位置坐标为学生窗口顶部的中心坐标。
上述动画播放过程中可以根据需要选择附加音效,以提升动画播放效果,且在动画的图像播放过程中可以通过控制图像旋转、变形和改变透明度等方式实现渐隐渐显、飞旋等动画效果,使动画更加绚丽。此外,根据需求的不同可以确定或更改各个动画图像的播放时间。
当存在辅助动画时:该动画播放过程的第一动画和第三动画与没有辅助动画时的播放过程相同,在此不再赘述。区别在于动画播放过程中的第二动画播放过程。
存在辅助动画时,可以执行步骤S205和S206,通过步骤S205和S206获得第二动画的各帧动画帧对应的动画播放路径上的播放位置对应的辅助点的位置,该辅助点的位置用于指示辅助动画的播放位置。在播放第二动画的各帧动画帧的同时在辅助动画的播放位置播放辅助动画的图像。辅助动画的图像的持续时间可以根据需要确定,例如可以与第二动画中的对应动画帧的持续时间一致。
以辅助动画的图像包括星星图像为例,播放辅助动画时,在辅助动画的播放位置创建辅助动画的图像,辅助动画的图像可以从图库中随机选择并进行展示。
该用于网络课堂的动画播放方法可以根据确定的动画播放路径和确定的辅助动画的播放位置进行动画播放,并能够播放奖励音效,针对处于不同位置的学生窗口,可以生成不同的动画播放路径,使得能够按照个性化的路径进行动画播放,达到多样化的效果。尤其是能够根据实现奖励动画飞跃到指定的学生窗口,增强了指向性,提升了学生与老师的互动性,提升了奖励动画对学生的冲击力,激发了学生的学习兴趣。此外,还可以根据奖励的形式不同,播放不同的奖励动画,根据奖励人数的不同播放不同的音效,使奖励动画更加绚丽。
实施例三
图5为本发明实施例三提供的一种用于网络课堂的动画播放装置的结构框图。如图5所示,用于网络课堂的动画播放装置包括:请求消息获取模块501,用于获取动画播放请求消息,其中,动画播放请求消息用于请求在网络课堂中向至少一个目标对象播放动画,动画播放请求消息中包括至少一个目标对象的信息;第一确定模块502,用于响应动画播放请求消息,根据网络课堂中的当前课件区域的位置,确定动画播放的起始位置;第二确定模块503,用于根据各目标对象的信息确定与各目标对象对应的动画播放的终止位置;路径生成模块504,用于根据起始位置、各终止位置和对应的动画路径参数,生成与各目标对象对应的动画播放路径;动画播放模块505,用于按照各动画播放路径播放动画。
该用于网络课堂的动画播放装置可以针对部分目标对象或全体目标对象生成对应的动画播放路径,使得动画播放可以根据需要针对部分目标对象或全部目标,使得老师在对学生通过播放奖励动画进行奖励时,指向性更强,增加了老师与学生之间的互动性,能够有效提升学生的学习热情。
实施例四
图6为本发明实施例四提供的一种用于网络课堂的动画播放装置的结构框图。如图6所示,用于网络课堂的动画播放装置包括:请求消息获取模块601,用于获取动画播放请求消息,其中,动画播放请求消息用于请求在网络课堂中向至少一个目标对象播放动画,动画播放请求消息中包括至少一个目标对象的信息;第一确定模块602,用于响应动画播放请求消息,根据网络课堂中的当前课件区域的位置,确定动画播放的起始位置;第二确定模块603,用于根据各目标对象的信息确定与各目标对象对应的动画播放的终止位置;路径生成模块604,用于根据起始位置、各终止位置和对应的动画路径参数,生成与各目标对象对应的动画播放路径;动画播放模块605,用于按照各动画播放路径播放动画。
可选地,第一确定模块602包括:课件区域获取模块6021,用于响应动画播放请求消息,获取当前课件区域的定位点坐标、宽度和高度;课件中心点坐标确定模块6022,用于根据当前课件区域的定位点坐标、宽度和高度,确定当前课件区域的中心点坐标;起始位置确定模块6023,用于根据中心点坐标确定动画播放的起始位置。
可选地,第二确定模块603包括:目标对象区域获取模块6031,用于若目标对象包括多个,则根据各目标对象的信息确定当前显示区域内各目标对象的定位点坐标、宽度和高度;目标对象中心点坐标确定模块6032,用于根据各目标对象的定位点坐标、宽度和高度,确定各目标对象的中心点坐标;终止位置确定模块6033,用于根据各目标对象的中心点坐标确定各目标对象对应的动画播放的终止位置。
可选地,路径生成模块604用于确定动画路径生成规则;根据动画路径生成规则、起始位置、各终止位置和各终止位置对应的动画路径参数,生成与各目标对象对应的动画播放路径。
可选地,动画路径生成规则至少包括用于生成贝塞尔曲线的规则,动画路径参数包括用于生成贝塞尔曲线的至少两个控制点的控制点坐标。
可选地,该装置还包括:辅助点规则获取模块606,用于在根据动画路径生成规则、起始位置、各终止位置和各终止位置对应的动画路径参数,生成与各目标对象对应的动画播放路径之后,获取辅助点生成规则,其中,辅助点生成规则用于根据动画播放路径确定辅助点的位置,辅助点用于指示辅助动画的播放位置;辅助动画播放模块607,用于根据辅助点生成规则,确定各辅助点的位置,根据各辅助点的位置播放辅助动画。
可选地,辅助动画播放模块607用于根据辅助点生成规则,确定动画播放路径上的多个播放位置;分别在相邻的两个播放位置之间建立路径参考线,其中,每个路径参考线包括第一播放位置和第二播放位置,第一播放位置先于第二播放位置;为每个路径参考线生成经过第一播放位置且垂直于路径参考线的辅助参考线;在各个辅助参考线上确定辅助点的位置。
可选地,动画播放模块605用于获取与动画播放路径的起始位置对应的第一动画,与动画播放路径的终止位置对应的第三动画,以及,与动画播放路径的起始位置和终止位置之间的路径对应的第二动画;按照设定时序和动画播放路径播放第一、第二和第三动画。
可选地,第一动画包括多帧动画帧,动画播放模块605在按照设定时序和动画播放路径播放第一动画时,将第一动画的初始动画帧从当前课件区域的顶部中点移动至播放路径的起始位置,并将初始动画帧从不可见状态更新为可见状态;从初始动画帧开始,按照设定时序播放第一动画的多帧动画帧。
可选地,第二动画包括多帧动画帧,动画播放模块605在按照设定时序和动画播放路径播放第二动画时,在第一动画完成播放后,按照设定时序从动画播放路径的起始位置至终止位置播放第二动画的多帧动画帧。
可选地,动画播放模块605在按照设定时序和动画播放路径播放第三动画时,在第二动画完成播放后,从动画播放路径的终止位置开始播放第三动画的动画帧;按照设定规则更新第三动画播放位置和第三动画的动画帧,并在更新后的播放位置播放更新后的第三动画的动画帧。
可选地,动画播放模块605在按照设定规则更新第三动画播放位置和第三动画的动画帧,并在更新后的播放位置播放更新后的第三动画的动画帧时,按照设定规则,将第三动画的当前动画帧扩大设定像素值,并生成更新后的第三动画的动画帧,将第三动画的当前播放位置移动设定量,并生成更新后的第三动画播放位置;在更新后的播放位置播放更新后的第三动画的动画帧,并在第三动画的当前动画帧的像素值等于或大于设定的最大像素值时,停止扩大当前动画帧。
该用于网络课堂的动画播放装置可以根据确定的动画播放路径和确定的辅助动画的播放位置进行动画播放,并能够播放奖励音效,针对处于不同位置的学生窗口,可以生成不同的动画播放路径,使得能够按照个性化的路径进行动画播放,达到多样化的效果。尤其是能够根据实现奖励动画飞跃到指定的学生窗口,增强了指向性,提升了学生与老师的互动性,提升了奖励动画对学生的冲击力,激发了学生的学习兴趣。此外,还可以根据奖励的形式不同,播放不同的奖励动画,根据奖励人数的不同播放不同的音效,使奖励动画更加绚丽。
以上所描述的装置实施例仅仅是示意性的,其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下,即可以理解并实施。
最后应说明的是:以上实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。
Claims (13)
1.一种用于网络课堂的动画播放方法,其特征在于,包括:
获取动画播放请求消息,其中,所述动画播放请求消息用于请求在网络课堂中向至少一个目标对象播放动画,所述动画播放请求消息中包括至少一个所述目标对象的信息;
响应所述动画播放请求消息,根据网络课堂中的当前课件区域的位置,确定动画播放的起始位置;
根据各所述目标对象的信息确定与各所述目标对象对应的动画播放的终止位置;
根据所述起始位置、各所述终止位置和对应的动画路径参数,生成与各所述目标对象对应的动画播放路径;
按照各所述动画播放路径播放动画。
2.根据权利要求1所述的方法,其特征在于,响应所述动画播放请求消息,根据网络课堂中的当前课件区域的位置,确定动画播放的起始位置,包括:
响应所述动画播放请求消息,获取当前课件区域的定位点坐标、宽度和高度;
根据所述当前课件区域的定位点坐标、宽度和高度,确定所述当前课件区域的中心点坐标;
根据所述中心点坐标确定所述动画播放的起始位置。
3.根据权利要求1所述的方法,其特征在于,根据各所述目标对象的信息确定各所述目标对象对应的动画播放的终止位置,包括:
若所述目标对象包括多个,则根据各所述目标对象的信息确定当前显示区域内各所述目标对象的定位点坐标、宽度和高度;
根据各所述目标对象的定位点坐标、宽度和高度,确定各所述目标对象的中心点坐标;
根据各所述目标对象的中心点坐标确定各所述目标对象对应的动画播放的终止位置。
4.根据权利要求3所述的方法,其特征在于,根据所述起始位置、各所述终止位置和对应的动画路径参数,生成与各所述目标对象对应的动画播放路径,包括:
确定动画路径生成规则;
根据所述动画路径生成规则、所述起始位置、各所述终止位置和各所述终止位置对应的动画路径参数,生成与各所述目标对象对应的动画播放路径。
5.根据权利要求4所述的方法,其特征在于,所述动画路径生成规则至少包括用于生成贝塞尔曲线的规则,所述动画路径参数包括用于生成贝塞尔曲线的至少两个控制点的控制点坐标。
6.根据权利要求4所述的方法,其特征在于,
在根据所述动画路径生成规则、所述起始位置、各所述终止位置和各所述终止位置对应的动画路径参数,生成与各所述目标对象对应的动画播放路径之后,所述方法还包括:
获取辅助点生成规则,其中,所述辅助点生成规则用于根据所述动画播放路径确定辅助点的位置,所述辅助点用于指示辅助动画的播放位置;
根据所述辅助点生成规则,确定各辅助点的位置,根据各辅助点的位置播放辅助动画。
7.根据权利要求6所述的方法,其特征在于,根据所述辅助点生成规则,确定各辅助点的位置,包括:
根据所述辅助点生成规则,确定所述动画播放路径上的多个播放位置;
分别在相邻的两个播放位置之间建立路径参考线,其中,每个路径参考线包括第一播放位置和第二播放位置,所述第一播放位置先于第二播放位置;
为每个路径参考线生成经过第一播放位置且垂直于路径参考线的辅助参考线;
在各个辅助参考线上确定辅助点的位置。
8.根据权利要求1所述的方法,其特征在于,按照各所述动画播放路径播放动画,包括:
获取与所述动画播放路径的起始位置对应的第一动画,与所述动画播放路径的终止位置对应的第三动画,以及,与所述动画播放路径的起始位置和终止位置之间的路径对应的第二动画;
按照设定时序和所述动画播放路径播放第一、第二和第三动画。
9.根据权利要求8所述的方法,其特征在于,所述第一动画包括多帧动画帧,按照设定时序和所述动画播放路径播放第一动画,包括:
将所述第一动画的初始动画帧从当前课件区域的顶部中点移动至所述播放路径的起始位置,并将所述初始动画帧从不可见状态更新为可见状态;
从所述初始动画帧开始,按照设定时序播放所述第一动画的多帧动画帧。
10.根据权利要求9所述的方法,其特征在于,所述第二动画包括多帧动画帧,按照设定时序和所述动画播放路径播放第二动画,包括:
在所述第一动画完成播放后,按照设定时序从所述动画播放路径的起始位置至终止位置播放所述第二动画的多帧动画帧。
11.根据权利要求10所述的方法,其特征在于,按照设定时序和所述动画播放路径播放第三动画,包括:
在所述第二动画完成播放后,从所述动画播放路径的终止位置开始播放所述第三动画的动画帧;
按照设定规则更新所述第三动画播放位置和所述第三动画的动画帧,并在更新后的播放位置播放更新后的所述第三动画的动画帧。
12.根据权利要求11所述的方法,其特征在于,按照设定规则更新所述第三动画播放位置和所述第三动画的动画帧,并在更新后的播放位置播放更新后的所述第三动画的动画帧,包括:
按照设定规则,将所述第三动画的当前动画帧扩大设定像素值,并生成更新后的所述第三动画的动画帧,将所述第三动画的当前播放位置移动设定量,并生成更新后的所述第三动画播放位置;
在更新后的播放位置播放更新后的所述第三动画的动画帧,并在所述第三动画的当前动画帧的像素值等于或大于设定的最大像素值时,停止扩大当前动画帧。
13.一种用于网络课堂的动画播放装置,其特征在于,包括:
请求消息获取模块,用于获取动画播放请求消息,其中,所述动画播放请求消息用于请求在网络课堂中向至少一个目标对象播放动画,所述动画播放请求消息中包括至少一个所述目标对象的信息;
第一确定模块,用于响应所述动画播放请求消息,根据网络课堂中的当前课件区域的位置,确定动画播放的起始位置;
第二确定模块,用于根据各所述目标对象的信息确定与各所述目标对象对应的动画播放的终止位置;
路径生成模块,用于根据所述起始位置、各所述终止位置和对应的动画路径参数,生成与各所述目标对象对应的动画播放路径;
动画播放模块,用于按照各所述动画播放路径播放动画。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810098492.0A CN110111401A (zh) | 2018-01-31 | 2018-01-31 | 用于网络课堂的动画播放方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810098492.0A CN110111401A (zh) | 2018-01-31 | 2018-01-31 | 用于网络课堂的动画播放方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110111401A true CN110111401A (zh) | 2019-08-09 |
Family
ID=67483056
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810098492.0A Pending CN110111401A (zh) | 2018-01-31 | 2018-01-31 | 用于网络课堂的动画播放方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110111401A (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111796846A (zh) * | 2020-07-06 | 2020-10-20 | 成都艾乐橙文化传播有限公司 | 信息更新方法、装置、终端设备及可读存储介质 |
WO2021073293A1 (zh) * | 2019-10-16 | 2021-04-22 | 广州华多网络科技有限公司 | 动画文件的生成方法、装置及存储介质 |
CN113158114A (zh) * | 2021-02-24 | 2021-07-23 | 北京大米科技有限公司 | 在线交互方法、装置、存储介质及服务器 |
CN113596564A (zh) * | 2021-09-29 | 2021-11-02 | 卡莱特云科技股份有限公司 | 一种画面播放方法及装置 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103368824A (zh) * | 2013-04-08 | 2013-10-23 | 广州华多网络科技有限公司 | 虚拟道具传送方法及装置,虚拟演播厅的控制方法及装置 |
CN105099722A (zh) * | 2014-05-15 | 2015-11-25 | 阿里巴巴集团控股有限公司 | 一种消息发送端、消息接收端和群定向通信方法及系统 |
US20160196681A1 (en) * | 2008-09-08 | 2016-07-07 | Apple Inc. | Object-aware transitions |
CN105897770A (zh) * | 2016-06-20 | 2016-08-24 | 武汉斗鱼网络科技有限公司 | 一种基于直播的虚拟礼物展示方法和装置 |
CN106569834A (zh) * | 2016-11-14 | 2017-04-19 | 福建天泉教育科技有限公司 | 基于浏览器的动画制作方法及系统 |
-
2018
- 2018-01-31 CN CN201810098492.0A patent/CN110111401A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20160196681A1 (en) * | 2008-09-08 | 2016-07-07 | Apple Inc. | Object-aware transitions |
CN103368824A (zh) * | 2013-04-08 | 2013-10-23 | 广州华多网络科技有限公司 | 虚拟道具传送方法及装置,虚拟演播厅的控制方法及装置 |
CN105099722A (zh) * | 2014-05-15 | 2015-11-25 | 阿里巴巴集团控股有限公司 | 一种消息发送端、消息接收端和群定向通信方法及系统 |
CN105897770A (zh) * | 2016-06-20 | 2016-08-24 | 武汉斗鱼网络科技有限公司 | 一种基于直播的虚拟礼物展示方法和装置 |
CN106569834A (zh) * | 2016-11-14 | 2017-04-19 | 福建天泉教育科技有限公司 | 基于浏览器的动画制作方法及系统 |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2021073293A1 (zh) * | 2019-10-16 | 2021-04-22 | 广州华多网络科技有限公司 | 动画文件的生成方法、装置及存储介质 |
CN111796846A (zh) * | 2020-07-06 | 2020-10-20 | 成都艾乐橙文化传播有限公司 | 信息更新方法、装置、终端设备及可读存储介质 |
CN111796846B (zh) * | 2020-07-06 | 2023-12-12 | 广州一起精彩艺术教育科技有限公司 | 信息更新方法、装置、终端设备及可读存储介质 |
CN113158114A (zh) * | 2021-02-24 | 2021-07-23 | 北京大米科技有限公司 | 在线交互方法、装置、存储介质及服务器 |
CN113596564A (zh) * | 2021-09-29 | 2021-11-02 | 卡莱特云科技股份有限公司 | 一种画面播放方法及装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110111401A (zh) | 用于网络课堂的动画播放方法及装置 | |
CN107343211B (zh) | 视频图像处理方法、装置和终端设备 | |
CN102905170B (zh) | 视频的弹幕方法及系统 | |
CN111935532B (zh) | 视频的交互方法、装置、电子设备及存储介质 | |
AU2021314277B2 (en) | Interaction method and apparatus, and electronic device and computer-readable storage medium | |
Imottesjo et al. | The Urban CoBuilder–A mobile augmented reality tool for crowd-sourced simulation of emergent urban development patterns: Requirements, prototyping and assessment | |
CN102780932B (zh) | 多窗口播放方法和系统 | |
CN105916057A (zh) | 一种视频弹幕的显示方法及装置 | |
CN105183477B (zh) | 应用程序虚拟道具信息获取系统及获取方法 | |
US11341706B2 (en) | Virtual scene display method and apparatus, and storage medium | |
CN110427107A (zh) | 虚拟与现实互动教学方法及系统、服务器、存储介质 | |
CN111680137A (zh) | 在线课堂互动方法、装置、存储介质及终端 | |
CN104574496A (zh) | 一种计算光照图的静态阴影和动态阴影融合的方法及装置 | |
CN114967925A (zh) | 一种应用vr全景技术的数字化博物馆 | |
CN109032339A (zh) | 一种实时智能体感同步的方法及系统 | |
CN111327842A (zh) | 一种滚动字幕显示方法及装置 | |
Lavín-Mera et al. | Development of educational videogames in m-Learning contexts | |
CN113259752A (zh) | 浏览器页面中的互动视频的播放控制方法、装置及服务器 | |
CN109035906A (zh) | 一种基于混合现实可视化的中文朗读培训方法 | |
US20100134500A1 (en) | Apparatus and method for producing crowd animation | |
CN106708266A (zh) | 一种基于双目手势识别的ar动作矫正投影方法及系统 | |
CN112565851B (zh) | 一种通过手机端对电视主页进行个性化配置的方法及装置 | |
Bhagi | Android game development with AppInventor | |
CN112274933B (zh) | 动画数据处理方法及装置、存储介质、计算机设备 | |
Gao et al. | Bridging curatorial intent and visiting experience: Using ar guidance as a storytelling tool |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |