一种动画创建的方法及装置制造方法及图纸

本申请公开了一种动画创建的方法及装置，该方法包括：在从预设动画库中加载目标动画数据时，提取该目标动画数据中至少一个第一元素的动画参数，其中，该动画参数包括图像帧参数和位置参数；根据该至少一个第一元素的图像帧参数和位置参数，生成多帧图像；创建由该多帧图像组成的动画，该动画包括至少一个第二元素，该至少一个第二元素与该至少一个第一元素一一对应。通过本申请所提出的方法，有利于减轻服务器的负载，以提高服务器的系统资源的利用率。用率。用率。

【技术实现步骤摘要】
一种动画创建的方法及装置


[0001]本申请涉及计算机
，尤其涉及一种动画创建的方法及装置。

技术介绍

[0002]随着时代的发展，越来越多的软件可以实现粒子动画的播放。例如，以聊天软件为例，用户在会话窗口输入文本“生日快乐”后，终端设备可以播放多个蛋糕落下的动画。
[0003]由于粒子动画通常采用用户界面视图(User InterfaceView，UIView)进行绘制，但通过UIView绘制粒子动画会占用大量的中央处理器(Central Processing Unit，CPU)，导致系统资源的消耗较大。

技术实现思路

[0004]本专利技术实施例提供了一种动画创建的方法及装置，能够有利于减轻服务器的负载，以提高服务器的系统资源的利用率。
[0005]一方面，本专利技术实施例提供了一种动画创建的方法，包括：
[0006]在从预设动画库中加载目标动画数据时，提取该目标动画数据中至少一个第一元素的动画参数，其中，该动画参数包括图像帧参数和位置参数；
[0007]根据该至少一个第一元素的图像帧参数和位置参数，生成多帧图像；
[0008]创建由该多帧图像组成的动画，该动画包括至少一个第二元素，该至少一个第二元素与该至少一个第一元素一一对应。
[0009]在一个实施例中，在执行步骤根据该至少一个第一元素的图像帧参数和位置参数，生成多帧图像时，该方法包括：根据该至少一个第一元素中各个第一元素的图像帧参数，确定该各个第一元素对应的第二元素存在于该多帧图像中的目标图像帧，该目标图像帧包括至少两帧图像；根据该各个第一元素的位置参数，确定该各个第二元素在各个目标图像帧中的位置；根据该各个第二元素在各个目标图像帧中的位置，生成该多帧图像。
[0010]在一个实施例中，该图像帧参数包括起始关键帧信息、结束关键帧信息以及帧率，该目标图像帧包括起始图像帧、结束图像帧以及中间图像帧；
[0011]在执行步骤根据该至少一个第一元素中各个第一元素的图像帧参数，确定该各个第一元素对应的第二元素存在于该多帧图像中的目标图像帧时，该方法包括：根据该至少一个第一元素中各个第一元素的起始关键帧信息，确定该各个第二元素存在于该多帧图像中的起始图像帧；根据该各个第一元素的结束关键帧信息，确定该各个第二元素存在于该多帧图像中的结束图像帧；根据该各个第一元素的帧率，确定该各个第二元素存在于该多帧图像中的中间图像帧，该中间图像帧位于该起始图像帧与该结束图像帧之间。
[0012]在一个实施例中，该位置参数包括坐标信息；
[0013]在执行步骤根据该各个第一元素的位置参数，确定该各个第二元素在各个目标图像帧中的位置时，该方法包括：根据该各个第一元素的坐标信息和该目标图像帧的数量，确定该各个第二元素在各个目标图像帧中的位置。
[0014]在一个实施例中，该位置参数还包括姿态信息；
[0015]在执行步骤根据该各个第一元素的坐标信息和该目标图像帧的数量，确定该各个第二元素在各个目标图像帧中的位置时，该方法包括：根据该各个第一元素的姿态信息和该目标图像帧的数量，确定该各个第二元素在各个目标图像帧中的姿态信息；根据该各个第二元素在各个目标图像帧中的位置和姿态信息，生成该多帧图像。
[0016]在一个实施例中，该多帧图像包括该各个第二元素以及该各个第二元素对应的交互对象，该各个第二元素在该多帧图像中的位置与该各个第二元素对应的交互对象在该多帧图像中的位置相同；
[0017]在创建由该多帧图像组成的动画之后，该方法还包括：在接收到客户端发送的触发事件时，查找与该触发事件匹配的动画，并将该动画发送给该客户端，该触发事件是该客户端在检测到对用户界面的操作时生成的；接收该客户端发送的操作事件，该操作事件是该客户端在播放该动画的过程中，通过任一第二元素对应的交互对象监听到对该动画中任一图像帧包含的该第二元素的操作时生成的；生成该操作事件对应的至少一帧图像；将该至少一帧图像发送给该客户端，以使该客户端显示该至少一帧图像。
[0018]在一个实施例中，在根据该至少一个第一元素的图像帧参数和位置参数，生成多帧图像之前，该方法还包括：生成该至少一个第二元素中各个第二元素对应的交互对象；根据该至少一个第一元素的图像帧参数和位置参数，生成包括该各个第二元素以及该各个第二元素对应的交互对象的多帧图像。
[0019]在一个实施例中，用于播放该动画的播放界面和该用户界面显示在该客户端的不同图层中，用于显示该至少一帧图像的显示界面和该播放界面显示在该客户端的不同图层中。
[0020]在一个实施例中，生成该操作事件对应的至少一帧图像之前，该方法还包括：从存储器中查找目标交互对象，该目标交互对象对应的第二元素与该至少一帧图像包含的任一第三元素匹配；确定该第三元素对应的交互对象为该目标交互对象；根据该操作事件，生成包括该第三元素和该目标交互对象的至少一帧图像，该第三元素在该至少一帧图像中的位置和该目标交互对象在该至少一帧图像中的位置相同。
[0021]在一个实施例中，从存储器中查找目标交互对象之前，该方法还包括：在接收到客户端发送的元素指示信息时，将该元素指示信息指示的目标第二元素对应的交互对象存储至存储器中，该元素指示信息是该客户端在播放该动画的过程中，通过该目标第二元素对应的交互对象监听到对该动画中任一图像帧包含的该目标第二元素的操作时生成的。
[0022]一方面，本专利技术提供了一种动画创建的装置，该装置包括获取单元和处理单元：
[0023]该获取单元，用于在从预设动画库中加载目标动画数据时，提取该目标动画数据中至少一个第一元素的动画参数，其中，该动画参数包括图像帧参数和位置参数；
[0024]该处理单元，用于根据该至少一个第一元素的图像帧参数和位置参数，生成多帧图像；
[0025]该处理单元，还用于创建由该多帧图像组成的动画，该动画包括至少一个第二元素，该至少一个第二元素与该至少一个第一元素一一对应。
[0026]在一个实施例中，处理单元在根据该至少一个第一元素的图像帧参数和位置参数，生成多帧图像时，用于：根据该至少一个第一元素中各个第一元素的图像帧参数，确定
该各个第一元素对应的第二元素存在于该多帧图像中的目标图像帧，该目标图像帧包括至少两帧图像；根据该各个第一元素的位置参数，确定该各个第二元素在各个目标图像帧中的位置；根据该各个第二元素在各个目标图像帧中的位置，生成该多帧图像。
[0027]在一个实施例中，该图像帧参数包括起始关键帧信息、结束关键帧信息以及帧率，该目标图像帧包括起始图像帧、结束图像帧以及中间图像帧；
[0028]该处理单元在根据该至少一个第一元素中各个第一元素的图像帧参数，确定该各个第一元素对应的第二元素存在于该多帧图像中的目标图像帧时，用于：根据该至少一个第一元素中各个第一元素的起始关键帧信息，确定该各个第二元素存在于该多帧图像中的起始图像帧；根据该各个第一元素的结束关键帧信息，确定该各个第二元素存在于该本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种动画创建的方法，其特征在于，所述方法包括：在从预设动画库中加载目标动画数据时，提取所述目标动画数据中至少一个第一元素的动画参数，其中，所述动画参数包括图像帧参数和位置参数；根据所述至少一个第一元素的图像帧参数和位置参数，生成多帧图像；创建由所述多帧图像组成的动画，所述动画包括至少一个第二元素，所述至少一个第二元素与所述至少一个第一元素一一对应。2.根据权利要求1所述的方法，其特征在于，所述根据所述至少一个第一元素的图像帧参数和位置参数，生成多帧图像，包括：根据所述至少一个第一元素中各个第一元素的图像帧参数，确定所述各个第一元素对应的第二元素存在于所述多帧图像中的目标图像帧，所述目标图像帧包括至少两帧图像；根据所述各个第一元素的位置参数，确定所述各个第二元素在各个目标图像帧中的位置；根据所述各个第二元素在各个目标图像帧中的位置，生成所述多帧图像。3.根据权利要求2所述的方法，其特征在于，所述图像帧参数包括起始关键帧信息、结束关键帧信息以及帧率，所述目标图像帧包括起始图像帧、结束图像帧以及中间图像帧；所述根据所述至少一个第一元素中各个第一元素的图像帧参数，确定所述各个第一元素对应的第二元素存在于所述多帧图像中的目标图像帧，包括：根据所述至少一个第一元素中各个第一元素的起始关键帧信息，确定所述各个第二元素存在于所述多帧图像中的起始图像帧；根据所述各个第一元素的结束关键帧信息，确定所述各个第二元素存在于所述多帧图像中的结束图像帧；根据所述各个第一元素的帧率，确定所述各个第二元素存在于所述多帧图像中的中间图像帧，所述中间图像帧位于所述起始图像帧与所述结束图像帧之间。4.根据权利要求2所述的方法，其特征在于，所述位置参数包括坐标信息；所述根据所述各个第一元素的位置参数，确定所述各个第二元素在各个目标图像帧中的位置，包括：根据所述各个第一元素的坐标信息和所述目标图像帧的数量，确定所述各个第二元素在各个目标图像帧中的位置。5.根据权利要求4所述的方法，其特征在于，所述位置参数还包括姿态信息；所述根据所述各个第一元素的坐标信息和所述目标图像帧的数量，确定所述各个第二元素在各个目标图像帧中的位置，还包括：根据所述各个第一元素的姿态信息和所述目标图像帧的数量，确定所述各个第二元素在各个目标图像帧中的姿态信息；所述根据所述各个第二元素在各个目标图像帧中的位置，生成所述多帧图像，包括：根据所述各个第二元素在各个目标图像帧中的位置和姿态信息，生成所述多帧图像...

【专利技术属性】
技术研发人员：苟亚明，
申请(专利权)人：腾讯云计算北京有限责任公司，
类型：发明
国别省市：