【发明授权】动画生成方法、装置及动画播放方法、装置_腾讯科技(深圳)有限公司_201710060615.7 

申请/专利权人:腾讯科技(深圳)有限公司

申请日:2017-01-25

发明/设计人:梁宇轩

公开(公告)日:2020-06-23

代理机构:深圳市深佳知识产权代理事务所(普通合伙)

公开(公告)号:CN106709070B

代理人:王仲凯

主分类号:G06F16/958(20190101)

地址:518000 广东省深圳市南山区高新区科技中一路腾讯大厦35层

分类号:G06F16/958(20190101);G06F16/957(20190101);G06T13/00(20110101)

优先权:

专利状态码:有效-授权

法律状态:2020.06.23#授权;2017.06.16#实质审查的生效;2017.05.24#公开

摘要:本申请公开了一种动画生成方法、装置及动画播放方法、装置,本申请对于css3所能实现的简单的动画效果,可以通过css3技术对设计原型图划分得到的元素原件进行整合变换,得到关键态,而对于css3无法实现的动画效果,可以通过其它方式生成图像帧,如从FLASH动画中提取图像帧等,进而将图像帧插入关键态队列中,由插入图像帧后的关键态队列作为动画数据包。由于本申请生成的并非FLASH动画,因此不需要在浏览器中安装播放插件,降低了内存占用,同时解决了单纯css3无法实现复杂动画效果的问题。

主权项:1.一种动画生成方法,其特征在于,包括:获取设计原型图;对所述设计原型图进行元素划分,得到划分后的若干元素原件;响应用户调用层叠样式表css3方法对所述元素原件的处理操作,利用所述元素原件进行整合变换,得到若干关键态组成的关键态队列,所述关键态为通过css3方法对组成设计原型图的元素原件进行整合变换后所得到的关键动作状态;响应用户向所述关键态队列中插入图像帧的操作,将从FLASH动画中预获取的与css3无法实现的动画效果相关的图像帧,插入所述关键态队列中用户指定的相邻关键态的中间位置,得到插入后的关键态队列,所述插入后的关键态队列组成动画数据包。

