[发明专利]一种动画生成方法、装置及介质

说明书

本发明公开了一种动画生成方法、装置及介质。所述方法包括：响应于动画编辑指令，获取至少两个待编辑动画片段，每个待编辑动画片段包括至少一个页面元素；利用层叠样式表分别为每个待编辑动画片段对应的页面元素配置至少一个样式属性组；利用层叠样式表为每个待编辑动画片段创建对应的播放时间轴，播放时间轴用于描述待编辑动画片段中对应不同样式属性组的各个页面元素的播放时间属性；根据每个待编辑动画片段的播放时间轴、每个待编辑动画片段对应的页面元素以及其对应的样式属性组得到目标动画片段；利用层叠样式表为每个目标动画片段设置对应的播放时间顺序标识；根据各个目标动画片段以及每个目标动画片段的播放时间顺序标识生成目标动画。

技术领域

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

背景技术

随着互联网通信技术的发展，在页面中进行展示的除了文本等静态表现形式之外，还出现了动画这种动态表现形式，以动画进行展示可以极大地提高用户获取相关内容的体验。

现有技术中，往往将动画封装成一个个的js函数(事件响应函数；js：JavaScript，一种直译式脚本语言)，通过在函数内部频繁地获取以及改变相关元素的样式，以及手动设置这些函数的时延来实现动画的展示。比如，每隔16ms(毫秒)将元素A的左位移加1px(像素，一种相对长度单位)，从100px(对应的位置)移动至200px(对应的位置)。利用js函数进行动画开发的效率较低，对元素的样式进行修改时需要作对应的引用。因此，需要提供对动画更有效的开发方案。

发明内容

为了解决现有技术应用在对动画进行开发时，开发效率低等问题，本发明提供了一种动画生成方法、装置及介质：

一方面，本发明提供了一种动画生成方法，所述方法包括：

响应于动画编辑指令，获取至少两个待编辑动画片段，每个所述待编辑动画片段的页面元素集包括至少一个页面元素；

利用层叠样式表分别为每个所述待编辑动画片段对应的所述页面元素配置至少一个样式属性组，每个所述样式属性组包括至少一个样式属性值；

利用所述层叠样式表为每个所述待编辑动画片段创建对应的播放时间轴，所述播放时间轴用于描述所述待编辑动画片段中对应不同所述样式属性组的各个所述页面元素的播放时间属性；

根据每个所述待编辑动画片段的所述播放时间轴、每个所述待编辑动画片段的所述页面元素集以及对应的所述页面元素集中各个所述页面元素对应的所述样式属性组得到目标动画片段；

利用所述层叠样式表为每个所述目标动画片段设置对应的播放时间顺序标识；

根据各个所述目标动画片段以及每个所述目标动画片段的所述播放时间顺序标识生成目标动画。

另一方面提供了一种动画生成装置，所述装置包括：

待编辑动画片段获取模块：用于响应于动画编辑指令，获取至少两个待编辑动画片段，每个所述待编辑动画片段的页面元素集包括至少一个页面元素；

页面元素配置模块：用于利用层叠样式表分别为每个所述待编辑动画片段对应的所述页面元素配置至少一个样式属性组，每个所述样式属性组包括至少一个样式属性值；

播放时间轴创建模块：用于利用所述层叠样式表为每个所述待编辑动画片段创建对应的播放时间轴，所述播放时间轴用于描述所述待编辑动画片段中对应不同所述样式属性组的各个所述页面元素的播放时间属性；

目标动画片段生成模块：用于根据每个所述待编辑动画片段的所述播放时间轴、每个所述待编辑动画片段的所述页面元素集以及对应的所述页面元素集中各个所述页面元素对应的所述样式属性组得到目标动画片段；

播放时间顺序标识设置模块：用于利用所述层叠样式表为每个所述目标动画片段设置对应的播放时间顺序标识；