动画组件的创建方法、装置、存储介质及电子装置制造方法及图纸

本公开涉及一种动画组件的创建方法、装置、存储介质及电子装置，上述方法包括：确定目标动画的关键帧和程序接口函数；根据所述目标动画的动画时间函数对所述关键帧进行处理；将经过所述动画时间函数处理的关键帧转换为目标精灵图，并通过所述程序接口函数控制所述目标精灵图；通过预加载方式加载除所述目标精灵图之外的其他精灵图，根据所述目标精灵图和所述其他精灵图创建动画组件。采用上述技术手段，解决了现有技术中，为了实现前端动画需要引用第三方动画框架，从而因为引用第三方动画框架造成的资源浪费、容易出现错误等问题。容易出现错误等问题。容易出现错误等问题。

【技术实现步骤摘要】
动画组件的创建方法、装置、存储介质及电子装置


[0001]本专利技术涉及计算机
，具体而言，涉及一种动画组件的创建方法、装置、存储介质及电子装置。

技术介绍

[0002]目前，为了实现前端动画会引用到第三方动画框架。但是大量引用第三方动画框架，会造成不必要的资源占用和资源浪费，同时在使用第三方动画框架时，遇到问题，需要使用者主动排查。此外，第三方动画框架在页面复杂度较低的情况下，会造成不必要的性能浪费，而在页面复杂度较高的情况下，容易出现错误，因此第三方动画框架缺乏普适性。
[0003]在实现本公开构思的过程中，专利技术人发现相关技术中至少存在如下技术问题：为了实现前端动画需要引用第三方动画框架，从而因为引用第三方动画框架造成的资源浪费、容易出现错误等问题。

技术实现思路

