动画处理方法、装置、电子设备及介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN113947650A(43)申请公布日2022.01.18(21)申请号202111165927.7(22)申请日2021.09.30(71)申请人完美世界（北京）软件科技发展有限公司地址100085北京市海淀区上地东路1号院5号楼7层701-14(72)发明人李晨冉宇张越(74)专利代理机构北京太合九思知识产权代理有限公司11610代理人柴艳波刘戈(51)Int.Cl.G06T13/00(2011.01)G06F16/958(2019.01)权利要求书2页说明书10页附图3页(54)发明名称动画处理方法、装置、电子设备及介质(57)摘要本申请实施例提供动画处理方法、装置、电子设备及介质。该方法包括：响应于动画处理请求，将舞台容器插入canvas画布中；将目标元素插入舞台容器；根据动画处理请求中携带的目标元素的参数，调用元素动画库提供的调用接口；向调用接口输入参数，在舞台容器中生成具有目标动画的目标元素，以使目标元素实现预设动画效果。通过上述方案，预先建立元素动画库并对外提供可调用接口。进行动画处理时，基于元素动画库将舞台容器插入到画布中，进而在舞台容器中插入目标元素。上述方案通过舞台容器实现对目标元素的动画处理，不仅能够简化基于画布进行动画处理的流程，还允许对画布当中各目标元素分别处理，能够有效提高动画处理效率。CN113947650ACN113947650A权利要求书1/2页1.一种动画处理方法，其特征在于，所述方法包括：响应于动画处理请求，将舞台容器插入canvas画布中；将所述动画处理请求指定的目标元素插入所述舞台容器；根据所述动画处理请求中携带的所述目标元素的参数，调用元素动画库提供的调用接口；向所述调用接口输入所述参数，在所述舞台容器中生成具有目标动画的所述目标元素，以使所述目标元素实现预设动画效果。2.根据权利要求1所述的方法，其特征在于，所述将舞台容器插入canvas画布中，将所述动画处理请求指定的目标元素插入所述舞台容器：包括：获取所述动画处理请求中携带的舞台容器参数和目标元素参数；获取用于对所述舞台容器所在canvas画布进行初始化所需的基类、父级元素、初始化事件和画笔；基于所述基类、父级元素、初始化事件和画笔，在所述canvas画布上对舞台容器进行实例化处理，以及插入所述目标元素到所述舞台容器中。3.根据权利要求1所述的方法，其特征在于，所述根据所述动画处理请求中携带的所述目标元素的参数，调用元素动画库提供的调用接口，包括：获取所述动画处理请求中携带的针对所述目标元素中任一目标动画的动画帧频参数和用于响应用户触发事件的接口调用信息；通过所述目标元素的调用接口绑定对应的事件类型；基于所述目标元素的调用接口设定所述目标动画的动画帧频参数。4.根据权利要求3所述的方法，其特征在于，所述事件类型包括：点击事件、移动事件、拖动事件、按下事件中至少一种；所述通过所述目标元素的调用接口绑定对应的事件类型，包括：确定所述目标元素对应的事件类型，以及所述动画处理请求中用于表征所述目标元素对应舞台容器在所述canvas画布中的坐标参数；确定所述坐标参数与所述事件类型之间的关联关系；根据所述关联关系，通过所述目标元素的调用接口绑定所述事件类型。5.根据权利要求4所述的方法，其特征在于，还包括：确定用户触发操作对应的事件类型和触发坐标值；从所述舞台容器中确定绑定有所述事件类型的至少一个目标元素；在所述目标元素按照所述动画帧频参数进行刷新时，根据所述舞台容器中所述至少一个目标元素分别对应的坐标参数与所述触发坐标值进行对比的对比结果，确定所述触发操作对应的更新动画并通过所述舞台容器展示所述事件类型对应的动画效果。6.根据权利要求4所述的方法，其特征在于，还包括：若接收到用户发出的目标动画修改请求，确定所述目标动画中待修改的原始参数；基于所述舞台容器，将所述目标动画对应的原始参数替换为所述目标动画修改请求中携带的新参数。7.一种动画处理装置，其特征在于，所述装置包括：舞台生成模块，用于响应于动画处理请求，将舞台容器插入canvas画布中；2CN113947650A权利要求书2/2页元素处理模块，用于将所述动画处理请求指定的目标元素插入所述舞台容器；元素动画库，用于基于所述动画处理请求中携带的所述目标元素的参数，调用所述元素动画库中的调用接口；动画生成模块，用于向所述调用接口输入所述参数，在所述舞台容器中生成具有目标动画的所述目标元素，以使所述目标元素实现预设动画效果。8.根据权利要求7所述的装置，其特征在于，所述舞台生成模块，还用于获取所述动画处理请求中携带的舞台容器参数和目标元素参数；获取用于对所述舞台容器所在canvas画布进行初始化所需的基类、父级元素