全文数据:动画生成方法、装置及动画播放方法、装置技术领域[0001]本申请涉及动画处理技术领域,更具体地说,涉及一种动画生成方法、装置及动画播放方法、装置。背景技术[0002]随着高级浏览器市场占有率的提高以及移动端的发展,互动动画成为一个重要的产品亮点,能够实现宣传品牌、提高品牌知名度的目的。[0003]现有动画一般包括FLASH动画和CSS3动画。FLASH动画由视频帧组成。浏览器在播放FLASH动画时需要安装对应的播放插件,从而导致系统内存占用高,影响访问速度的问题。随着CSS3技术的普及,市面上主流的浏览器都支持CSS3动画的播放,其不需要额外安装播放插件,有效解决了FLASH动画内存占用高的问题。但是,CSS3动画只能够实现简单动画效果,对于某些复杂的动画效果无法实现,如LOGO演绎等。[0004]因此,如何提供一种既能够实现复杂动画效果,又能够降低浏览器内存占用率的动画生成方案,成为本领域技术人员亟待解决的问题。发明内容[0005]有鉴于此,本申请提供了一种动画生成方法、装置及动画播放方法、装置,以在降低浏览器内存占用率的情况下,实现对复杂动画效果的展示。[0006]为了实现上述目的,现提出的方案如下:[0007]—种动画生成方法,包括:[0008]获取设计原型图;[0009]对所述设计原型图进行元素划分,得到划分后的若千元素原件;[0010]响应用户调用层叠样式表CSS3方法对所述元素原件的处理操作,利用所述元素原件进行整合变换,得到若千关键态组成的关键态队列;[0011]响应用户向所述关键态队列中插入图像帧的操作,将预获取的图像帧,插入所述关键态队列中用户指定的位置,得到插入后的关键态队列,所述插入后的关键态队列组成动画数据包。[0012]一种动画播放方法,包括:[0013]获取动画数据包,所述动画数据包包括由关键态和图像帧组成的关键态队列,其中,所述关键态为通过css3方法对组成设计原型图的元素原件进行整合变换后所得到的关键态;[0014]依序对所述动画数据包中的关键态和图像帧进行播放。[0015]—种动画生成装置,包括:[0016]设计原型图获取单元,用于获取设计原型图;[0017]元素划分单元,用于对所述设计原型图进行元素划分,得到划分后的若干元素原件;[0018]关键态获取单元,用于响应用户调用层叠样式表CSS3方法对所述元素原件的处理操作,利用所述元素原件进行整合变换,得到若干关键态组成的关键态队列;[0019]图像帧插入单元,用于响应用户向所述关键态队列中插入图像帧的操作,将预获取的图像帧,插入所述关键态队列中用户指定的位置,得到插入后的关键态队列,所述插入后的关键态队列组成动画数据包。[0020]一种动画播放装置,包括:[0021]动画数据包获取单元,用于获取动画数据包,所述动画数据包包括由关键态和图像帧组成的关键态队列,其中,所述关键态为通过CSS3方法对组成设计原型图的元素原件进行整合变换后所得到的关键态;[0022]动画播放单元,用于依序对所述动画数据包中的关键态和图像帧进行播放。[0023]本申请实施例提供的动画生成方法,获取设计原型图;对所述设计原型图进行元素划分,得到划分后的若干元素原件;响应用户调用层叠样式表CSS3方法对所述元素原件的处理操作,利用所述元素原件进行整合变换,得到若干关键态组成的关键态队列;响应用户向所述关键态队列中插入图像帧的操作,将预获取的图像帧,插入所述关键态队列中用户指定的位置,得到插入后的关键态队列,所述插入后的关键态队列组成动画数据包。由此可见,本申请对于CSS3所能实现的简单的动画效果,可以通过CSS3技术对元素原件进行整合变换,得到关键态,而对于css3无法实现的动画效果,可以通过其它方式生成图像帧,如从FLASH动画中提取图像帧等,进而将图像帧插入关键态队列中,由插入图像帧后的关键态队列作为动画数据包。由于本申请生成的并非FLASH动画,因此不需要在浏览器中安装播放插件,降低了内存占用,同时解决了单纯css3无法实现复杂动画效果的问题。附图说明[0024]为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据提供的附图获得其他的附图。[0025]图1为本申请实施例公开的一种动画播放系统的架构图;[0026]图2为本申请实施例公开的一种动画生成方法流程图;[0027]图3为本申请实施例公开的另一种动画生成方法流程图;[0028]图4为本申请示例的对目标元素原件集合的编辑操作示意图;[0029]图5为本申请实施例公开的一种动画播放方法流程图;[0030]图6为本申请实施例公开的另一种动画播放方法流程图;[0031]图7为本申请实施例公开的一种动画生成装置结构示意图;[0032]图8为本申请实施例公开的一种动画播放装置结构示意图;[0033]图9为本申请实施例提供的一种客户端硬件结构示意图。具体实施方式[0034]下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。[0035]本申请实施例公开了一种动画生成及播放方案。该生成的动画数据包可以存储在服务器中,客户端的浏览器在确定需要播放动画时,向服务器请求该动画数据包,进而对其进行播放。参见图1所示,其示例了本申请动画播放系统的架构图,该系统包括:[0036]客户端11和服务器12;[0037]其中,客户端11为用户侧设备,如手机、平板电脑、PC等;[0038]在本申请实施例中,客户端11可以通过浏览器与服务器进行数据通信,客户端11可以通过浏览器进行动画的播放。[0039]服务器12为网络侧设备,存储有动画数据包,在接收到客户端11的动画数据请求时,将存储的动画数据包发送给客户端11。当然,动画数据包还可以存储在服务器12所能够访问到的其它设备中,服务器12在收到客户端11的动画数据请求时,访问存储动画数据包的设备,获取动画数据包,进而发送给客户端11。或者是,服务器12将动画数据包的存储地址反馈给客户端11,由客户端11访问所述存储地址,以获取动画数据包。[0040]接下来,本申请分别对动画的生成过程,以及动画播放过程进行介绍。[0041]首先,介绍动画生成过程,参见图2,图2为本申请实施例公开的一种动画生成方法流程图。如图2所示,该方法包括:[0042]步骤S100、获取设计原型图;[0043]具体地,在生成动画过程需要动画制作者提供设计原型图,如一个卡通人物等。动画是基于该设计原型图所生成。[0044]可以理解的是,根据所要生成动画的不同,设计原型图也可能不同。[0045]步骤S110、对所述设计原型图进行元素划分,得到划分后的若干元素原件;[0046]具体地,设计原型图通过多个元素模块组成,不同类型的设计原型图其元素模块的组成形式也一定相同。以设计原型图为卡通人物进行说明,则组成该卡通人物的元素模块可以包括:头、躯干、四肢。再以设计原型图为汽车进行说明,则组成该汽车的元素模块可以包括:汽车壳体、汽车轮子。[0047]当然,设计原型图的组成元素可以由动画制作者设定,一般性的,对于设计原型图土后续需要进行CSS3处理的部分,需要作为一个元素模块。如动画制作者想要制作一个动画效果:汽车向前行驶。则显然,该过程中汽车轮子需要不停转动,因此需要将汽车轮子作为一个元素模块。[0048]通过对设计原型图进行元素划分,划分得到若干元素原件。[0049]步骤S120、响应用户调用层叠样式表css3方法对所述元素原件的处理操作,利用所述元素原件进行整合变换,得到若千关键态组成的关键态队列;[0050]其中,css3CascadingStylesheet,层叠样式表为生成动画的一种处理方法,通过对设计原型图划分后得到的元素原件进行整合变换,可以得到符合动画设计者预期的关键态关键动作状态)。[0051]动画制作者可以根据自己的需要,确定需要进行整合的元素原件,并通过CSS3提供的各种编辑方式,对整合的元素原件进行编辑处理,如过渡处理、变形处理等,处理后得到符合预期的关键态。[0052]需要说明的是,本步骤中仅对CSS3能够实现的简单的动画效果进行编辑处理,动画制作者所要制作的复杂的动画效果无法在本步骤中通过css3实现。[0053]步骤S130、响应用户向所述关键态队列中插入图像帧的操作,将预获取的图像帧,插入所述关键态队列中用户指定的位置,得到插入后的关键态队列,所述插入后的关键态队列组成动画数据包。[0054]具体地,上一步骤中已经介绍,cSS3仅能够对简单的动画效果进行处理,针对动画制作者所要实现的复杂的动画效果,本申请中可以由动画制作者通过其它方式预先生成图像帧,如从FLASH动画中提取帧图像或通过其它方式得到所要实现的复杂动画效果的图像帧。[0055]本步骤中,响应用户(动画制作者)向所述关键态队列中插入图像帧的操作,将预先获取的图像帧插入至所述关键态队列中用户指定的位置处,得到插入后的关键态队列,由该插入后的关键态队列组成动画数据包。[0056]其中,向关键态队列中插入的图像帧的个数可以为一个或多个。每一图像帧的插入位置可以由用户指定,图像帧的插入位置为关键态队列中相邻关键态的中间位置。最终得到的插入后的关键态队列中,关键态和图像帧的排序顺序,即为动画播放时的播放顺序。[0057]本申请实施例提供的动画生成方法,获取设计原型图;对所述设计原型图进行元素划分,得到划分后的若干元素原件;响应用户调用层叠样式表css3方法对所述元素原件的处理操作,利用所述元素原件进行整合变换,得到若干关键态组成的关键态队列;响应用户向所述关键态队列中插入图像帧的操作,将预获取的图像帧,插入所述关键态队列中用户指定的位置,得到插入后的关键态队列,所述插入后的关键态队列组成动画数据包。由此可见,本申请对于CSS3所能实现的简单的动画效果,可以通过CSS3技术对元素原件进行整合变换,得到关键态,而对于css3无法实现的动画效果,可以通过其它方式生成图像帧,如从FLASH动画中提取图像帧等,进而将图像帧插入关键态队列中,由插入图像帧后的关键态队列作为动画数据包。由于本申请生成的并非FLASH动画,因此不需要在浏览器中安装播放插件,降低了内存占用,同时解决了单纯css3无法实现复杂动画效果的问题。[0058]在本申请的另一个实施例中,对向关键态队列中插入的关键帧的获取过程进行介绍。[0059]可以理解的是,针对动画制作者所要实现的动画中,简单动画效果的部分,可以通过css3整合变换得到关键态。对于CSS3无法实现的复杂动画效果,可以通过制作成图像帧的方式,插入至关键态队列中。[0060]该图像帧的获取方式可以包括如下几种情况:[0061]第一种、[0062]基于所述设计原型图制作FLASH动画。在所述FLASH动画的各关键帧中提取所需复杂动画效果的关键帧。[0063]进一步,根据提取的关键帧进行分化处理,得到过渡帧。[0064]当然,还可以直接在所述flash动画的关键帧和过渡帧中,提取所需复杂动画效果的关键帧和过渡帧。[0065]第二种、[0066]响应用户对设计原型图的编辑操作,对所述设计原型图进行图像编辑后得到关键帧;以及,根据得到的关键帧进行分化处理得到过渡帧。[0067]具体地,在对设计原型图进行图像编辑时,可以选用Photoshop等图像处理软件进行图像编辑,编辑得到的图像作为关键帧。通过编辑得到的若干关键帧进行分化处理,得到关键帧之间的过渡帧。[0068]通过上述实施例示例的方式,对css3无法实现的复杂动画效果,可以通过上述示例的方式生成图像帧,进而将图像帧插入至关键态队列中,组成动画数据包。[0069]在本申请的又一个实施例中,介绍了另一种动画生成方法,如图3所示,该方法包括:[0070]步骤S200、获取设计原型图;[0071]可以理解的是,根据所要生成动画的不同,设计原型图也可能不同。[0072]步骤S210、对所述设计原型图进行元素划分,得到划分后的若干元素原件;[0073]步骤S220、响应用户对目标元素原件的选中操作,将所述目标元素原件进行整合,得到目标元素原件集合;[0074]具体地,用户根据所预期制作的动画效果,从设计原型图划分后的各元素原件中选中部分目标元素原件。本步骤中,将用户选中的目标元素原件进行整合,得到目标元素原件集合。[0075]举例如:[0076]设计原型图包括两只兔子和一棵树,动画制作者所要实现的动画效果是两只兔子向前跑,树保持不动。则对设计原型图进行元素划分时,将每只兔子分别划分为一个元素原件,将树划分为一个元素原件。为了实现预期的动画效果,用户可以将两种兔子对应的元素原件选中,对该两个元素原件进行整合。[0077]目标元素原件集合用于供下述步骤中进行编辑处理。[0078]步骤S230、响应用户调用css3方法对所述目标元素原件集合的编辑操作,按照用户选择的编辑方式对所述目标元素原件集合进行编辑处理,得到处理后的关键态,多个关键态按照生成顺序组织成关键态队列;[0079]具体地,对于上一步骤中得到的目标元素原件集合,用户可以调用css3方法对其进行编辑操作。css3提供了若干种编辑方式,用户可以从中选择任意一种或多种编辑方式对目标元素原件组合进行编辑,以得到符合设计预期的关键态。[0080]通过对目标元素原件执行不同的编辑操作,可以得到不同的关键态,不同关键态按照动画播放顺序可以组织成关键态队列。[0081]步骤S240、响应用户向所述关键态队列中插入图像帧的操作,将预获取的图像帧,插入所述关键态队列中用户指定的位置,得到插入后的关键态队列,所述插入后的关键态队列组成动画数据包。[0082]相比于上述实施例,本实施例中详细介绍了css3方法对元素原件进行整合变换,得到关键态的过程,该过程主要包括由用户选中的目标元素原件进行整合,得到目标元素原件集合,进而调用css3方法对目标兀素原件集合进彳丁编fe,得到编辑后的关键态。[0083]进一步地,针对上述步骤S230中调用css3方法对目标元素原件集合的编辑操作,其具体实施过程参照图4。[0084]如图4所示:[0085]css3方法对目标兀素原件集合所能够进彳丁的编辑操作包括:过渡transition、变形translate、动画animation三种动态变换操作,以及动态变换后通过裁减Clip和拼合Sprites得到编辑处理后的关键态。[0086]其中,过渡transition、变形translate、动画animation三种动态变换操作的具体表现形式可以包括:[0087]震动shake、闪烁131;[1^、弹跳130111^6、翻转;!11口、旋转;1"^3七6111、渐显渐隐€3^111fadeout。[0088]由此可见,css3所能实现的仅仅是比较简单的动画效果。[0089]接下来的实施例中,介绍动画播放过程,参见图5,图5为本申请实施例公开的一种动画播放方法流程图。如图5所示,该方法包括:[0090]步骤S3〇0、获取动画数据包,所述动画数据包包括由关键态和图像帧组成的关键态队列;[0091]其中,所述关键态为通过CSS3方法对组成设计原型图的元素原件进行整合变换后所得到的关键态。图像帧为针对css3无法实现的复杂动画效果所生成的图像。[0092]对于整合变换得到关键态的过程,以及图像帧的获取过程,可以参照上述动画生成过程的实施例的介绍,此处不再赘述。[0093]步骤S310、依序对所述动画数据包中的关键态和图像帧进行播放。[0094]动画数据包中关键态和图像帧依序排序,进而在播放时可以按照排序顺序依序进行播放。[0095]本实施例提供的动画播放方法,其动画数据包由关键态和图像帧组成,由于动画数据由css编辑处理的关键态及图像帧组成,因此浏览器不需要安装flash插件即可实现动画播放,降低了浏览器内存占用。同时,本实施例中对于简单的动画效果由css3实现,对于复杂动画效果由图像帧实现,解决了css3无法实现复杂动画的问题。[0096]进一步,参见图6,图6为本申请实施例公开的另一种动画播放方法流程图。如图6所示,该方法包括:[0097]步骤S400、采用异步加载的方式,从服务器中获取动画数据包,所述动画数据包包括由关键态和图像帧组成的关键态队列;[0098]具体地,本申请进行动画播放的设备可以是客户端,客户端在确定需要播放动画时,可以采用异步加载的方式,从服务器获取动画数据包。[0099]通过采用异步加载的方式,数据加载线程和动画播放线程可以独立执行,首先加载动画数据包中前一部分数据,由动画播放线程依据已加载的数据进行动画播放,无需等待动画数据包全部加载完毕之后才执行动画播放,加快了动画播放时间,降低了用户等待焦虑感。[0100]步骤S410、通过javascript脚本对所述动画数据包中关键态和图像帧进行播放控制。[0101]具体地,通过客户端的javascript脚本可以实现对动画数据包中的关键态及图像帧的播放控制。[0102]本实施例中,通过异步加载的方式从服务器获取动画数据包,加快了动画播放时间,并且,因为css3制作的关键态和图像巾贞均支持javascript脚本的播放控制,因此可以通过javascript脚本完美控制动画的播放。[0103]下面对本申请实施例提供的动画生成装置进行描述,下文描述的动画生成装置与上文描述的动画生成方法可相互对应参照。[0104]参见图7,图7为本申请实施例公开的一种动画生成装置结构示意图,如图7所示,该装置包括:[0105]设计原型图获取单元11,用于获取设计原型图;[0106]元素划分单元12,用于对所述设计原型图进行元素划分,得到划分后的若干元素原件;[0107]关键态获取单元13,用于响应用户调用层叠样式表css3方法对所述元素原件的处理操作,利用所述元素原件进行整合变换,得到若干关键态组成的关键态队列;[0108]图像帧插入单元14,用于响应用户向所述关键态队列中插入图像帧的操作,将预获取的图像帧,插入所述关键态队列中用户指定的位置,得到插入后的关键态队列,所述插入后的关键态队列组成动画数据包。[0109]本申请对于CSS3所能实现的简单的动画效果,可以通过CSS3技术对元素原件进行整合变换,得到关键态,而对于css3无法实现的动画效果,可以通过其它方式生成图像帧,如从FLASH动画中提取图像帧等,进而将图像帧插入关键态队列中,由插入图像帧后的关键态队列作为动画数据包。由于本申请生成的并非FLASH动画,因此不需要在浏览器中安装播放插件,降低了内存占用,同时解决了单纯css3无法实现复杂动画效果的问题。[0110]可选的,所述关键态获取单元可以包括:元素原件整合单元,用于响应用户对目标元素原件的选中操作,将所述目标元素原件进行整合,得到目标元素原件集合;[0112]元素原件编辑单元,响应用户调用CSS3方法对所述目标元素原件集合的编辑操作,按照用户选择的编辑方式对所述目标元素原件集合进行编辑处理,得到处理后的关键态,多个关键态按照生成顺序组织成关键态队列。[0113]可选的,所述编辑方式可以包括:过渡transition、变形translate、动画animation。[0114]进一步,对本申请实施例提供的动画播放装置进行描述,下文描述的动画播放装置与上文描述的动画播放方法可相互对应参照。[0115]参见图8,图8为本申请实施例公开的一种动画播放装置结构示意图,如图8所示,该装置包括:[0116]动画数据包获取单元21,用于获取动画数据包,所述动画数据包包括由关键态和图像帧组成的关键态队列,其中,所述关键态为通过csS3方法对组成设计原型图的元素原件进行整合变换后所得到的关键态;[0117]动画播放单元22,用于依序对所述动画数据包中的关键态和图像帧进行播放。[011S]本实施例提供的动画播放装置,其播放的动画数据包由关键态和图像帧组成,由于动画数据由css编辑处理的关键态及图像帧组成,因此浏览器不需要安装flash插件即可实现动画播放,降低了浏览器内存占用。同时,本实施例中对于简单的动画效果由css3实现,对于复杂动画效果由图像帧实现,解决了css3无法实现复杂动画的问题。[0119]可选的,所述动画播放单元可以包括:[0120]第一动画播放子单元,用于通过javascript脚本对所述动画数据包中关键态和图像帧进行播放控制。[0121]可选的,所述动画播放装置可以应用于客户端,所述动画数据包获取单元可以包括:[0122]异步加载单元,用于采用异步加载的方式,从服务器中获取所述动画数据包。[0123]本申请实施例进一步提供了一种动画播放系统,包括客户端及服务器,其中:[0124]所述服务器用于,存储动画数据包,所述动画数据包包括由关键态和图像帧组成的关键态队列,其中,所述关键态为通过css3方法对组成设计原型图的元素原件进行整合变换后所得到的关键态;[0125]所述客户端用于,在确定需要播放动画时,采用异步加载方式,向服务器请求所述动画数据包,并通过javascript脚本对所述动画数据包中关键态和图像帧进行播放控制。[0126]接下来的实施例中,对客户端的硬件结构进行介绍,参见图9,图9为本申请实施例提供的一种客户端硬件结构示意图。[0127]如图9所示,客户端可以包括:[0128]处理器1,通信接口2,存储器3,通信总线4,和显示屏5;[0129]其中处理器1、通信接口2、存储器3和显示屏5通过通信总线4完成相互间的通信;[0130]可选的,通信接口2可以为通信模块的接口,如GSM模块的接口;[0131]处理器1,用于执行程序;[0132]存储器3,用于存放程序;[0133]程序可以包括程序代码,所述程序代码包括处理器的操作指令。[0134]处理器1可能是一个中央处理器CPU,或者是特定集成电路ASICApplicationSpecificIntegratedCircuit,或者是被配置成实施本申请实施例的一个或多个集成电路。[0135]存储器3可能包含高速RAM存储器,也可能还包括非易失性存储器non-v〇latilememory,例如至少一个磁盘存储器。[0136]其中,程序具体用于:[0137]获取动画数据包,所述动画数据包包括由关键态和图像帧组成的关键态队列,其中,所述关键态为通过css3方法对组成设计原型图的元素原件进行整合变换后所得到的关键态;[0138]依序对所述动画数据包中的关键态和图像帧进行播放。[0139]最后,还需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。[0M0]本说明书中各个实施例采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似部分互相参见即可。[0141]对所公开的实施例的上述说明,使本领域专业技术人员能够实现或使用本申请。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的,本文中所定义的一般原理可以在不脱离本申请的精神或范围的情况下’在其它实施例中实现。因此,本申请将不会被限制于本文所示的这些实施例,而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

权利要求:1.一种动画生成方法,其特征在于,包括:获取设计原型图;对所述设计原型图进行元素划分,得到划分后的若干元素原件;响应用户调用层叠样式表css3方法对所述元素原件的处理操作,利用所述元素原件进行整合变换,得到若干关键态组成的关键态队列;响应用户向所述关键态队列中插入图像帧的操作,将预获取的图像帧,插入所述关键态队列中用户指定的位置,得到插入后的关键态队列,所述插入后的关键态队列组成动画数据包。2.根据权利要求1所述的方法,其特征在于,预获取的图像帧包括:在基于所述设计原型图生成的FLASH动画的各关键帧中提取的关键帧;以及,根据提取的关键帧进行分化处理得到的过渡帧;或者,在基于所述设计原型图生成的FLASH动画的关键帧和过渡帧中提取的关键帧和过渡帧。3.根据权利要求1所述的方法,其特征在于,预获取的图像帧包括:响应用户对设计原型图的编辑操作,对所述设计原型图进行图像编辑后得到的关键帧;以及,根据得到的关键帧进行分化处理得到的过渡帧。4.根据权利要求1-3任一项所述的方法,其特征在于,所述响应用户调用层叠样式表css3方法对所述元素原件的处理操作,利用所述元素原件进行整合变换,得到若干关键态组成的关键态队列,包括:响应用户对目标元素原件的选中操作,将所述目标元素原件进行整合,得到目标元素原件集合;响应用户调用css3方法对所述目标元素原件集合的编辑操作,按照用户选择的编辑方式对所述目标元素原件集合进行编辑处理,得到处理后的关键态,多个关键态按照生成顺序组织成关键态队列。5.根据权利要求4所述的方法,其特征在于,所述编辑方式包括:过渡transiti〇n、变形translatesEjanimation〇6.—种动画播放方法,其特征在于,包括:获取动画数据包,所述动画数据包包括由关键态和图像帧组成的关键态队列,其中,所述关键态为通过css3方法对组成设计原型图的元素原件进行整合变换后所得到的关键态;依序对所述动画数据包中的关键态和图像帧进行播放。7.根据权利要求6所述的方法,其特征在于,所述依序对所述动画数据包中的关键态和图像巾贞进行播放,包括:通过javascript脚本对所述动画数据包中关键态和图像帧进行播放控制。8.根据权利要求6或7所述的方法,其特征在于,所述动画播放方法应用于客户端,所述获取动画数据包包括:采用异步加载的方式,从服务器中获取所述动画数据包。9.一种动画生成装置,其特征在于,包括:设计原型图获取单元,用于获取设计原型图;元素划分单元,用于对所述设计原型图进行元素划分,得到划分后的若千元素原件;关键态获取单元,用于响应用户调用层叠样式表css3方法对所述元素原件的处理操作,利用所述元素原件进行整合变换,得到若干关键态组成的关键态队列;图像帧插入单元,用于响应用户向所述关键态队列中插入图像帧的操作,将预获取的图像帧,插入所述关键态队列中用户指定的位置,得到插入后的关键态队列,所述插入后的关键态队列组成动画数据包。10.根据权利要求9所述的装置,其特征在于,所述关键态获取单元包括:元素原件整合单元,用于响应用户对目标元素原件的选中操作,将所述目标元素原件进行整合,得到目标元素原件集合;元素原件编辑单元,响应用户调用css3方法对所述目标元素原件集合的编辑操作,按照用户选择的编辑方式对所述目标元素原件集合进行编辑处理,得到处理后的关键态,多个关键态按照生成顺序组织成关键态队列。11.一种动画播放装置,其特征在于,包括:动画数据包获取单元,用于获取动画数据包,所述动画数据包包括由关键态和图像帧组成的关键态队列,其中,所述关键态为通过css3方法对组成设计原型图的元素原件进行整合变换后所得到的关键态;动画播放单元,用于依序对所述动画数据包中的关键态和图像帧进行播放。12.根据权利要求11所述的装置,其特征在于,所述动画播放单元包括:第一动画播放子单元,用于通过javascript脚本对所述动画数据包中关键态和图像帧进行播放控制。13.根据权利要求11或I2所述的装置,其特征在于,所述动画播放装置应用于客户端,所述动画数据包获取单元包括:异步加载单元,用于采用异步加载的方式,从服务器中获取所述动画数据包。

百度查询: 腾讯科技(深圳)有限公司 动画生成方法、装置及动画播放方法、装置

vip会员权益升级
价格优惠/年费监控/专利管家/定制微网站 关闭