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

权利要求书

1.一种动画生成方法，其特征在于，包括：

获取设计原型图；

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

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

响应用户向所述关键态队列中插入图像帧的操作，将从FLASH动画中预获取的与css3无法实现的动画效果相关的图像帧，插入所述关键态队列中用户指定的相邻关键态的中间位置，得到插入后的关键态队列，所述插入后的关键态队列组成动画数据包。

2.根据权利要求1所述的方法，其特征在于，预获取的图像帧包括：

在基于所述设计原型图生成的FLASH动画的各关键帧中提取的关键帧；以及，根据提取的关键帧进行分化处理得到的过渡帧；

或者，

在基于所述设计原型图生成的FLASH动画的关键帧和过渡帧中提取的关键帧和过渡帧。

3.根据权利要求1所述的方法，其特征在于，预获取的图像帧包括：

响应用户对设计原型图的编辑操作，对所述设计原型图进行图像编辑后得到的关键帧；以及，

根据得到的关键帧进行分化处理得到的过渡帧。

4.根据权利要求1-3任一项所述的方法，其特征在于，所述响应用户调用层叠样式表css3方法对所述元素原件的处理操作，利用所述元素原件进行整合变换，得到若干关键态组成的关键态队列，包括：

响应用户对目标元素原件的选中操作，将所述目标元素原件进行整合，得到目标元素原件集合；

响应用户调用css3方法对所述目标元素原件集合的编辑操作，按照用户选择的编辑方式对所述目标元素原件集合进行编辑处理，得到处理后的关键态，多个关键态按照生成顺序组织成关键态队列。

5.根据权利要求4所述的方法，其特征在于，所述编辑方式包括：过渡transition、变形translate、动画animation。

6.一种动画播放方法，其特征在于，包括：

获取动画数据包，所述动画数据包包括由关键态和图像帧组成的关键态队列，其中，所述关键态为通过css3方法对组成设计原型图的元素原件进行整合变换后所得到的关键态，所述关键态为通过css3方法对组成设计原型图的元素原件进行整合变换后所得到的关键动作状态，所述图像帧为从FLASH动画中预获取的与css3无法实现的动画效果相关的图像帧，所述图像帧被插入所述关键态队列中用户指定的相邻关键态的中间位置；

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

7.根据权利要求6所述的方法，其特征在于，所述依序对所述动画数据包中的关键态和图像帧进行播放，包括：

通过javascript脚本对所述动画数据包中关键态和图像帧进行播放控制。

8.根据权利要求6或7所述的方法，其特征在于，所述动画播放方法应用于客户端，所述获取动画数据包包括：

采用异步加载的方式，从服务器中获取所述动画数据包。

9.一种动画生成装置，其特征在于，包括：

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

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

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

图像帧插入单元，用于响应用户向所述关键态队列中插入图像帧的操作，将从FLASH动画中预获取的与css3无法实现的动画效果相关的图像帧，插入所述关键态队列中用户指定的相邻关键态的中间位置，得到插入后的关键态队列，所述插入后的关键态队列组成动画数据包。