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

说明书

本发明实施例提供一种动画生成方法及装置，该方法包括：动画生成器获取与flash动画对应的帧图像序列，将帧图像序列中的各帧图像按照顺序进行拼接从而得到一幅拼接图。再通过确定拼接图中各帧图像对应的显示时刻，并将各帧图像在相应的显示时刻进行显示即可生成CSS3动画。根据上述方法能够根据flash动画自动生成CSS3动画，并且生成过程中并不存在人工计算并编写代码的过程，提高了CSS3动画生成的效率与准确性同时也降低了动画生成的成本。

技术领域

本发明涉及互联网技术领域，尤其涉及一种动画生成方法及装置。

背景技术

为了提高页面的可观赏性，技术人员通常会将页面中的静态内容添加上多种多样的动画效果。其中，最常用的方式是利用flash软件来设计页面中内容的动画效果，但flash软件生成的fla格式的动画有一定的使用局限性，不能适用于各种类型的客户端中。为此，需要基于flash动画生成其他格式的动画，例如，CSS3动画，以适应不同类型的客户端。

但现有技术中，需要通过人工编写代码的方式来产生CSS3动画，没有一种能够根据flash动画快速、准确生成CSS3动画的算法，导致CSS3格式动画的生成效率低且生成成本高。

发明内容

有鉴于此，本发明实施例提供一种动画生成方法及装置，根据帧图像序列的图像序列信息计算得到生成CSS3动画的所有参数，从而提高动画的生成效率，降低动画的生成成本。

本发明实施例提供一种动画生成方法，包括：

获取与flash动画对应的帧图像序列；

拼接所述帧图像序列中各帧图像以获得一幅拼接图；

确定所述拼接图中各帧图像对应的显示时刻；

根据各帧图像的尺寸以及所述各帧图像对应的显示时刻生成CSS3动画。

可选地，所述拼接所述帧图像序列中各帧图像，以获得一幅拼接图，包括：

解析所述各帧图像的图像名称，以获得各帧图像的所述各帧图像的显示编号；

根据所述显示编号依次拼接所述各帧图像，以获得所述拼接图。

可选地，所述确定所述拼接图中各帧图像对应的显示时刻，包括：

根据预设帧频以及所述帧图像序列中包含的帧图像数目确定所述CSS3动画的显示时长；

根据所述显示时长以及所述帧图像数目确定所述各帧图像对应的显示时刻。

可选地，所述根据各帧图像的尺寸以及所述各帧图像对应的显示时刻生成CSS3动画，包括：

根据所述各帧图像的尺寸确定各帧图像在所述拼接图中的起始像素坐标；

建立所述各帧图像在所述拼接图中的起始像素坐标与所述各帧图像对应的显示时刻之间的对应关系；

根据所述对应关系生成所述CSS3动画。

可选地，所述方法还包括：

将所述CSS3动画发送至客户端，所述CSS3动画中包括动画类型标签。

本发明实施例提供一种动画生成装置，包括：

获取模块，用于获取与flash动画对应的帧图像序列；

拼接模块，用于拼接所述帧图像序列中各帧图像以获得一幅拼接图；

确定模块，用于确定所述拼接图中各帧图像对应的显示时刻；

生成模块，用于根据各帧图像的尺寸以及所述各帧图像对应的显示时刻生成CSS3动画。