动画处理方法、装置、电子设备及介质与流程

技术特征：
1.一种动画处理方法，其特征在于，所述方法包括：响应于动画处理请求，将舞台容器插入canvas画布中；将所述动画处理请求指定的目标元素插入所述舞台容器；根据所述动画处理请求中携带的所述目标元素的参数，调用元素动画库提供的调用接口；向所述调用接口输入所述参数，在所述舞台容器中生成具有目标动画的所述目标元素，以使所述目标元素实现预设动画效果。2.根据权利要求1所述的方法，其特征在于，所述将舞台容器插入canvas画布中，将所述动画处理请求指定的目标元素插入所述舞台容器：包括：获取所述动画处理请求中携带的舞台容器参数和目标元素参数；获取用于对所述舞台容器所在canvas画布进行初始化所需的基类、父级元素、初始化事件和画笔；基于所述基类、父级元素、初始化事件和画笔，在所述canvas画布上对舞台容器进行实例化处理，以及插入所述目标元素到所述舞台容器中。3.根据权利要求1所述的方法，其特征在于，所述根据所述动画处理请求中携带的所述目标元素的参数，调用元素动画库提供的调用接口，包括：获取所述动画处理请求中携带的针对所述目标元素中任一目标动画的动画帧频参数和用于响应用户触发事件的接口调用信息；通过所述目标元素的调用接口绑定对应的事件类型；基于所述目标元素的调用接口设定所述目标动画的动画帧频参数。4.根据权利要求3所述的方法，其特征在于，所述事件类型包括：点击事件、移动事件、拖动事件、按下事件中至少一种；所述通过所述目标元素的调用接口绑定对应的事件类型，包括：确定所述目标元素对应的事件类型，以及所述动画处理请求中用于表征所述目标元素对应舞台容器在所述canvas画布中的坐标参数；确定所述坐标参数与所述事件类型之间的关联关系；根据所述关联关系，通过所述目标元素的调用接口绑定所述事件类型。5.根据权利要求4所述的方法，其特征在于，还包括：确定用户触发操作对应的事件类型和触发坐标值；从所述舞台容器中确定绑定有所述事件类型的至少一个目标元素；在所述目标元素按照所述动画帧频参数进行刷新时，根据所述舞台容器中所述至少一个目标元素分别对应的坐标参数与所述触发坐标值进行对比的对比结果，确定所述触发操作对应的更新动画并通过所述舞台容器展示所述事件类型对应的动画效果。6.根据权利要求4所述的方法，其特征在于，还包括：若接收到用户发出的目标动画修改请求，确定所述目标动画中待修改的原始参数；基于所述舞台容器，将所述目标动画对应的原始参数替换为所述目标动画修改请求中携带的新参数。7.一种动画处理装置，其特征在于，所述装置包括：舞台生成模块，用于响应于动画处理请求，将舞台容器插入canvas画布中；
元素处理模块，用于将所述动画处理请求指定的目标元素插入所述舞台容器；元素动画库，用于基于所述动画处理请求中携带的所述目标元素的参数，调用所述元素动画库中的调用接口；动画生成模块，用于向所述调用接口输入所述参数，在所述舞台容器中生成具有目标动画的所述目标元素，以使所述目标元素实现预设动画效果。8.根据权利要求7所述的装置，其特征在于，所述舞台生成模块，还用于获取所述动画处理请求中携带的舞台容器参数和目标元素参数；获取用于对所述舞台容器所在canvas画布进行初始化所需的基类、父级元素、初始化事件和画笔；基于所述基类、父级元素、初始化事件和画笔，在所述canvas画布上对舞台容器进行实例化处理，以及插入所述目标元素到所述舞台容器中。9.一种电子设备，包括：存储器、处理器；其中，所述存储器上存储有可执行代码，当所述可执行代码被所述处理器执行时，使所述处理器执行如权利要求1至6中任一项所述方法。10.一种计算机可读介质，其上存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、至少一段程序、代码集或指令集由处理器加载并执行以实现如权利要求1至6中任一项所述方法。

技术总结
本申请实施例提供动画处理方法、装置、电子设备及介质。该方法包括：响应于动画处理请求，将舞台容器插入canvas画布中；将目标元素插入舞台容器；根据动画处理请求中携带的目标元素的参数，调用元素动画库提供的调用接口；向调用接口输入参数，在舞台容器中生成具有目标动画的目标元素，以使目标元素实现预设动画效果。通过上述方案，预先建立元素动画库并对外提供可调用接口。进行动画处理时，基于元素动画库将舞台容器插入到画布中，进而在舞台容器中插入目标元素。上述方案通过舞台容器实现对目标元素的动画处理，不仅能够简化基于画布进行动画处理的流程，还允许对画布当中各目标元素分别处理，能够有效提高动画处理效率。能够有效提高动画处理效率。能够有效提高动画处理效率。


技术研发人员：李晨 冉宇 张越
受保护的技术使用者：完美世界（北京）软件科技发展有限公司
技术研发日：2021.09.30
技术公布日：2022/1/18