[发明专利]一种数据导出及动画播放的方法及装置在审
申请号: | 201710086875.1 | 申请日: | 2017-02-17 |
公开(公告)号: | CN108460818A | 公开(公告)日: | 2018-08-28 |
发明(设计)人: | 王劲 | 申请(专利权)人: | 阿里巴巴集团控股有限公司 |
主分类号: | G06T13/00 | 分类号: | G06T13/00;H04L29/08 |
代理公司: | 北京晋德允升知识产权代理有限公司 11623 | 代理人: | 杨移 |
地址: | 英属开曼群岛大开*** | 国省代码: | 开曼群岛;KY |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 移动终端设备 浏览器 插件 预设 播放 动画播放 数据包 绘制 导出 可视元素 兼容性 数据集 浏览 便利 申请 保证 | ||
1.一种动画播放的方法,其特征在于,包括:
获取待播放动画的数据包,所述数据包中包含用于绘制所述待播放动画的至少一个可视元素数据集;
通过移动终端设备的浏览器所支持的预设插件以及所述可视元素数据集,绘制所述可视元素数据集对应的待播放动画,并在所述浏览器中进行播放。
2.如权利要求1所述的方法,其特征在于,通过移动终端设备的浏览器所能支持的预设插件以及所述可视元素数据集,绘制所述可视元素数据集对应的待播放动画,具体包括:
从不同的所述可视元素数据集中确定所述待播放动画中包含的各可视元素;
根据各可视元素对应的可视元素数据集中所包含的设定属性,确定各可视元素在绘制所述待播放动画时的绘制顺序;
按照所述绘制顺序,通过所述预设插件以及所述可视元素数据集中包含的各可视元素的关键帧数据,逐帧绘制出各可视元素所对应的动画帧;
根据绘制出的各可视元素所对应的动画帧,得到所述待播放动画。
3.如权利要求2所述的方法,其特征在于,根据各可视元素对应的可视元素数据集中所包含的设定属性,确定各可视元素在绘制所述待播放动画时的绘制顺序,具体包括:
根据各可视元素对应的可视元素数据集中所包含的关系属性,确定出各可视元素之间的父层-子层关系;
根据确定出的所述父层-子层关系,构建用于表征不同的所述可视元素之间关系的树状结构;
遍历所述树状结构,确定各可视元素的绘制顺序。
4.如权利要求2所述的方法,其特征在于,按照所述绘制顺序,通过所述预设插件以及所述可视元素数据集中包含的各可视元素的关键帧数据,逐帧绘制出各可视元素所对应的动画帧,具体包括:
确定所述待播放动画的帧率;
根据所述帧率,确定所述待播放动画中各动画帧的绘制时间;
当监测到到达所述绘制时间时,按照所述绘制顺序,通过所述预设插件以及各可视元素的关键帧数据中与该绘制时间相匹配的关键帧数据,逐帧绘制出各可视元素的动画帧。
5.如权利要求4所述的方法,其特征在于,在浏览器中播放所述待播放动画,具体包括:
针对不同绘制时间,执行以下操作:
在该绘制时间内逐帧绘制出各可视元素的动画帧时,在所述浏览器中显示所述动画帧。
6.如权利要求2所述的方法,其特征在于,从不同的所述可视元素数据集中确定所述待播放动画中包含的各可视元素,具体包括:
当监测到需要在所述移动终端设备的浏览器中播放所述待播放动画时,从不同的所述可视元素数据集中,确定所述待播放动画中包含的各可视元素。
7.如权利要求1所述的方法,其特征在于,所述方法还包括:
当在所述待播放动画在播放过程中监测到触发预设条件时,通过执行预设代码在播放的动画中插入指定动画效果。
8.一种数据导出的方法,其特征在于,包括:
根据监测到的动画绘制操作,得到目标动画,所述目标动画中包含至少一个可视元素;
确定所述目标动画的脚本数据,并从所述脚本数据中导出所述目标动画的可视元素数据集,所述脚本数据中包含所述目标动画中的所述可视元素对应的可视元素数据集;
将所述可视元素数据集以数据包的形式进行保存,以使所述移动终端设备在获取到所述数据包时,通过预设插件以及所述数据包中的可视元素数据集在所述移动终端设备的浏览器中绘制,并播放所述目标动画。
9.如权利要求8所述的方法,其特征在于,从所述脚本数据中导出所述目标动画的可视元素数据集,具体包括:
针对每个可视元素,从所述脚本数据中确定该可视元素的属性以及所述属性的关键帧数据;
通过导出该可视元素、该可视元素对应的各属性以及各属性的关键帧数据的方式,得到该可视元素对应的可视元素数据集。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于阿里巴巴集团控股有限公司,未经阿里巴巴集团控股有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201710086875.1/1.html,转载请声明来源钻瓜专利网。