[0004]为了解决上述技术问题或者至少部分地解决上述技术问题，本公开的实施例提供了一种动画组件的创建方法、装置、存储介质及电子装置，以至少解决现有技术中，为了实现前端动画需要引用第三方动画框架，从而因为引用第三方动画框架造成的资源浪费、容易出现错误等问题。
[0005]本公开的目的是通过以下技术方案实现的：
[0006]第一方面，本公开的实施例提供了一种动画组件的创建方法，包括：确定目标动画的关键帧和程序接口函数；根据所述目标动画的动画时间函数对所述关键帧进行处理；将经过所述动画时间函数处理的关键帧转换为目标精灵图，并通过所述程序接口函数控制所述目标精灵图；通过预加载方式加载除所述目标精灵图之外的其他精灵图，根据所述目标精灵图和所述其他精灵图创建动画组件。
[0007]进一步地，确定目标动画的关键帧和程序接口函数，包括：对所述目标动画的动画结构和交互节点进行分析，以得到分析结果；根据所述分析结果确定所述目标动画的关键帧和程序接口函数。
[0008]进一步地，根据所述目标动画的动画时间函数对所述关键帧进行处理，包括：在所述目标动画的动画时间函数为线性函数的情况下，通过阶跃函数对所述关键帧进行处理；在所述目标动画的动画时间函数为非线性函数的情况下，通过贝塞尔曲线函数对所述关键帧进行处理。
[0009]进一步地，通过所述程序接口函数控制所述目标精灵图，包括：计算所述目标精灵图的图形复杂度；在所述图形复杂度小于预设阈值的情况下，通过位移程序接口函数控制所述目标精灵图，其中，所述程序接口函数包括所述位移程序接口函数；在所述图形复杂度大于所述预设阈值的情况下，通过画布程序接口函数控制所述目标精灵图，其中，所述程序接口函数包括所述画布程序接口函数。
[0010]进一步地，通过预加载方式加载除所述目标精灵图之外的其他精灵图，包括：通过第一预加载方式加载行内元素，其中，所述其他精灵图包括所述行内元素；通过第二预加载方式加载文件对象模型，其中，所述其他精灵图包括所述文件对象模型。
[0011]进一步地，根据所述目标精灵图和所述其他精灵图创建动画组件之后，所述方法还包括：将所述动画组件存储在目标容器中；对存储有所述动画组件的所述目标容器执行脱离文档流处理。
[0012]第二方面，本公开的实施例提供了一种动画组件的创建装置，包括确定模块，用于确定目标动画的关键帧和程序接口函数；处理模块，用于根据所述目标动画的动画时间函数对所述关键帧进行处理；转换模块，用于将经过所述动画时间函数处理的关键帧转换为目标精灵图，并通过所述程序接口函数控制所述目标精灵图；创建模块，用于通过预加载方式加载除所述目标精灵图之外的其他精灵图，根据所述目标精灵图和所述其他精灵图创建动画组件。
[0013]进一步地，所述处理模块，包括：第一处理单元，用于在所述目标动画的动画时间函数为线性函数的情况下，通过阶跃函数对所述关键帧进行处理；第二处理单元，用于在所述目标动画的动画时间函数为非线性函数的情况下，通过贝塞尔曲线函数对所述关键帧进行处理。
[0014]第三方面，本公开的实施例提供了一种电子装置。上述电子装置包括处理器、通信接口、存储器和通信总线，其中，处理器、通信接口和存储器通过通信总线完成相互间的通信；存储器，用于存放计算机程序；处理器，用于执行存储器上所存放的程序时，实现如上所述的动画组件的创建方法或图像处理的方法。
[0015]第四方面，本公开的实施例提供了一种计算机可读存储介质。上述计算机可读存储介质上存储有计算机程序，上述计算机程序被处理器执行时实现如上所述的动画组件的创建方法或图像处理的方法。
[0016]本公开实施例提供的上述技术方案与现有技术相比至少具有如下优点的部分或全部：在确定目标动画的关键帧和程序接口函数的情况下，根据所述目标动画的动画时间函数对所述关键帧进行处理，将经过所述动画时间函数处理的关键帧转换为目标精灵图，并通过所述程序接口函数控制所述目标精灵图；通过预加载方式加载除所述目标精灵图之外的其他精灵图，根据所述目标精灵图和所述其他精灵图创建动画组件。采用上述技术手段，解决了现有技术中，为了实现前端动画需要引用第三方动画框架，从而因为引用第三方动画框架造成的资源浪费、容易出现错误等问题，进而在实现前端动画时，降低对第三方动画框架的依赖，避免不必要的资源浪费。
附图说明
[0017]此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。
[0018]为了更清楚地说明本公开实施例或现有技术中的技术方案，下面将对实施例或相关技术描述中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
[0019]图1示意性示出了本公开实施例一种动画组件的创建方法的计算机终端的硬件结
构框图；
[0020]图2示意性示出了本公开实施例的一种动画组件的创建方法的流程图；
[0021]图3示意性示出了本公开实施例的一种控制目标精灵图的流程图；
[0022]图4示意性示出了本公开实施例的一种动画组件脱离文档流的流程图；
[0023]图5示意性示出了本公开实施例的一种动画组件的创建方法的流程示意图；
[0024]图6示意性示出了本公开实施例的一种动画组件的创建装置的结构框图；
[0025]图7示意性示出了本公开可选实施例的处理模块的结构框图；
[0026]图8示意性示出了本公开实施例提供的一种电子装置的结构框图。
具体实施方式
[0027]下文中将参考附图并结合实施例来详细说明本公开。需要说明的是，在不冲突的情况下，本公开中的实施例及实施例中的特征可以相互组合。
[0028]需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。
[0029]本公开实施例所提供的方法实施例可以在计算机终端或者类似的运算装置中执行。以运行在计算机终端上为例，图1示意性示出了本公开实施例的一种动画组件本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种动画组件的创建方法，其特征在于，包括：确定目标动画的关键帧和程序接口函数；根据所述目标动画的动画时间函数对所述关键帧进行处理；将经过所述动画时间函数处理的关键帧转换为目标精灵图，并通过所述程序接口函数控制所述目标精灵图；通过预加载方式加载除所述目标精灵图之外的其他精灵图，根据所述目标精灵图和所述其他精灵图创建动画组件。2.根据权利要求1所述的创建方法，其特征在于，所述确定目标动画的关键帧和程序接口函数，包括：对所述目标动画的动画结构和交互节点进行分析，以得到分析结果；根据所述分析结果确定所述目标动画的关键帧和程序接口函数。3.根据权利要求1所述的创建方法，其特征在于，所述根据所述目标动画的动画时间函数对所述关键帧进行处理，包括：在所述目标动画的动画时间函数为线性函数的情况下，通过阶跃函数对所述关键帧进行处理；在所述目标动画的动画时间函数为非线性函数的情况下，通过贝塞尔曲线函数对所述关键帧进行处理。4.根据权利要求3所述的创建方法，其特征在于，所述通过所述程序接口函数控制所述目标精灵图，包括：计算所述目标精灵图的图形复杂度；在所述图形复杂度小于预设阈值的情况下，通过位移程序接口函数控制所述目标精灵图，其中，所述程序接口函数包括所述位移程序接口函数；在所述图形复杂度大于所述预设阈值的情况下，通过画布程序接口函数控制所述目标精灵图，其中，所述程序接口函数包括所述画布程序接口函数。5.根据权利要求1所述的创建方法，其特征在于，所述通过预加载方式加载除所述目标精灵图之外的其他精灵图，包括：通过第一预加载方式加载行内元素，其中，所述其他精...

【专利技术属性】
技术研发人员：李永健，
申请(专利权)人：京东科技控股股份有限公司，
类型：发明
国别省市：