[发明专利]动画生成方法、装置及动画播放方法、装置

说明书

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

技术领域

本申请涉及动画处理技术领域，更具体地说，涉及一种动画生成方法、装置及动画播放方法、装置。

背景技术

随着高级浏览器市场占有率的提高以及移动端的发展，互动动画成为一个重要的产品亮点，能够实现宣传品牌、提高品牌知名度的目的。

现有动画一般包括FLASH动画和CSS3动画。FLASH动画由视频帧组成。浏览器在播放FLASH动画时需要安装对应的播放插件，从而导致系统内存占用高，影响访问速度的问题。随着CSS3技术的普及，市面上主流的浏览器都支持CSS3动画的播放，其不需要额外安装播放插件，有效解决了FLASH动画内存占用高的问题。但是，CSS3动画只能够实现简单动画效果，对于某些复杂的动画效果无法实现，如LOGO演绎等。

因此，如何提供一种既能够实现复杂动画效果，又能够降低浏览器内存占用率的动画生成方案，成为本领域技术人员亟待解决的问题。

发明内容

有鉴于此，本申请提供了一种动画生成方法、装置及动画播放方法、装置，以在降低浏览器内存占用率的情况下，实现对复杂动画效果的展示。

为了实现上述目的，现提出的方案如下：

一种动画生成方法，包括：

获取设计原型图；

对所述设计原型图进行元素划分，得到划分后的若干元素原件；

响应用户调用层叠样式表css3方法对所述元素原件的处理操作，利用所述元素原件进行整合变换，得到若干关键态组成的关键态队列；

响应用户向所述关键态队列中插入图像帧的操作，将预获取的图像帧，插入所述关键态队列中用户指定的位置，得到插入后的关键态队列，所述插入后的关键态队列组成动画数据包。

一种动画播放方法，包括：

获取动画数据包，所述动画数据包包括由关键态和图像帧组成的关键态队列，其中，所述关键态为通过css3方法对组成设计原型图的元素原件进行整合变换后所得到的关键态；

依序对所述动画数据包中的关键态和图像帧进行播放。

一种动画生成装置，包括：

设计原型图获取单元，用于获取设计原型图；

元素划分单元，用于对所述设计原型图进行元素划分，得到划分后的若干元素原件；

关键态获取单元，用于响应用户调用层叠样式表css3方法对所述元素原件的处理操作，利用所述元素原件进行整合变换，得到若干关键态组成的关键态队列；

图像帧插入单元，用于响应用户向所述关键态队列中插入图像帧的操作，将预获取的图像帧，插入所述关键态队列中用户指定的位置，得到插入后的关键态队列，所述插入后的关键态队列组成动画数据包。

一种动画播放装置，包括：

动画数据包获取单元，用于获取动画数据包，所述动画数据包包括由关键态和图像帧组成的关键态队列，其中，所述关键态为通过css3方法对组成设计原型图的元素原件进行整合变换后所得到的关键态；