CN112070864A - 动画渲染方法、装置、计算机可读存储介质和计算机设备 - Google Patents

Abstract

本申请涉及一种动画渲染方法、装置、计算机可读存储介质和计算机设备，所述方法包括：获取目标格式的动画文件；确定从所述动画文件解码所得的符合静止条件的动画绘制数据区间；缓存所述动画绘制数据区间中的起始动画绘制数据；当所述动画文件在播放过程中待播放帧所对应的动画绘制数据符合所述静止条件时，读取缓存的与所述待播放帧对应的起始动画绘制数据；根据读取的所述起始动画绘制数据进行动画渲染。本申请提供的方案可以降低渲染过程中的计算量，保证动画播放的流畅度。

Description

动画渲染方法、装置、计算机可读存储介质和计算机设备

技术领域

本申请涉及图像处理技术领域，特别是涉及一种动画渲染方法、装置、计算机可读存储介质和计算机设备。

背景技术

随着图像处理技术和网络技术的不断发展，动画的应用也越来越广泛，例如在客户端的页面上设置动画，可以提高页面的观赏效果。或者，用户在通过客户端拍摄视频过程中，可以选择相应的动画以便与所拍摄的视频进行合成，从而使拍摄出来的视频中具有用户想要的动画效果。

在播放动画时，需要对相应的动画文件进行解码得到关键帧的动画数据，然后根据关键帧的动画数据计算得到待播放动画帧的动画数据，然后渲染并上屏显示。然而，传统的渲染方案中，需要根据关键动画帧的动画数据计算当前待播放动画帧的动画数据进而渲染得到渲染数据，从而增大了渲染过程中的计算量，可能影响动画播放的流畅度。

发明内容

基于此，有必要针对渲染过程中的计算量大而影响动画播放的流畅度的技术问题，提供一种动画渲染方法、装置、计算机可读存储介质和计算机设备。

一种动画渲染方法，包括：

获取目标格式的动画文件；

确定从所述动画文件解码所得的符合静止条件的动画绘制数据区间；

缓存所述动画绘制数据区间中的起始动画绘制数据；

当所述动画文件在播放过程中待播放帧所对应的动画绘制数据符合所述静止条件时，读取缓存的与所述待播放帧对应的起始动画绘制数据；

根据读取的所述起始动画绘制数据进行动画渲染。

一种动画渲染装置，所述装置包括：

文件获取模块，用于获取目标格式的动画文件；

确定模块，用于确定从所述动画文件解码所得的符合静止条件的动画绘制数据区间；

数据缓存模块，用于缓存所述动画绘制数据区间中的起始动画绘制数据；

数据读取模块，用于当所述动画文件在播放过程中待播放帧所对应的动画绘制数据符合所述静止条件时，读取缓存的与所述待播放帧对应的起始动画绘制数据；

动画渲染模块，用于根据读取的所述起始动画绘制数据进行动画渲染。

一种计算机可读存储介质，存储有计算机程序，所述计算机程序被处理器执行时，使得所述处理器执行上述动画渲染方法的步骤。

一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述计算机程序被所述处理器执行时，使得所述处理器执行上述动画渲染方法的步骤。

上述动画渲染方法、装置、计算机可读存储介质和计算机设备，对符合静止条件的动画绘制数据的起始动画绘制数据进行缓存，当播放到对应动画帧的属性值符合所述静止条件时，直接从缓存中获取与待播放帧对应的起始动画绘制数据，无需再次对动画文件进行解析来得到与待播放帧对应的动画绘制数据，从而避免了大量的计算，节省了渲染过程中的耗时，进而使动画播放变得更加流畅。

附图说明

图1为一个实施例中动画渲染方法的应用环境图；

图2为一个实施例中动画渲染方法的流程示意图；

图3为一个实施例中解码动画文件得到动画绘制数据和确定动画绘制数据区间步骤的流程示意图；

图4为一个实施例中计算动画图层的动画绘制数据区间步骤的流程示意图；

图5为一个实施例中计算动画图层的静止区间的示意图；

图6为一个实施例中根据起始动画属性值和获取的动画属性值渲染动画步骤的流程示意图；

图7为一个实施例中根据起始组绘制数据和获取的组绘制数据渲染动画步骤的流程示意图；

图8为一个实施例中多个应用播放相同动画时使用共享的动画绘制数据进行渲染步骤的流程示意图；

图9为一个实施例中动画渲染数据缓存和渲染步骤的流程示意图；

图10为一个实施例中离屏渲染步骤的流程示意图；

图11为一个实施例中多个动画图层中包含相同矢量图时，保存尺寸最大矢量图的动画渲染数据步骤的流程示意图；

图12为一个实施例中计算预合成属性组的动画区域步骤的流程示意图；

图13为一个实施例中预合成属性组的动画区域的示意图；

图14为一个实施例中Transform2D的结构图；

图15为一个实施例中静止区间划分方法的流程示意图；

图16为一个实施例中缓存策略全开的渲染耗时示意图；

图17为一个实施例中关闭渲染数据缓存的渲染耗时示意图；

图18为一个实施例中关闭绘制数据缓存的渲染耗时示意图；

图19为一个实施例中缓存策略全关的渲染耗时示意图；

图20为一个实施例中动画渲染装置的结构框图；

图21为另一个实施例中动画渲染装置的结构框图；

图22为一个实施例中计算机设备的结构框图。

具体实施方式

为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。

图1为一个实施例中动画渲染方法的应用环境图。参照图1，该动画渲染方法应用于动画渲染系统。该动画渲染系统包括终端110和服务器120。终端110和服务器120通过网络连接。终端110具体可以是台式终端或移动终端，移动终端具体可以手机、平板电脑、笔记本电脑等中的至少一种。服务器120可以用独立的服务器或者是多个服务器组成的服务器集组来实现。

如图2所示，在一个实施例中，提供了一种动画渲染方法。本实施例主要以该方法应用于上述图1中的终端110来举例说明。参照图2，该动画渲染方法具体包括如下步骤：

S202，获取目标格式的动画文件。

其中，目标格式可以是PAG格式，后缀名为PAG(或pag)。PAG格式的动画文件可对文本或图像等资源进行集成到单文件内得到。此外，PAG格式的动画文件采用了极高压缩率的动态比特位存储技术。另外，PAG格式的动画文件可以实现跨平台运行，且在运行时可在保留动画效果的前提下，任意动态修改动画中的文本内容、字体大小样式，而且还可以替换图像内容，实现丰富多样的动画内容定制效果。

在一个实施例中，在检测到触发事件时，终端获取目标格式的动画文件。该触发事件可以是外部输入的操作指令，如动画播放指令。

在一个实施例中，S202之前，该方法还可以包括：当通过AE(Adobe AfterEffects，Adobe后期动画合成)客户端制作动画文件后，通过在AE客户端安装的PAG导出插件导出目标格式的动画文件。在导出目标格式的动画文件过程中，可以采用目标编码方式对动画文件进行编码。目标编码方式可以是哈夫曼(Huffman)编码、香农编码、RLC(RunLength Code，行程编码)、LZW(Lenpel-Ziv&Welch)编码、算术编码、预测编码、变换编码和量化编码等方式中的任一种。

其中，安装的PAG导出插件是为AE客户端开发的用于导出目标格式的插件。在AE客户端上导出动画文件时，可以有至少三种可选择的导出方式，例如选择矢量合成导出、序列帧导出和视频合成导出等导出方式。需要说明的是，目标格式的动画文件需要在AE客户端安装特定的PAG导出插件。

动画渲染可应用于特定应用场景中的动画播放，因此，对于S202获取动画文件的方式，可以按照动画播放的应用场景进行划分：

场景1，在客户端的展示页面播放动画。

在一个实施例中，在开启客户端的过程中，终端从本地存储的动画库中获取目标格式的动画文件；或者，终端向服务器发送动画获取指令，接收响应于该动画获取指令的目标格式的动画文件，以便在开启客户端时根据该动画文件在开启页面播放开启动画。其中，客户端的开启页面属于展示页面的一种页面。

例如，在客户端的开启页面增加动画效果，可以在开启客户端时，可以获取用于在开启页面播放的PAG格式的动画文件，以便根据PAG格式的动画文件于开启页面播放动画，从而增加开启页面的动画效果，提高用户体验。

在一个实施例中，当开启客户端之后，若展示页面滚动到目标位置时，终端从本地存储的动画库中获取目标格式的动画文件；或者，终端向服务器发送动画获取指令，接收响应于该动画获取指令的目标格式的动画文件，以便根据该动画文件在滚动到目标位置的展示页面播放开启动画。

例如，当客户端的展示页面滚动到底部时，可以获取用于在展示页面底部播放的PAG格式的动画文件，从而用户可以在将展示页面滚动到底部时观看到动画，在客户端展示页面设置动画效果，可以提高用户体验。

场景2，客户端在播放视频或展示图像时，在视频或图像的对应位置展示动画。

在拍摄视频或图像时，若设置了在拍摄页面选择了所提供的动画时，则所拍摄的视频或图像包含由对应的动画。在一个实施例中，当需要播放视频时，终端根据输入的选择指令，根据该选择指令选取指定的视频标识，根据该视频标识获取对应的IP(InternetProtocol，互联网协议)地址，按照该IP地址获取视频文件和对应的动画文件，以便在播放视频时，在视频中的设定的位置播放动画。

S204，确定从动画文件解码所得的符合静止条件的动画绘制数据区间。

其中，动画绘制数据可称为PAG动画的绘制数据，可以是用于描述或绘制PAG动画内容的数据，可根据动画绘制数据进行动画渲染，然后进行上屏便可得到对应的用于显示的PAG动画内容。对动画绘制数据区间中的某一瞬时动画绘制数据进行动画渲染然后上屏显示，便可得到某一帧的动画，因此，瞬时动画绘制数据是组成某一动画帧的数据，与动画帧存在对应关系。符合静止条件的动画绘制数据区间可以是动画绘制数据在一段时间范围内不发生变化的数据区间。

需要说明的是，符合静止条件的动画绘制数据区间可理解为动画绘制数据的静止区间，也即动画图层的静止区间。当动画文件的动画图层为一个时，则动画绘制数据区间即为动画文件的静止区间；当动画文件的动画图层为多个时，则各动画绘制数据区间的交集即为动画文件的静止区间。在后续实施例中，若无特别说明，动画绘制数据区间即为符合静止条件的绘制数据区间。

静止条件可以指在一段时间范围内不发生变化。例如，从宏观上来说，静止条件可以指在播放过程中动画在一段时间范围内不发生变化(即动画在该段时间范围内保持静止)。从微观上来说，静止条件可以指组成动画帧的动画绘制数据在一段时间范围内不发生变化。进一步地，动画绘制数据由组绘制数据构成，因此静止条件可以指组绘制数据在一段时间范围内不发生变化。进一步地，组绘制数据构成由动画属性值构成，因此静止条件也可以指动画属性值在一段时间范围内不发生变化。其中，动画属性值可以是动画中文字的颜色、大小、字体以及文字的移动参数等。动画属性值与时间的变化相关，例如，动画属性值与时间可以是线性相关，即动画属性值随时间变化按比例增加或减小；动画属性值与时间也可以是贝塞尔相关，即动画属性值随时间变化呈贝塞尔曲线；动画属性值与时间还可以是保持(Hold)类型，即动画属性值在一段时间范围内没有发生变化，即符合静止条件。

需要说明的是，动画属性值属于时间轴属性的参数值，而时间轴属性可以是动画属性值与时间的变化有关的属性。

对于一个动画文件中的各动画帧，可以由多个动画图层(即动画的图层)的叠加而成，而动画图层又可以由更小颗粒的动画属性组(group)组成。其中，动画属性组共有六类动画属性组，包括：变换(transform)、表示图层内的遮罩(mask)、表示图层间的遮罩(trackMatter)、图层样式(layerStyle)、效果(effect)和内容(content)等六种动画属性组。内容类的动画属性组中包含有可绘制元素，如图像(image)、文字内容(text)和形状(shape)等，因此该内容类的动画属性组即为可绘制元素属性组。动画属性组中所包含的内容可以由对应的动画属性值进行描述，也可以说动画属性值是动画属性组中的元素。例如，在图形渲染的时候，对于形状的描述，可以通过路径(path)信息和画笔(paint)信息这两种动画属性值便可描述除动画的形状。

在一个实施例中，在获取到目标格式的动画文件之后，终端可以通过客户端对该动画文件进行加载并解码，得到动画文件对象。然后，终端遍历动画文件对象上的动画属性值列表，将遍历所得动画属性值按照对应的动画属性组进行组合，得到组绘制数据。终端将组绘制数据按照对应的动画图层进行组合，得到动画绘制数据。

在一个实施例中，对于符合静止条件的动画绘制数据区间的确定方式，终端可以先找出符合静止条件的动画属性值区间。由于动画绘制数据包含组绘制数据，而组绘制数据包含动画属性值，因此，终端先计算动画属性组中各动画属性值区间的交集，将动画属性值区间的交集作为符合静止条件的组绘制数据区间，然后采用冒泡算法计算得到符合静止条件的动画绘制数据区间。

S206，缓存动画绘制数据区间中的起始动画绘制数据。

其中，由于动画绘制数据区间中的动画绘制数据不随时间发生变化，因此，在动画绘制数据区间内的各瞬时动画绘制数据均相同。此外，动画绘制数据区间中的某一瞬时动画绘制数据与动画帧存在对应关系，在缓存动画绘制数据时，终端只需缓存动画绘制数据区间中的起始动画绘制数据，通过该起始动画绘制数据便可渲染出对应动画帧中的画面。

在一个实施例中，终端确定符合静止条件的动画绘制数据区间之后，获取动画绘制数据区间中的起始动画绘制数据，然后将所获取的起始动画绘制数据进行缓存。其中，该起始动画绘制数据为瞬时动画绘制数据。

例如，对于动画文件A，假设总共有100帧，前十帧的动画是静止的，即前十帧的动画绘制数据符合静止条件。因此，终端可以在前十帧中获取第一帧的动画绘制数据，然后进行缓存。

S208，当动画文件在播放过程中待播放帧所对应的动画绘制数据符合静止条件时，读取缓存的与待播放帧对应的起始动画绘制数据。

在一个实施例中，终端在播放过程中，实时检测动画文件的播放进度，若当前的待播放帧是静止的，即待播放帧所对应的动画绘制数据符合静止条件，则从缓存中读取与待播放帧对应的起始动画绘制数据。

例如，对于动画文件A，假设总共有100帧，前十帧的动画绘制数据符合静止条件。在播放动画文件A的过程中，若第一帧播放完需要播放第二帧时，由于前十帧的动画绘制数据符合静止条件，因此，终端只需从缓存中读取第一帧的动画绘制数据即可。

在一个实施例中，对于每一段动画绘制数据区间均可设置对应的标识，当动画文件在播放过程中待播放帧所对应的动画绘制数据符合静止条件时，从缓存中按照所设置的标识读取起始动画绘制数据，读取的起始动画绘制数据与待播放帧对应。

S210，根据读取的起始动画绘制数据进行动画渲染。

在一个实施例中，终端调用渲染工具对读取的起始动画绘制数据进行渲染，得到视觉的动画渲染数据，然后将该动画渲染数据进行上屏显示。

例如，终端调用WebGL(Web Graphics Library，网络图形库)，或OpenGL ES(OpenGraphics Library for Embedded Systems，嵌入式系统开放式图形库)，或OpenGL ES2.0版本对读取的起始动画绘制数据进行渲染，然后将渲染所得的动画渲染数据进行上屏。

作为一个示例，对于动画文件A，若总共100帧的动画中前十帧是静止的，在缓存动画绘制数据时，只需缓存第一帧所对应的动画绘制数据。当播放第二至十帧时，终端只需获取缓存的第一帧所对应的动画绘制数据，对第一帧所对应的动画绘制数据进行渲染，便可得到第2至10帧的动画渲染数据，然后进行上屏显示即可得到第2至10帧的动画。

上述实施例中，对符合静止条件的动画绘制数据的起始动画绘制数据进行缓存，当播放到对应动画帧的属性值符合所述静止条件时，直接从缓存中获取与待播放帧对应的起始动画绘制数据，无需再次对动画文件进行解析来得到与待播放帧对应的动画绘制数据，从而避免了大量的计算，节省了渲染过程中的耗时，进而使动画播放变得更加流畅。

在一个实施例中，如图3所示，S204具体可以包括：

S302，对动画文件进行解码，获得动画文件对象。

其中，动画文件对象中包括有各种与动画帧相关的数据，例如用于描述动画的、且为最小颗粒的动画属性值。

在一个实施例中，当需要播放动画文件时，终端通过客户端解析目标格式的动画文件，得到二进制动画数据。终端按位读取二进制动画数据得到动画文件对象。

在一个实施例中，当客户端中有多于一个应用播放同一个动画时，终端只对同一个动画文件进行解码，并将解码所得的动画文件对象进行缓存。当多于一个应用播放同一个动画，可以从缓存的动画文件中读取动画文件对象即可。

例如，当客户端需要播放相同的动画时，只需要将同一份动画文件加载到内存并解码成动画文件对象，在同时播放多个相同的动画时，则对缓存的动画文件对象进行复用即可。

在一个实施例中，当客户端中有多于一个应用播放同一个动画时，终端只对同一个动画文件进行解码得到动画文件对象，将由动画文件对象读取的符合静止条件的动画绘制数据区间中的起始动画绘制数据进行缓存。当多于一个应用播放同一个动画，可以从缓存中读取与各应用的待播放帧对应的起始动画绘制数据即可。

S304，读取动画文件对象中的动画绘制数据。

在一个实施例中，终端遍历动画文件对象上的动画属性值列表，将遍历所得动画属性值按照对应的动画属性组进行组合，得到组绘制数据。终端将组绘制数据按照对应的动画图层进行组合，得到动画绘制数据。

S306，从所读取的动画绘制数据中确定符合静止条件的动画绘制数据区间。

在一个实施例中，对于符合静止条件的动画绘制数据区间的确定方式，终端可以先找出符合静止条件的动画属性值区间。由于动画绘制数据包含组绘制数据，而组绘制数据包含动画属性值，因此，终端先计算动画属性组中各动画属性值区间的交集，将动画属性值区间的交集作为符合静止条件的组绘制数据区间，然后采用冒泡算法计算得到符合静止条件的动画绘制数据区间。

在一个实施例中，当动画文件在多于一个的应用播放时，终端确定各应用对应的播放进度；当播放进度对应待播放帧的动画绘制数据符合静止条件时，则读取缓存的、与播放进度对应的、且由多于一个的应用所共享的起始动画绘制数据。

上述实施例中，通过解码动画文件得到动画文件对象，读取动画文件对象中的动画绘制数据，然后查找出动画文件对象中符合静止条件的动画绘制数据区间，以便对动画绘制数据区间中的起始动画绘制数据进行缓存，从而在播放到对应动画帧的属性值符合所述静止条件时，直接从缓存中获取与待播放帧对应的起始动画绘制数据，避免大量的计算，节省渲染过程中的耗时，使动画播放变得更加流畅。

在一个实施例中，如图4所示，动画文件包括至少一个动画图层；每个动画图层包括至少两个动画属性组；每个动画属性组包括至少两个动画属性值；S204具体可以包括：

S402，确定动画属性组中符合静止条件的各动画属性值区间。

其中，动画属性组共有六类动画属性组，包括：transform、mask、trackMatter、layerStyle、effect和content等六种类型的动画属性组。动画属性值是动画属性组中的元素，对于mask，可以利用path信息和遮罩模式来实现绘制而成，因此path信息和遮罩模式即为mask的动画属性值。动画属性值是与时间的变化相关的值，例如，动画属性值随时间变化按比例增加或减小，或者动画属性值随时间变化呈贝塞尔曲线变化，又或者动画属性值在一段时间范围内不随时间变化而变化。

需要说明的是，符合静止条件的动画属性值区间可理解为动画属性值的静止区间。

在一个实施例中，终端在动画属性组中查找在一段时间范围内不随时间发生变化的动画属性值，该段时间范围即可作为符合静止条件的动画属性值区间。需要说明的是，上述的时间范围可以是以具体的时间为衡量单位的一段时间区间，也可以是以帧为衡量单位的一段时间区间。

S404，将动画属性值区间的交集作为动画属性组的组绘制数据区间。

其中，组绘制数据区间可理解为组绘制数据的静止区间，也即动画属性组的静止区间。

在一个实施例中，终端计算各动画属性值区间之间的交集，将动画属性值区间的交集作为动画属性组的组绘制数据区间，然后执行S406，即采用冒泡算法计算动画图层的动画绘制数据区间。

在一个实施例中，当各动画属性值区间之间不存在交集时，对各动画属性值区间的起始动画属性值进行缓存。其中，动画属性值区间之间不存在交集，则表示动画属性组中至少存在一个动画属性值是随时间发生变化的，因此动画属性组也是随时间发生变化的，即动画属性值组不符合静止条件(也即动画属性值组不存在静止区间)，但动画属性值组中至少存在一个动画属性值符合静止条件，然后找出符合静止条件的动画属性值区间，对动画属性值区间的起始动画属性值进行缓存。

在一个实施例中，动画属性组为可绘制元素属性组时，动画属性组包括至少两个可绘制元素；可绘制元素包括至少两个动画属性值；该方法还包括：终端将动画属性值区间的交集确定为可绘制元素的元素区间，计算可绘制元素的元素区间之间的交集。S404具体可以包括：将元素区间之间的交集确定为动画属性组的组绘制数据区间。

其中，动画属性组包括transform、mask、trackMatter、layerStyle、effect和content等六种类型的动画属性组。content这种类型的动画属性组是动画图层必不可少的组成部分，它表示的是该动画图层的可绘制元素，如shape、text、实体(solid)、预合成(PreCompose)和image等，而其它group是在content基础上做的一些处理，如平移缩放、加遮罩，加滤镜特效等。由于Content的多样性，需要针对具体的可绘制元素去做缓存。

S406，将组绘制数据区间的交集确定为动画图层的动画绘制数据区间。

其中，动画绘制数据区间可理解为动画绘制数据的静止区间，也即动画图层的静止区间。

在一个实施例中，终端计算各组绘制数据区间的交集，并将组绘制数据区间的交集确定为动画图层的动画绘制数据区间。

动画文件由至少一个动画图层组成，一个动画图层对应一个动画绘制数据，而动画绘制数据是由至少一个组绘制数据构成，对各动画绘制数据进行渲染然后上屏便可得到对应的动画。

在一个实施例中，当各组绘制数据区间之间不存在交集时，对各组绘制数据区间的起始组绘制数据进行缓存。其中，组绘制数据区间之间不存在交集，则表示动画图层中至少存在一个组绘制数据是随时间发生变化的，因此动画图层也是随时间发生变化的，即组绘制数据组不符合静止条件，但组绘制数据组中至少存在一个组绘制数据符合静止条件，然后找出符合静止条件的组绘制数据区间，对组绘制数据区间的起始组绘制数据进行缓存。

在一个实施例中，当动画文件的动画图层数量为一个时，终端将动画绘制数据区间作为动画静止区间。当动画文件的动画图层数量为多个时，终端计算各动画图层数量的动画绘制数据区间之间的交集，将动画绘制数据区间之间的交集作为动画静止区间。

需要说明的是，当动画文件的动画图层数量为多个时，若存在符合静止条件的动画绘制数据区间，则在动画绘制数据区间之中，对应动画图层中的图像或文本不发生变化(即处于静止状态)。当动画文件的动画图层数量为多个时，若存在动画静止区间，则在动画静止区间之中，动画中的所有图像或文本不发生变化(即处于静止状态)。

在一个实施例中，若动画文件中除了包括动画图层，还包括预合成属性组时，预合成属性组可以视为一个子动画文件，该子动画文件又可以包括至少一个动画图层和/或嵌套的子预合成属性组。在计算预合成属性组中动画图层、动画属性组和动画属性值的静止区间，可以参考上述实施例的方式。

作为一个示例，如图5所示，对于动画文件的某一个动画图层，若该动画图层由三个group组成，分别为transform、mask和content。其中，[t1,t2]表示transform的静止区间，即该动画图层未发生任何变换(如未发生平移、缩放和旋转等)；[m1,m2]表示mask的静止区间，该即该动画图层一直使用同一个遮罩、且遮罩没有任何变化；[c1,c2]和[c3,c4]表示content的静止区间，即该动画图层分别应用了同一个文本和同一张图像，且[c1,c2]期间文本没有发生任何变化，且[c3,c4]期间图像也没有发生任何变化。需要说明的是，t1、t2、m1、m2、c1、c2、c3和c4可以用帧表示，例如t1可以表示动画的第一帧，m1可以表示动画的第三帧，t2可以表示动画的第十帧。

对于content来说，[c1,c2]和[c3,c4]为content的静止区间。在播放动画文件时，终端只需要解析一次c1时刻的文本和c3时刻的图像，并把解析所得的文本和图像进行缓存并做标记。当动画播放需要绘制的帧为c、且c属于[c1,c2]区间时，终端无需再重新解析c帧的文本，可以直接从缓存中获取c1帧的组绘制数据，然后根据c1帧的组绘制数据将文本渲染出来，渲染出来的文本和c帧文本完全一样。

上述只考虑了content这一种group场景，对于一个动画图层而言，通常是由多个group组成，例如，对于一个只包含transform、mask和content三种group的动画图层来说，其静止区间即为transform、mask和content静止区间的交集，如图5所示，其静止区间应该有两段：[m1,c2]和[c3,t2]，具体可参考图5的虚线截断部分。

上述实施例中，先确定符合静止条件的动画属性值区间，然后采用冒泡算法计算出动画绘制数据区间，以便对动画绘制数据区间中的起始动画绘制数据进行缓存，从而在播放到对应动画帧的属性值符合所述静止条件时，直接从缓存中获取与待播放帧对应的起始动画绘制数据，避免大量的计算，节省渲染过程中的耗时，使动画播放变得更加流畅。

在一个实施例中，如图6所示，该方法还包括：

S602，在动画属性值区间之间不存在交集时，缓存动画属性值区间的起始动画属性值。

其中，动画属性值区间可理解为动画属性值的静止区间。动画属性值区间之间不存在交集，则表示动画属性组中至少存在一个动画属性值是随时间发生变化的，因此动画属性组也是随时间发生变化的，即动画属性值组不存在静止区间，但动画属性值组中至少存在一个动画属性值符合静止条件，然后找出符合静止条件的动画属性值区间，对动画属性值区间的起始动画属性值进行缓存。

S604，当动画文件在播放过程中待播放帧所对应的动画绘制数据不符合静止条件、且动画属性值区间之间不存在交集时，则读取缓存的与待播放帧所对应的起始动画属性值。

其中，动画绘制数据区间可理解为动画绘制数据的静止区间，也即动画图层的静止区间。动画文件在播放过程中待播放帧所对应的动画绘制数据不符合静止条件、且动画属性值区间之间不存在交集，表示待播放帧所对应的动画绘制数据未命中对应的静止区间、且待播放帧所对应的组绘制数据也未命中对应的静止区间。

在一个实施例中，在播放动画文件时，若待播放帧所对应的动画绘制数据未命中静止区间，则执行S208。若待播放帧所对应的动画绘制数据未命中静止区间，终端则继续往动画绘制数据中的小颗粒(即组绘制数据)查找，查找待播放帧所对应的组绘制数据是否命中对应的静止区间，若命中，则从缓存中获取与待播放帧对应的起始组绘制数据，然后还从动画文件对象中解析与待播放帧对应的、且为非静止区间中的组绘制数据，从而终端可以根据所获取的起始组绘制数据和解析所得的组绘制数据进行动画渲染。

在一个实施例中，若待播放帧所对应的动画绘制数据未命中对应的静止区间、且待播放帧所对应的组绘制数据也未命中对应的静止区间时，终端则继续往组绘制数据中的小颗粒(即动画属性值)查找，查找待播放帧所对应的动画属性值是否命中对应的静止区间，若命中，则从缓存中获取与待播放帧对应的起始动画属性值，然后执行S606。

由于静止区间段的存在，当播放到某一帧时，需要遍历所有的动画图层，若当前待播放帧命中动画图层的静止区间时，那么对于该动画图层而言，整个静止区间内所有帧的数据都是一样的，因此可以从缓存中直接获取对应的起始绘制数据。如果未命中动画图层的的静止区间时，则再遍历该动画图层的所有group，若命中group的静止区间，终端直接将group的静止区间中的起始组绘制数据拿来使用即可；此外，还从动画文件对象中解析与待播放帧对应的、且为非静止区间的组绘制数据。若未命中group的静止区间，终端则再遍历该group的所有动画属性值，若命中动画属性值的静止区间，终端直接将动画属性值的静止区间中的起始动画属性值拿来使用即可，此外，还执行S606。

S606，从动画文件解码所得的动画文件对象中，获取与待播放帧对应的、且不符合静止条件的动画属性值。

在一个实施例中，当读取到与待播放帧所对应的起始动画属性值时，终端还从动画文件对象中解析与待播放帧对应的、且为非静止区间中的动画属性值，从而终端可以根据所获取的起始动画属性值和解析所得的动画属性值进行动画渲染。

S608，根据读取的起始动画属性值和所获取的动画属性值进行动画渲染。

其中，对于待播放帧，其动画绘制数据可以由静止区间内的动画属性值和非静止区间内的动画属性值组成。对于静止区间内的动画属性值，可以直接从缓存中读取与待播放帧对应的起始动画属性值即可，无需从动画文件对象中解析。

在一个实施例中，终端读取的起始动画属性值和所获取的动画属性值转换成动画绘制数据，然后根据动画绘制数据进行动画渲染。

上述实施例中，当动画图层和动画属性组均不存在静止区间时，则对存在静止区间的动画属性值的起始动画属性值进行缓存。当待播放帧所命中动画属性值的静止区间时，则从缓存中读取待播放帧所对应的起始动画属性值，无需从动画文件对象解析属于静止区间中的动画属性值，从而降低了计算量，节省了渲染过程中的耗时，进而使动画播放变得更加流畅。

在一个实施例中，如图7所示，该方法还包括：

S702，在动画属性值区间之间存在交集、但组绘制数据区间之间不存在交集时，缓存组绘制数据区间的起始组绘制数据。

其中，动画属性值区间可理解为动画属性值的静止区间。动画属性值区间之间存在交集，则表示动画属性组中的所有动画属性值均不随时间发生变化，因此动画属性组存在静止区间，若动画图层不存在静止区间时，终端则缓存组绘制数据区间的起始组绘制数据。

S704，当动画文件在播放过程中待播放帧所对应的动画绘制数据不符合静止条件时，则读取缓存的与待播放帧所对应的起始组绘制数据。

其中，动画绘制数据区间可理解为动画绘制数据的静止区间，也即动画图层的静止区间。动画文件在播放过程中待播放帧所对应的动画绘制数据不符合静止条件、且动画属性值区间之间存在交集，表示待播放帧所对应的动画绘制数据未命中对应的静止区间、但待播放帧所对应的组绘制数据中的至少一部分数据命中对应的静止区间。

在一个实施例中，在播放动画文件时，若待播放帧所对应的动画绘制数据未命中静止区间，则执行S208。若待播放帧所对应的动画绘制数据未命中静止区间，终端则继续往动画绘制数据中的小颗粒(即组绘制数据)查找，查找待播放帧所对应的组绘制数据是否命中对应的静止区间，若命中，则从缓存中获取与待播放帧对应的起始组绘制数据，然后执行S706。

S706，从动画文件解码所得的动画文件对象中，获取与待播放帧对应的、且不符合静止条件的组绘制数据。

在一个实施例中，当读取到与待播放帧所对应的起始组绘制数据时，终端还从动画文件对象中解析与待播放帧对应的、且为非静止区间中的组绘制数据，从而终端可以根据所获取的起始组绘制数据和解析所得的组绘制数据进行动画渲染。

S708，根据读取的起始组绘制数据和所获取的组绘制数据进行动画渲染。

其中，对于待播放帧，其动画绘制数据可以由静止区间内的组绘制数据和非静止区间内的组绘制数据组成。对于静止区间内的组绘制数据，可以直接从缓存中读取与待播放帧对应的起始组绘制数据即可，无需从动画文件对象中解析。

在一个实施例中，终端读取的起始组绘制数据和所获取的组绘制数据转换成动画绘制数据，然后根据动画绘制数据进行动画渲染。

上述实施例中，当动画图层不存在静止区间，而动画属性组存在静止区间时，则对存在静止区间的组绘制数据的起始组绘制数据进行缓存。当待播放帧所命中组绘制数据的静止区间时，则从缓存中读取待播放帧所对应的起始组绘制数据，无需从动画文件对象解析属于静止区间中的组绘制数据，从而降低了计算量，节省了渲染过程中的耗时，进而使动画播放变得更加流畅。

在一个实施例中，如图8所示，S208具体可以包括：

S802，当动画文件在多于一个的应用播放时，确定各应用对应的播放进度。

其中，多于一个的应用播放动画文件可以是：客户端中的多个地方需要播放相同的动画。例如，客户端的视频播放器视频、且该视频带有动画，在视频播放器外的展示页面的某个位置(如视频播放器未开全屏模式、且视频播放器固定在显示屏的上方位置、而展示页面拉至底部)也需要播放该动画。

在一个实施例中，当客户端中有多于一个应用播放同一个动画时，终端只对同一个动画文件进行解码，并将解码所得的动画文件对象进行缓存。当多于一个应用播放同一个动画，可以从缓存的动画文件中读取动画文件对象即可。

例如，当客户端需要播放相同的动画时，只需要将同一份动画文件加载到内存并解码成动画文件对象，在同时播放多个相同的动画时，则对缓存的动画文件对象进行复用即可。

在另一个实施例中，当客户端中有多于一个应用播放同一个动画时，终端只对同一个动画文件进行解码得到动画文件对象，将由动画文件对象读取的符合静止条件的动画绘制数据区间中的起始动画绘制数据进行缓存，缓存的起始动画绘制数据可以被多个应用播放时进行共享。当多于一个应用播放同一个动画，终端可以从缓存中读取与各应用的待播放帧对应的起始动画绘制数据即可。

在另一个实施例中，当客户端中有多于一个应用播放同一个动画时，终端只对同一个动画文件进行解码得到动画文件对象，若由动画文件对象读取的动画绘制数据不符合静止条件时，则判断动画属性组的组绘制数据是否符合静止条件，若符合，则缓存符合静止条件的起始组绘制数据，缓存的起始组绘制数据可以被多个应用播放时进行共享。当多于一个应用播放同一个动画，终端可以从缓存中读取与各应用的待播放帧对应的起始组绘制数据即可。

在另一个实施例中，当客户端中有多于一个应用播放同一个动画时，终端只对同一个动画文件进行解码得到动画文件对象，若由动画文件对象读取的动画绘制数据不符合静止条件、且动画属性组的组绘制数据也不符合静止条件时，则判断动画属性值是否符合静止条件，若符合，则缓存符合静止条件的起始动画属性值，缓存的起始动画属性值可以被多个应用播放时进行共享。当多于一个应用播放同一个动画，终端可以从缓存中读取与各应用的待播放帧对应的起始动画属性值即可。

S804，当播放进度对应待播放帧的动画绘制数据符合静止条件时，则读取缓存的、与播放进度对应的、且由多于一个的应用所共享的起始动画绘制数据。

其中，播放进度对应待播放帧的动画绘制数据符合静止条件，即为播放进度对应待播放帧的动画绘制数据存在静止区间。

在一个实施例中，当多个应用播放相同动画时，终端分别记录各应用所播放动画的播放进度，然后按照各播放进度分别确定对应待播放帧的动画绘制数据是否命中静止区间，若命中动画绘制数据的静止区间，则读取缓存的、与播放进度对应的、且由多于一个的应用所共享的起始动画绘制数据。若未命中动画绘制数据的静止区间，终端则再遍历动画图层中的、用于构成动画绘制数据的组绘制数据，若命中组绘制数据的静止区间时，则直接将该静止区间中的起始组绘制数据拿来使用即可。若未命中组绘制数据的静止区间时，终端则再遍历动画属性组中的、用于构成组绘制数据的动画属性值，若命中动画属性值的静止区间时，则直接将该静止区间中的起始动画属性值拿来使用即可。

S806，将读取的由多于一个的应用所共享的起始动画绘制数据依次进行渲染，得到各应用所对应的动画渲染数据。

在一个实施例中，若动画绘制数据和组绘制数据均不存在静止区间、动画属性值存在静止区间时，终端一方面读取的由多于一个的应用所共享的起始动画属性值，另一方面从共享的动画文件对象中解析非静止区间的动画属性值，将读取的起始动画属性值和解析所得的动画属性值转换成动画绘制数据，然后进行渲染。

在一个实施例中，若动画绘制数据不存在静止区间、但组绘制数据存在静止区间时，终端一方面读取的由多于一个的应用所共享的起始组绘制数据，另一方面从共享的动画文件对象中解析非静止区间的组绘制数据，将读取的起始组绘制数据和解析所得的组绘制数据合成动画绘制数据，然后进行渲染。

上述实施例中，当客户端的多个应用播放同一个动画时，则多个应用同时共享同一个动画文件解析出来的动画绘制数据，并将起始动画绘制数据进行缓存，一方面降低了缓存空间，另一方面降低了解析的计算量。当各待播放帧所对应动画绘制数据符合静止条件时，则从缓存中获取与待播放帧对应的起始动画绘制数据，无需从动画文件对象解析属于静止区间中的动画绘制数据，从而降低了计算量，节省了渲染过程中的耗时，进而使动画播放变得更加流畅。

在一个实施例中，除了缓存动画绘制数据，还可以缓存动画渲染数据。动画文件中包括有矢量图；如图9所示，该方法还可以包括：

S902，获取动画文件解码所得的关于矢量图的动画绘制数据。

其中，矢量图也称为面向对象的图像，是用点、直线或者多边形等基于数学方程的几何图元表示图像，在放大、缩小或旋转等情况下不会失真。动画中的文字(如图形文字)也属于矢量图。

对于矢量图来说，终端缓存动画绘制数据、或组绘制数据、或动画属性值时，可以保证动画获取某一瞬时的描述数据可以直接获取到，而将这些描述数据转化为可上屏显示的动画渲染数据，还需要进行计算，尤其是复杂的path信息描述的矢量图，在渲染时需逐一解析path信息中的点坐标信息，以及点与点的路径描述信息，然后才能把path信息转换成矢量图。文本的描述信息也是如此，动画绘制数据缓存的只是文本的path信息和paint信息，这些信息在每次渲染时，计算量大且耗时长。因此，在播放动画时，需先将动画绘制数据渲染成动画渲染数据，然后进行缓存，在需要的时候直接从缓存中读取对应的动画渲染数据即可。

在一个实施例中，当确定动画文件中包括有矢量图时，终端获取动画文件解码所得的关于矢量图的动画绘制数据，或者，当矢量图中的动画绘制数据符合静止条件时，确定符合静止条件的动画绘制数据区间，从该动画绘制数据区间中获取起始动画绘制数据。

S904，对动画绘制数据进行离屏渲染，得到动画渲染数据。

其中，动画渲染数据可以是图像纹理。

在一个实施例中，S904具体可以包括：终端对解码所得的动画绘制数据进行离屏渲染，得到动画渲染数据；或者，终端对动画绘制数据区间中的其实动画绘制数据进行离屏渲染，得到动画绘制数据。

S906，将动画渲染数据进行缓存。

在一个实施例中，在缓存动画渲染数据之前，终端确定动画渲染数据的尺寸，当动画渲染数据的尺寸大于预设尺寸阈值时，在保证动画画质的前提下对动画渲染数据进行压缩，以降低动画渲染数据的尺寸，然后进行缓存，从而可以降低缓存大小。

S908，当动画文件在播放过程中待播放帧为矢量图动画帧时，读取缓存的与待播放帧对应的动画渲染数据。

在一个实施例中，当播放过程中待播放帧为矢量图动画帧时，在缓存中读取与待播放帧对应的动画渲染数据；或者，当播放过程中待播放帧为矢量图动画帧、且待播放帧所对应动画绘制数据符合静止条件时，则从缓存中读取与待播放帧对应、且由动画绘制数据区间中的起始动画绘制数据渲染所得的动画渲染数据。

上述实施例中，通过对矢量图的动画绘制数据先进行预渲染，然后奖渲染所得的动画渲染数据进行缓存，当播放过程中待播放帧为矢量图动画帧时，从缓存中读取与待播放帧对应的动画渲染数据，从而避免了从动画绘制数据转换为动画渲染数据的耗时，从而有效地降低了渲染过程中的耗时，有利于提升动画播放的流畅度。

在一个实施例中，如图10所示，S904具体可以包括：

S1002，确定用于展示矢量图的外部容器的尺寸。

其中，外部容器可以是用于展示矢量图的外部容器视图(View)。例如，动画在手机上播放，矢量图在手机上所展示区域所对应的图像容器可称为外部容器。

矢量图真实展示的大小取决于外部容器的尺寸，由于动画渲染数据在缓存时，动画渲染数据的尺寸就已经确定。为了保证动画清晰度，在缓存动画渲染数据时，其尺寸大小可以以最大缩放比值来应用，以便当缓存的动画渲染数据被应用在较小的场景时，可以对动画渲染数据进行压缩而不是拉伸，从而可以有效保证动画的清晰度。

在一个实施例中，在设计过程中，设计终端可以根据动画在各终端的尺寸大小，来预设置用于展示矢量图的外部容器的尺寸。在播放动画时，终端可以根据终端本身尺寸大小，从预设置的尺寸中确定对应的用于展示矢量图的外部容器的尺寸。

S1004，确定动画绘制数据的尺寸相对外部容器的尺寸的缩放比值。

在一个实施例中，S1004具体可以包括：确定承载动画帧的内部容器与外部容器间的第一尺寸比值；确定动画图层与内部容器间的第二尺寸比值；确定可绘制元素属性组中动画绘制数据与动画图层间的第三尺寸比值；根据第一尺寸比值、第二尺寸比值和第三尺寸比值确定缩放比值。

例如，对于缩放比值的计算，终端首先获取承载动画帧的内部容器与外部容器的第一尺寸比值S1；然后逐层遍历每个图层(layer)，取出layer相对内部容器的第二尺寸比值S2；再依次树形结构遍历每个子节点直到寻找到content，取出该content节点的原始宽高和相对于layer节点的第三尺寸比值S3；最后计算出content相对于外部容器的缩放比值即为S1、S2和S3之间的累乘。其中，节点树由外部容器、内部容器、动画图层、可绘制元素属性组和可绘制元素属性组中的动画绘制数据构成。

在一个实施例中，当节点树中节点所对应的比值发生变化时，获取变化后的缩放比值；节点树由外部容器、内部容器、动画图层、可绘制元素属性组和可绘制元素属性组中的动画绘制数据构成；按照缩放比值对缓存的动画渲染数据的尺寸进行调整；或者，获取输入的缩放比值，根据输入的缩放比值对缓存的动画渲染数据的尺寸进行调整。

例如，在播放动画时，终端会将展示动画的PAG视图(PAGView)挂在其它节点，如挂着末位的叶子节点，而这些父节点的尺寸发生改变时，将会通知到PAGView，并把缩放比值应用到动画渲染数据的缓存上，这样可以确保缓存的动画渲染数据是保证清晰度情况下最优的。

另外，若使用最大缩放比值还是占用较大内存，且对缓存的动画渲染数据进一步压缩依然能保证动画的清晰度不影响动画效果，那么，在最大缩放比值的基础上，可以再另外设置一个缩放比值，以减小缓存的占用大小。

S1006，创建离屏缓冲区。

S1008，在离屏缓冲区中，按照外部容器的尺寸和缩放比值对动画绘制数据进行动画渲染，得到动画渲染数据。

在一个实施例中，终端为使显示器的显示跟动画控制器同步，当电子枪新扫描一行时，准备扫描的时发送一个水平同步信号，显示器的刷新频率就是同步信号产生的频率。然后，处理器计算动画帧(frame)、动画宽高等参数值，将计算的参数值交给显卡去渲染得到动画渲染数据，显卡渲染的动画渲染数据放入离屏缓冲区。最后，视频控制器会按照同步信号逐行读取离屏缓冲区的动画渲染数据，经过数模转换传递给显示器进行显示。

其中，离屏渲染的整个过程，需切换上下文环境：先是从当前屏幕(On-Screen)切换到离屏(Off-Screen)，等到离屏渲染结束以后，将离屏缓冲区的动画渲染数据显示到屏幕上时，终端需将上下文环境从离屏切换到当前屏幕。

上述实施例中，将矢量图的动画绘制数据先进行预渲染，避免在播放时需要将动画绘制数据转换为动画渲染数据所需的耗时，从而有效地降低了渲染过程中的耗时，有利于提升动画播放的流畅度。

在一个实施例中，如图11所示，该方法还包括：

S1102，当动画文件中包括有多个动画图层、且各动画图层中所包含的矢量图相同但尺寸不同时，则获取尺寸最大的矢量图所对应的动画渲染数据。

在一个实施例中，当动画文件包括有预合成属性组、且预合成属性组中合成了多个动画图层、且各动画图层中所包含的矢量图相同但尺寸不同时，终端则获取尺寸最大的矢量图所对应的动画渲染数据。

S906具体可以包括：S1104，将尺寸最大的矢量图所对应的动画渲染数据进行缓存。

例如，一个动画有三个动画图层，而同一张图像出现在每个动画图层中，由于三个动画图层都包含同一张图像，所以只需要缓存一份即可。然而，动画渲染数据缓存的尺寸大小，需考虑各动画图层的缩放情况，选取最大的缩放比值，从而在缓存时，缓存的动画渲染数据的尺寸大小即为最大缩放比值，当这个动画渲染数据绘制在较小的容器或图层上时，可以对缓存的动画渲染数据进行压缩，保证清晰度。

上述实施例中，当多个图层中出现有相同的矢量图时，将尺寸最大的矢量图所对应的动画渲染数据进行缓存，一方面，可以避免同时缓存三份动画渲染数据，降低了缓存的占用大小；另一方面，缓存最大尺寸的动画渲染数据，避免在显示是对矢量图进行拉伸而造成图像清晰度降低的问题。

在一个实施例中，如图12所示，S906具体可以包括：

S1202，当动画文件包括有预合成属性组时，确定预合成属性组中包含第一目标动画渲染数据的动画区域。

其中，第一目标动画渲染数据是包含动画渲染数据中的一部分数据。例如，如图13所示，第一目标动画渲染数据即为五角星和云朵中的其中一部分数据。

由于动画渲染数据可以理解为图像纹理，是具有尺寸大小的，因此，动画区域所包含的内容可能只包含了动画渲染数据的一部分，若动画区域中的非动画渲染数据区域的尺寸较大，为避免渲染时可能会消耗额外的计算量，需要对动画区域进行优化。

S1204，当动画区域中包含的非动画渲染数据区域的尺寸达到预设条件时，则确定包含第二目标动画渲染数据的最小动画区域；第一目标动画渲染数据为第二目标动画渲染数据中的一部分。

其中，第二目标动画渲染数据是包含动画渲染数据中的全部数据，也即第一目标动画渲染数据属于第二目标动画渲染数据中的一部分。非动画渲染数据区域可以是空白区域或无效区域。

由于第二目标动画渲染数据为保护动画数据中的全部数据，可以使用一个矩形框对第二目标动画数据进行框定，且该矩形框为框定第二目标动画数据时的最小矩形框，则将该最小矩形框作为最小动画区域，如图13中的虚线区域。

S1206，确定所获取的动画区域与最小动画区域之间的交集区域。

S1208，将交集区域确定为预合成属性组的动画区域。

在一个实施例中，当确定动画区域与最小动画区域之间的交集区域时，终端将交集区域作为预合成属性组的动画区域进行显示。

作为一个示例，当预合成属性组的动画区域包含过多无效区域或空白区域时，终端对预合成属性组的边界进行优化，通过计算得到包含所有动画渲染数据的最小矩形区域，然后求这个矩形与预合成属性组的边界矩形的交集，从而得到预合成属性组的真实边界。

如图13所示，动画文件只包含一个只有一个layer A和一个关于预合成的属性组，其中预合成属性组的边界是小的黑色矩形框C，实际内容区域为五角星和云朵的部分，五角星和云朵的另部分在这个矩形边框外。在渲染时，由于这个矩形框大部分内容都是空白，所以可以优化。优化过程可以包括：先计算出最小的包含了实际内容区域的矩形大小，可以得到图中虚线框的矩形A框；最后求矩形A框与预合成属性组边界的交集，得到黑色粗线矩形框B，矩形框B即为真实展示的动画区域。

上述实施例中，对于预合成动画属性组的动画区域包含有较大无效区时，需要重新确定动画区域，保证动画渲染数据被包含在动画区域中，且尽量减小无效区，从而可以避免渲染时可能会消耗额外的计算量，且避免在上屏时扫描无效区，降低上屏耗时。

作为一个示例，对于传统的动画渲染方案，例如Lottie动画渲染，Lottie动画采用的是json(JavaScript Object Notation，JS对象简谱)格式存储动画的所有信息，在播放动画过程中：先把动画文件加载到内存，再把动画文件按照json格式解析出来，在播放时定位到播放时刻，取出瞬时的动画信息，也就是从解析的json文件中找到这个瞬时动画需要展示的内容，可以是图像和文本等，最后需要把这个瞬时的展示内容转成可绘制上屏的渲染数据。在渲染过程中，对于矢量图需要计算path信息上各个点信息并绘制路径，而文本则是读paint和path信息并转换。

传统的动画渲染方案中，对于相同的动画，没有复用同一份动画文件的内存数据，若在屏幕出现多个相同动画同时播放，会加载同一份动画文件多次。另外，解析动画某一瞬时的数据，然后转成待绘制的数据，但是没有考虑绘制数据的静止区间，因此在从内存数据转成绘制数据没有复用静止区间中的起始绘制数据。最后，它也没有考虑矢量图的绘制数据转成渲染数据的耗时，对于复杂的矢量图，每次从绘制数据到渲染数据，需要较多的渲染耗时。

针对上述问题，本发明实施例提出了三级缓存的动画渲染方案，该方案中包括有动画文件缓存、绘制数据缓存和渲染数据缓存，接下来对三种缓存方式进行阐述，如下所述：

(一)动画文件缓存

将动画文件解码并保存到内存中，对于同一个动画文件，只会保存一份解码后的文件对象。当有多个场景需要播放这个动画时，都基于这个文件对象，而不会再重新读取一遍动画文件，避免多次解码的过程，这样节省了很多不必要的开销，尤其是内存方面的开销。例如，当客户端启动之后，存在一个通用的加载(loading)动画，所有的加载应用场景都会使用到这个loading动画，那么每次加loading时都加载一次动画文件，即便动画文件的描述数据占用内存很小，但是当几十个动画都需要这个loading动画时，那么内存占用开销非常大。

此外，还可以节省解码耗时，对于相同的多个loading动画只解码动画文件一次，使得耗时比较少，避免每个动画都从动画文件解码一次到内存中而产生额外的耗时。

(二)绘制数据缓存

利用PAG动画特性，划分动画静止区间，并对静止区间做绘制数据缓存，在介绍绘制数据缓存之前，首先对静止区间的划分进行阐述，具体如下：

(1)划分静止区间

所谓静止区间，最直观的理解，例如：一个PAG动画总时长为2s，假设每秒具有24帧，若在1s到1.5s这个时间段内没有任何变化，即在1s到1.5s动画是静止的，那么这个动画的静止区间就是[24,36]，单位为帧。

一个动画文件中的各帧动画可以由多个图层叠加而成的，而图层又由更小的group组成，最后的group又是由一系列的属性描述，包括时间轴属性和固定属性。对于时间轴属性来说，可以找到Hold类型的区间段，即时间轴属性的静止区间；对于固定属性来说，整个时间段都是静止区间。查找到时间轴属性的静止区间后，再向上冒泡，如果一个group包含了几个时间轴属性，各时间轴属性的静止区间存在交集时，则对应的group在交集上的属性值是没有任何变化的，那么这个交集即为group的静止区间。同理，然后继续往上冒泡，可以找到多个group静止区间的交集，就是交集即为layer的静止区间；多个layer的静止区间交集就是矢量合成(composition)的静止区间，从而可以得到整个动画的静止区间。

组成layer的group分为6类，即transform、mask、trackMatter、layerStyle、effect和content。以transform为例，它是由多个关键帧(Keyframe)<Transform2D>组成，每个Keyframe都是对layer的平移、缩放、旋转和/或透明度变化信息的记录，它保存在PAG动画文件中，解析PAG动画文件时，取出这些Keyframe，就能还原这个layer的动画轨迹。这些关键帧最终存储的数据结构是Transform2D，这个Transform2D其实就是由时间轴属性来描述的，它包含了以下几个属性：锚点(anchorPoint)、位置(position)、x轴坐标位置(xPosition)、y轴坐标位置(yPosition)、缩放比例(scale)、旋转(rotation)和透明度(opacity)，如图14所示。position、xPosition、yPosition描述平移信息；anchorPoint、scale描述缩放信息；anchorPoint、rotation描述旋转信息；opacity描述透明度信息。

解析PAG动画文件时，若某个layer的group类型为transform时，其描述信息Transform2D的时间轴属性在几个Keyframe上属性值没有发生变化，那么就可以理解为这几帧是这个transform的静止区间。判断是否是静止区间，最终都是转化为寻找时间轴属性的Hold类型区间段，其它group也是类似。在求group的父节点layer的静止区间，则计算这个layer所有group的静止区间的交集。

在计算静止区间时，可以直接计算静止区间，也可以通过寻找非静止区间方式来得到，即寻找出非静止区间时，将寻找到的非静止区间过滤掉即可得到整个动画的静止区间。通过寻找非静止区间方式来得到静止区间的方式，具体可以包括：先从根composition开始，整个动画有n帧，从第一帧到动画最后一帧(即[1,n])；然后依次遍历所有layer或者子composition，再遍历layer的每个group，把group里面非静止区间直接从[1,n]中去掉，这样就把[1,n]切成了很多细小的区间段。一个layer的静止区间就是计算该layer所有group的静止区间的交集，同理所有layer静止区间的交集就是composition的静止区间，这样逐层冒泡，直到最后就是根composition(即整个动画)的静止区间。

如图5所示，图5为求静止区间交集的示意图，其中t1、t2、m1、m2、c1、c2、c3和c4是以帧为单位。对于composition中的某一个layer，该layer的三个group在整个动画周期内如图5所示。其中，在[t1,t2]区间内，该layer是没有任何平移、缩放和旋转等变换；在[m1,m2]区间内，该layer使用同一个遮罩、且遮罩未发生任何变化；在[c1,c2]和[c3,c4]区间内，该layer分别应用了一个文本和一张图片，且文本和图片也未发生任何变化。

显然，对于content这个group来说，[c1,c2]和[c3,c4]都是该content的静止区间，在进行动画渲染时，只需要解析一次c1时刻的文本，以及解析一次c3时刻的图片，并把文本和图片保存在内存中并做标记。当动画播放需要绘制的帧为c，且c在[c1,c2]区间内，那么不需要去重新解析c帧的文本，可以直接使用用c1去查被标记的缓存，把c1的文本绘制出来，这个文本与c帧文本完全一样。

上述是只考虑了content这一个group的场景，对于一个layer而言，layer是由多个group组成，其静止区间即为该layer下所有group静止区间的交集。如图5所示，如果一个layer只由3个group组成，那么该layer有两段静止区间：[m1,c2]和[c3,t2]。

可以看出来，划分静止区间其实是一个冒泡的过程，首先寻找的是时间轴属性的Hold类型区间，再求交集找到group的静止区间，然后逐层向上求交集，直到最后根composition的静止区间，就是整个动画的静止区间。

综上所述，对于静止区间的划分，其流程如下所述：

S1502，从根composition开始，初始静止区间为第一帧到最后一帧。

S1504，判断是否有子composition。

S1506，若不存在子composition，则通过所有layer计算根composition的静止区间，然后执行S1518。

S1508，若存在子composition，则从子composition开始，初始静止区间为子composition起始帧到结束帧。

S1510，判断子composition中是否存在layer。

S1512，若子composition中存在layer，计算layer中每个group的静止区间。

S1514，选择描述group的时间轴属性的Hold类型区间，然后判断判断子composition中是否存在layer。

S1516，若子composition中不存在layer，通过所有group计算layer的静止区间。

S1518，计算根composition的静止区间。

(2)绘制数据缓存

绘制数据缓存是指缓存PAG文件(PAGFile)对象相关的部分，当解码得到PAGFile对象之后，可以通过上述划分静止区间的方法得到所有静止区间。同时，解析PAGFile对象可以得到静止区间的起始绘制数据，然后缓存起始绘制数据即可。为了尽可能减少缓存大小，只缓存必要的绘制数据，这里对不同layer、不同group以及更小粒度分类，做出不同缓存策略。

PAG动画绘制一帧动画时，将会跳转到该帧，然后依次绘制每一个layer或预合成的composition，而预合成的composition本质也是多个layer或者composition嵌套，最终还是layer的绘制，因此绘制的粒度可以再细分到具体layer的绘制上。一个layer可以由6类group中任意一种或多种组合而成，以下依次说明每类group的缓存策略：

1)Content

Content是layer必不可少的组成部分，表示的是该layer的可绘制元素部分，比如：图片、文字和形状等等。而其它group几乎都是在Content的基础上做一些处理，如平移缩放、加遮罩和加滤镜特效等。

Content可以表示的元素大致分为：shape、text、solid、PreCompose和image。由于Content的多样性，需要针对具体的元素去做缓存，针对这5中元素，分别缓存不同的数据内容：

shape表示形状，可以是常规的圆、矩形、五角星等，还可以是没有规则的形状。在图形渲染的时候，对于形状的描述，只需绘制path信息和paint信息，就能完整绘制出所表示的图形。这里shape缓存的是一个自定义数据结构，该自定义数据结构的内容为形状绘制(ShapePaint)，ShapePaint中包含了绘制的path信息和paint信息这两个属性值。

text表示文字内容，也即文本，比如动画中一行提示语滚动播放，这里提示语就使用到text。文本渲染需要的信息与shape类似，也都需要path信息和paint信息。另外，文本可以设置字体类型，比如：一个动画中字体可以来源于不同类型，因此还需要记录字体类型信息这个属性值。

solid是shape的一个特例，它可以表示一个实心填充了颜色的矩形，对它的描述可以使用矩形的宽、高和填充色，即可以缓存宽、高和填充色这三种属性值。solid应用场景也比较多，如简单矢量动画中的图形、用作图层的遮罩，或者预合成的遮罩等。

image表示的是图片，在做渲染时，需获取图片具体像素信息，所以图片像素信息作为属性值被缓存起来；另外图片展示的大小，尤其是在缩放时，图片宽高会变化，渲染时要做出相应压缩和拉伸。因此，图片原始的宽高也需作为属性值缓存起来。

PreCompose表示预合成，由一个或者多个layer组成，也可以再嵌套其它composition。在本实施例中，PreCompose用于子composition应用，对于PreCompose的缓存，遍历PreCompose中所包含的layer，然后采用layer的缓存策略进行缓存。

2)Transform

动画其实是随时间轴会有变化，而大部分变化都是由平移、缩放、旋转或渐隐渐现中的至少一种组成。

在2D空间内，对于一个矩形做transform，如果是平移动画，可以确定矩形初始位置点(position，记录坐标x和y)，然后记录x和y轴平移距离xPoition和yPosition(浮点数，记录距离)，通过坐标x、y和距离这三个信息就可以还原一个平移动画。如果是缩放动画，可以先确定了一个锚点anchorPoint，再加上scale信息，就可以完整的还原。如果是旋转动画，先确定一个锚点anchorPoint，再加上旋转的rotation信息，就可以还原旋转动画。如果是渐隐渐现的透明度动画，可以记录opacity信息即可。

综上可得，任何一个2D空间内的变化都可以用少量的信息记录下来，平移、缩放和旋转记录的信息可以使用矩阵(Matrix)记录，透明度变化可以使用opacity记录。通过记录这两个信息，就可以还原出动画的变化，所以缓存时，只需要将Matrix和opacity作为属性值进行缓存即可。

3)Mask

遮罩的使用，可以使用两个简单的图形，通过组合关系形成一个全新的图形，这里Mask表示的是一个图层内的遮罩。而遮罩在渲染的时候，利用的是path信息和遮罩模式来实现绘制的。比如，一个矩形遮罩，本质上需要记录的就是这个矩形的path信息，即矩形的顶点信息，从而还原出这个遮罩矩形，所以需要缓存path信息和遮罩模式。

遮罩模式决定了最后的展示，比如：加(Add)模式表示遮罩直接添加展示；减(Subtract)模式表示减去遮罩遮住部分；交叉(Intersect)模式表示取原图形和遮罩的交集部分展示；差异(Difference)模式表示取原图形和遮罩的不相交部分展示。

4)TrackMatter

TrackMatter和Mask类似，作用也是当做遮罩来使用，区别为Mask是一个图层内的遮罩，而TrackMatter是根据透明度和亮度用一个图层充当另一个图层的遮罩。对于TrackMatter，需要缓存的和Mask一样，也是path信息和模式信息。

其中，TrackMatter的模式有以下几类：Alpha模式，会根据图层不透明度区域去控制显示区域；AlphaInverted模式，它是根据图层的透明区域去控制图层的显示区域；Luma模式和LumaInverted模式与Alpha类似，只是将控制显示区域的条件换成了亮度。

5)layerStyle和effect

layerStyle和effect是一种滤镜，滤镜可以理解为对图片的像素点处理从而产生个性化的效果。layerStyle和effect在PAG动画中可用于支持投影效果，在实现时依赖于滤镜信息，比如，在原图上再绘制一张投影image，而image的参数由投影的颜色、方向和距离等计算出来，因此在缓存时可以缓存滤镜信息即可。

(三)渲染数据缓存

对于矢量图而言，绘制数据缓存可以保证动画获取某一瞬时的绘制数据可以直接获取到，但是这些绘制数据转化为可直接绘制的渲染数据，还需要计算，尤其是复杂path信息的矢量图，在渲染时，需要逐一解析path信息的点坐标，以及点与点的路径描述信息，然后把path信息完整绘制成矢量图。文本的绘制数据也是如此，绘制数据缓存的只是文本的path信息和paint信息，这些信息在每次绘制的时候，都存在计算转化的耗时，可以通过渲染数据缓存的方式解决这个耗时，具体的方式为：在得到绘制数据之后，创建一个离屏缓冲区，然后进行离屏渲染得到渲染数据，对渲染数据进行缓存，当需要绘制的时候，直接从缓存中读取渲染数据，这样就节省了从绘制数据转化为渲染数据的耗时。

由于矢量图可以随意缩放，所以矢量图展示的大小取决于外部的展示容器View的尺寸。由于缓存渲染数据时，就已确定纹理的尺寸，所以为了保证最终动画清晰度，缓存渲染数据的时候，纹理尺寸大小要以最大缩放比值来应用，这样当缓存的渲染数据被应用在较小的场景时，可以对渲染数据进行压缩而不是拉伸，从而可以保证清晰度。这个缩放比值的计算，首先获取到用来承载、展示动画的外部View的缩放比值S1；然后逐层遍历每个composition和layer，取出它们缩放比值S2；再依次树形结构寻找到每个节点的缩放比值，直到寻找到content，取出该content的原始宽高和相对于父节点的缩放比值S3；最后计算出content相对于展示View的缩放比值就是这些树状层级缩放比值S1、S2和S3的累乘。

由于考虑嵌套问题，PreCompose类型和image类型的content会有所不同。比如，对于包含PreCompose类型的动画，一个动画有3个layer图层，而同一张图片是可能出现在每个图层中的，但是因为都是同一张图片，所以只需要缓存一份即可，对于图片缓存的尺寸大小选择上来说，要考虑所有使用到该图片的地方的缩放比值，并取最大的缩放比值，在缓存的时候，缓存的纹理大小就是最大缩放比值的场景，当这个纹理被绘制在较小的View上时，可以直接压缩缓存的image，从而保证清晰度。

此外，还提供了用于设置尺寸的setCacheScale(float scale)接口供外部设置，在展示动画时，展示动画的PAGView往往会被放在其它容器中，而这些父容器尺寸发生改变的时候，需要通知到PAGView，并把缩放比值应用到渲染数据缓存上，这样可以保证缓存的渲染数据是保证清晰度情况下最优的。另外，如果使用最大缩放比值还是相当占用内存，而且再压缩下缓存的图片依然能够保证清晰度，不影响动画效果，在最大缩放比值的基础上，可以再设置一个缩放比，降低缓存大小。

对PreCompose的边界测量的优化，通过计算得到包含所有内容的最小矩形区域，然后求这个矩形与PreCompose的边界矩形的交集，从而得到PreCompose的真实边界。图13为一个只有一个layer A和一个PreCompose组成的动画，其中PreCompose的边界是小的黑色细线矩形框，实际内容区域是五角星和云朵的部分，另外一部分在矩形边框外。在渲染时，由于这个矩形框大部分内容都是空白，可以进行优化，优化的方式可以包括：先计算出最小的包含了实际内容的矩形框，得到图13中黑色虚线的矩形框A；最后求矩形框A与PreCompose边界的交集，得到黑色粗线矩形框B，矩形框B也就是真实展示的区域。

(四)渲染耗时对比

同一个PAG动画“人山人海”，使用动画预览器(PAGViewer)查看渲染(Render)耗时。其中，图16为缓存策略全开的渲染耗时示意图，图17为关闭渲染数据缓存的渲染耗时示意图，图18为关闭绘制数据缓存的渲染耗时示意图，图19为缓存策略全关的渲染耗时示意图。

通过图16-19可得，Render耗时在缓存策略全开的时候，渲染耗时最小，只占用25ms；而缓存策略全关的时候，渲染耗时最大为1052ms，两者相差2个数量级。另外，关闭渲染数据缓存(即采用绘制数据缓存，如图17)和关闭绘制数据缓存(即采用渲染数据缓存，如图18)的渲染耗时分别为863和184，虽然两者之间存在差异，但绘制数据缓存和渲染数据缓存是两种不同的缓存策略，适用于不同的应用场景，所以起到的作用也不同，这里“人山人海”动画正是渲染数据缓存的应用在复杂图形情况下的优秀性能的体现而已。

通过采用上述实施例，可以具有以下有益效果：

1)可以大幅度降低动画的渲染耗时，相对传统动画渲染方法，采用本发明实施例的动画渲染方法，可以降低1-2个数量级别的渲染耗时。渲染耗时的降低，使得动画播放非常流畅，在低端手机上也能达到较好的播放效果，尤其是在客户端上同一个页面有多个动画同时播放的时候，如果是相同的动画，可以大大节省解码耗时。

2)针对不同的图层采用不同的缓存策略，以及计算动画缩放比值时，针对图片和预合成的composition采用不同的计算规则。

图2-4、6-12、15为一个实施例中动画渲染方法的流程示意图。应该理解的是，虽然图2-4、6-12、15的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图2-4、6-12、15中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些子步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。

如图20所示，在一个实施例中，提供了一种动画渲染装置，该装置包括：文件获取模块2002、确定模块2004、数据缓存模块2006、数据读取模块2008和动画渲染模块2010；其中：

文件获取模块2002，用于获取目标格式的动画文件；

确定模块2004，用于确定从动画文件解码所得的符合静止条件的动画绘制数据区间；

数据缓存模块2006，用于缓存动画绘制数据区间中的起始动画绘制数据；

数据读取模块2008，用于当动画文件在播放过程中待播放帧所对应的动画绘制数据符合静止条件时，读取缓存的与待播放帧对应的起始动画绘制数据；

动画渲染模块2010，用于根据读取的起始动画绘制数据进行动画渲染。

上述实施例中，对符合静止条件的动画绘制数据的起始动画绘制数据进行缓存，当播放到对应动画帧的属性值符合所述静止条件时，直接从缓存中获取与待播放帧对应的起始动画绘制数据，无需再次对动画文件进行解析来得到与待播放帧对应的动画绘制数据，从而避免了大量的计算，节省了渲染过程中的耗时，进而使动画播放变得更加流畅。

在一个实施例中，确定模块2004还用于：对动画文件进行解码，获得动画文件对象；读取动画文件对象中的动画绘制数据；从所读取的动画绘制数据中确定符合静止条件的动画绘制数据区间。

上述实施例中，通过解码动画文件得到动画文件对象，读取动画文件对象中的动画绘制数据，然后查找出动画文件对象中符合静止条件的动画绘制数据区间，以便对动画绘制数据区间中的起始动画绘制数据进行缓存，从而在播放到对应动画帧的属性值符合所述静止条件时，直接从缓存中获取与待播放帧对应的起始动画绘制数据，避免大量的计算，节省渲染过程中的耗时，使动画播放变得更加流畅。

在一个实施例中，动画文件包括至少一个动画图层；每个动画图层包括至少两个动画属性组；每个动画属性组包括至少两个动画属性值；确定模块2004还用于：确定动画属性组中符合静止条件的各动画属性值区间；将动画属性值区间的交集作为动画属性组的组绘制数据区间；将组绘制数据区间的交集确定为动画图层的动画绘制数据区间。

上述实施例中，先确定符合静止条件的动画属性值区间，然后采用冒泡算法计算出动画绘制数据区间，以便对动画绘制数据区间中的起始动画绘制数据进行缓存，从而在播放到对应动画帧的属性值符合所述静止条件时，直接从缓存中获取与待播放帧对应的起始动画绘制数据，避免大量的计算，节省渲染过程中的耗时，使动画播放变得更加流畅。

在一个实施例中，如图21所示，该装置还包括：属性值获取模块2012；其中：

数据缓存模块2006还用于在动画属性值区间之间不存在交集时，缓存动画属性值区间的起始动画属性值；

数据读取模块2008还用于当动画文件在播放过程中待播放帧所对应的动画绘制数据不符合静止条件、且动画属性值区间之间不存在交集时，则读取缓存的与待播放帧所对应的起始动画属性值；

属性值获取模块2012，用于从动画文件解码所得的动画文件对象中，获取与待播放帧对应的、且不符合静止条件的动画属性值；

动画渲染模块2010还用于根据读取的起始动画属性值和所获取的动画属性值进行动画渲染。

上述实施例中，当动画图层和动画属性组均不存在静止区间时，则对存在静止区间的动画属性值的起始动画属性值进行缓存。当待播放帧所命中动画属性值的静止区间时，则从缓存中读取待播放帧所对应的起始动画属性值，无需从动画文件对象解析属于静止区间中的动画属性值，从而降低了计算量，节省了渲染过程中的耗时，进而使动画播放变得更加流畅。

在一个实施例中，如图21所示，该装置还包括：数据获取模块2014；其中：

数据缓存模块2006还用于在动画属性值区间之间存在交集、但组绘制数据区间之间不存在交集时，缓存组绘制数据区间的起始组绘制数据；

数据读取模块2008还用于当动画文件在播放过程中待播放帧所对应的动画绘制数据不符合静止条件时，则读取缓存的与待播放帧所对应的起始组绘制数据；

数据获取模块2014，用于从动画文件解码所得的动画文件对象中，获取与待播放帧对应的、且不符合静止条件的组绘制数据；

动画渲染模块2010还用于根据读取的起始组绘制数据和所获取的组绘制数据进行动画渲染。

上述实施例中，当动画图层不存在静止区间，而动画属性组存在静止区间时，则对存在静止区间的组绘制数据的起始组绘制数据进行缓存。当待播放帧所命中组绘制数据的静止区间时，则从缓存中读取待播放帧所对应的起始组绘制数据，无需从动画文件对象解析属于静止区间中的组绘制数据，从而降低了计算量，节省了渲染过程中的耗时，进而使动画播放变得更加流畅。

在一个实施例中，动画属性组为可绘制元素属性组时，动画属性组包括至少两个可绘制元素；可绘制元素包括至少两个动画属性值；如图21所示，该装置还包括：交集计算模块2016；其中：

确定模块2004还用于将动画属性值区间的交集确定为可绘制元素的元素区间；

交集计算模块2016，用于计算可绘制元素的元素区间之间的交集；

确定模块2004还用于将元素区间之间的交集确定为动画属性组的组绘制数据区间。

在一个实施例中，当动画文件在播放过程中待播放帧所对应的动画绘制数据符合静止条件时，数据读取模块2008还用于：当动画文件在多于一个的应用播放时，确定各应用对应的播放进度；当播放进度对应待播放帧的动画绘制数据符合静止条件时，则读取缓存的、与播放进度对应的、且由多于一个的应用所共享的起始动画绘制数据。

上述实施例中，当客户端的多个应用播放同一个动画时，则多个应用同时共享同一个动画文件解析出来的动画绘制数据，并将起始动画绘制数据进行缓存，一方面降低了缓存空间，另一方面降低了解析的计算量。当各待播放帧所对应动画绘制数据符合静止条件时，则从缓存中获取与待播放帧对应的起始动画绘制数据，无需从动画文件对象解析属于静止区间中的动画绘制数据，从而降低了计算量，节省了渲染过程中的耗时，进而使动画播放变得更加流畅。

在一个实施例中，动画文件中包括有矢量图；数据获取模块2014还用于获取动画文件解码所得的关于矢量图的动画绘制数据；

动画渲染模块2010还用于对动画绘制数据进行离屏渲染，得到动画渲染数据；

数据缓存模块2006还用于将动画渲染数据进行缓存；

数据读取模块2008还用于当动画文件在播放过程中待播放帧为矢量图动画帧时，读取缓存的与待播放帧对应的动画渲染数据。

在一个实施例中，动画渲染模块2010还用于：确定承载动画帧的内部容器与外部容器间的第一尺寸比值；确定动画图层与内部容器间的第二尺寸比值；确定可绘制元素属性组中动画绘制数据与动画图层间的第三尺寸比值；根据第一尺寸比值、第二尺寸比值和第三尺寸比值确定缩放比值。

在一个实施例中，动画渲染模块2010还用于：确定用于展示矢量图的外部容器的尺寸；确定动画绘制数据的尺寸相对外部容器的尺寸的缩放比值；创建离屏缓冲区；在离屏缓冲区中，按照外部容器的尺寸和缩放比值对动画绘制数据进行动画渲染，得到动画渲染数据。

上述实施例中，通过对矢量图的动画绘制数据先进行预渲染，然后奖渲染所得的动画渲染数据进行缓存，当播放过程中待播放帧为矢量图动画帧时，从缓存中读取与待播放帧对应的动画渲染数据，从而避免了从动画绘制数据转换为动画渲染数据的耗时，从而有效地降低了渲染过程中的耗时，有利于提升动画播放的流畅度。

在一个实施例中，如图21所示，该装置还包括：缩放比值获取模块2018、尺寸调整模块2020；其中：

缩放比值获取模块2018，用于当节点树中节点所对应的比值发生变化时，获取变化后的缩放比值；节点树由外部容器、内部容器、动画图层、可绘制元素属性组和可绘制元素属性组中的动画绘制数据构成；

尺寸调整模块2020，用于按照缩放比值对缓存的动画渲染数据的尺寸进行调整；或者，

缩放比值获取模块2018还用于获取输入的缩放比值；

尺寸调整模块2020还用于根据输入的缩放比值对缓存的动画渲染数据的尺寸进行调整。

上述实施例中，将矢量图的动画绘制数据先进行预渲染，避免在播放时需要将动画绘制数据转换为动画渲染数据所需的耗时，从而有效地降低了渲染过程中的耗时，有利于提升动画播放的流畅度。

在一个实施例中，数据获取模块2014还用于当动画文件中包括有多个动画图层、且各动画图层中所包含的矢量图相同但尺寸不同时，则获取尺寸最大的矢量图所对应的动画渲染数据；

数据缓存模块2006还用于将尺寸最大的矢量图所对应的动画渲染数据进行缓存。

上述实施例中，当多个图层中出现有相同的矢量图时，将尺寸最大的矢量图所对应的动画渲染数据进行缓存，一方面，可以避免同时缓存三份动画渲染数据，降低了缓存的占用大小；另一方面，缓存最大尺寸的动画渲染数据，避免在显示是对矢量图进行拉伸而造成图像清晰度降低的问题。

在一个实施例中，数据缓存模块2006还用于：当动画文件包括有预合成属性组时，确定预合成属性组中包含第一目标动画渲染数据的动画区域；当动画区域中包含的非动画渲染数据区域的尺寸达到预设条件时，则确定包含第二目标动画渲染数据的最小动画区域；第一目标动画渲染数据为第二目标动画渲染数据中的一部分；确定所获取的动画区域与最小动画区域之间的交集区域；将交集区域确定为预合成属性组的动画区域。

上述实施例中，对于预合成动画属性组的动画区域包含有较大无效区时，需要重新确定动画区域，保证动画渲染数据被包含在动画区域中，且尽量减小无效区，从而可以避免渲染时可能会消耗额外的计算量，且避免在上屏时扫描无效区，降低上屏耗时。

图22示出了一个实施例中计算机设备的内部结构图。该计算机设备具体可以是图1中的终端110。如图22所示，该计算机设备包括该计算机设备包括通过系统总线连接的处理器、存储器、网络接口、输入装置和显示屏。其中，存储器包括非易失性存储介质和内存储器。该计算机设备的非易失性存储介质存储有操作系统，还可存储有计算机程序，该计算机程序被处理器执行时，可使得处理器实现动画渲染方法。该内存储器中也可储存有计算机程序，该计算机程序被处理器执行时，可使得处理器执行动画渲染方法。计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。

本领域技术人员可以理解，图22中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

在一个实施例中，本申请提供的动画渲染装置可以实现为一种计算机程序的形式，计算机程序可在如图22所示的计算机设备上运行。计算机设备的存储器中可存储组成该动画渲染装置的各个程序模块，比如，图20所示的文件获取模块2002、确定模块2004、数据缓存模块2006、数据读取模块2008和动画渲染模块2010。各个程序模块构成的计算机程序使得处理器执行本说明书中描述的本申请各个实施例的动画渲染方法中的步骤。

例如，图22所示的计算机设备可以通过如图20所示的动画渲染装置中的文件获取模块2002执行S202。计算机设备可通过确定模块2004执行S204。计算机设备可通过数据缓存模块2006执行S206。计算机设备可通过数据读取模块2008执行S208。计算机设备可通过动画渲染模块2010执行S210。

在一个实施例中，提供了一种计算机设备，包括存储器和处理器，存储器存储有计算机程序，计算机程序被处理器执行时，使得处理器执行上述动画渲染方法的步骤。此处动画渲染方法的步骤可以是上述各个实施例的动画渲染方法中的步骤。

在一个实施例中，提供了一种计算机可读存储介质，存储有计算机程序，计算机程序被处理器执行时，使得处理器执行上述动画渲染方法的步骤。此处动画渲染方法的步骤可以是上述各个实施例的动画渲染方法中的步骤。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一非易失性计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限，RAM以多种形式可得，诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。

以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本申请专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。

Claims (16)

1.一种动画渲染方法，包括：

获取目标格式的动画文件；

确定从所述动画文件解码所得的符合静止条件的动画绘制数据区间；

缓存所述动画绘制数据区间中的起始动画绘制数据；

当所述动画文件在播放过程中待播放帧所对应的动画绘制数据符合所述静止条件时，读取缓存的与所述待播放帧对应的起始动画绘制数据；

根据读取的所述起始动画绘制数据进行动画渲染。

2.根据权利要求1所述的方法，其特征在于，所述确定从所述动画文件解码所得的符合静止条件的动画绘制数据区间包括：

对所述动画文件进行解码，获得动画文件对象；

读取所述动画文件对象中的动画绘制数据；

从所读取的动画绘制数据中确定符合静止条件的动画绘制数据区间。

3.根据权利要求1所述的方法，其特征在于，所述动画文件包括至少一个动画图层；每个所述动画图层包括至少两个动画属性组；每个所述动画属性组包括至少两个动画属性值；所述确定从所述动画文件解码所得的符合静止条件的动画绘制数据区间包括：

确定所述动画属性组中符合静止条件的各动画属性值区间；

将所述动画属性值区间的交集作为所述动画属性组的组绘制数据区间；

将所述组绘制数据区间的交集确定为所述动画图层的动画绘制数据区间。

4.根据权利要求3所述的方法，其特征在于，所述方法还包括：

在所述动画属性值区间之间不存在交集时，缓存所述动画属性值区间的起始动画属性值；

当所述动画文件在播放过程中待播放帧所对应的动画绘制数据不符合所述静止条件、且所述动画属性值区间之间不存在交集时，则

读取缓存的与所述待播放帧所对应的起始动画属性值；

从所述动画文件解码所得的动画文件对象中，获取与所述待播放帧对应的、且不符合所述静止条件的动画属性值；

根据读取的起始动画属性值和所获取的动画属性值进行动画渲染。

5.根据权利要求3所述的方法，其特征在于，所述方法还包括：

在所述动画属性值区间之间存在交集、但所述组绘制数据区间之间不存在交集时，缓存所述组绘制数据区间的起始组绘制数据；

当所述动画文件在播放过程中待播放帧所对应的动画绘制数据不符合所述静止条件时，则

读取缓存的与所述待播放帧所对应的起始组绘制数据；

从所述动画文件解码所得的动画文件对象中，获取与所述待播放帧对应的、且不符合所述静止条件的组绘制数据；

根据读取的起始组绘制数据和所获取的组绘制数据进行动画渲染。

6.根据权利要求3所述的方法，其特征在于，所述动画属性组为可绘制元素属性组时，所述动画属性组包括至少两个可绘制元素；所述可绘制元素包括至少两个动画属性值；所述方法还包括：

将所述动画属性值区间的交集确定为所述可绘制元素的元素区间；

计算所述可绘制元素的元素区间之间的交集；

所述将所述动画属性值区间的交集作为所述动画属性组的组绘制数据区间包括：

将所述元素区间之间的交集确定为所述动画属性组的组绘制数据区间。

7.根据权利要求1所述的方法，其特征在于，所述当所述动画文件在播放过程中待播放帧所对应的动画绘制数据符合所述静止条件时，读取缓存的与所述待播放帧对应的起始动画绘制数据包括：

当所述动画文件在多于一个的应用播放时，确定各应用对应的播放进度；

当所述播放进度对应待播放帧的动画绘制数据符合所述静止条件时，则读取缓存的、与所述播放进度对应的、且由所述多于一个的应用所共享的起始动画绘制数据。

8.根据权利要求1所述的方法，其特征在于，所述动画文件中包括有矢量图；所述方法还包括：

获取所述动画文件解码所得的关于所述矢量图的动画绘制数据；

对所述动画绘制数据进行离屏渲染，得到动画渲染数据；

将所述动画渲染数据进行缓存；

当所述动画文件在播放过程中待播放帧为矢量图动画帧时，读取缓存的与所述待播放帧对应的动画渲染数据。

9.根据权利要求8所述的方法，其特征在于，所述对所述动画绘制数据进行离屏渲染，得到动画渲染数据包括：

确定用于展示所述矢量图的外部容器的尺寸；

确定所述动画绘制数据的尺寸相对所述外部容器的尺寸的缩放比值；

创建离屏缓冲区；

在所述离屏缓冲区中，按照所述外部容器的尺寸和所述缩放比值对所述动画绘制数据进行动画渲染，得到动画渲染数据。

10.根据权利要求9所述的方法，其特征在于，所述确定所述动画绘制数据的尺寸相对所述外部容器的尺寸的缩放比值包括：

确定承载动画帧的内部容器与所述外部容器间的第一尺寸比值；

确定所述动画图层与所述内部容器间的第二尺寸比值；

确定所述可绘制元素属性组中动画绘制数据与所述动画图层间的第三尺寸比值；

根据所述第一尺寸比值、第二尺寸比值和第三尺寸比值确定缩放比值。

11.根据权利要求10所述的方法，其特征在于，所述方法还包括：

当节点树中节点所对应的比值发生变化时，获取变化后的缩放比值；所述节点树由所述外部容器、内部容器、动画图层、可绘制元素属性组和所述可绘制元素属性组中的动画绘制数据构成；

按照所述缩放比值对缓存的所述动画渲染数据的尺寸进行调整；或者，

获取输入的缩放比值，根据输入的所述缩放比值对缓存的所述动画渲染数据的尺寸进行调整。

12.根据权利要求8所述的方法，其特征在于，所述方法还包括：

当所述动画文件中包括有多个动画图层、且各所述动画图层中所包含的矢量图相同但尺寸不同时，则

获取尺寸最大的矢量图所对应的动画渲染数据；

所述将所述动画渲染数据进行缓存包括：

将尺寸最大的矢量图所对应的动画渲染数据进行缓存。

13.根据权利要求1至12任一项所述的方法，其特征在于，所述根据读取的所述起始动画绘制数据进行动画渲染之后，所述方法还包括：

当所述动画文件包括有预合成属性组时，确定所述预合成属性组中包含第一目标动画渲染数据的动画区域；

当所述动画区域中包含的非动画渲染数据区域的尺寸达到预设条件时，则确定包含第二目标动画渲染数据的最小动画区域；所述第一目标动画渲染数据为所述第二目标动画渲染数据中的一部分；

确定所获取的动画区域与所述最小动画区域之间的交集区域；

将所述交集区域确定为所述预合成属性组的动画区域。

14.一种动画渲染装置，其特征在于，所述装置包括：

文件获取模块，用于获取目标格式的动画文件；

确定模块，用于确定从所述动画文件解码所得的符合静止条件的动画绘制数据区间；

数据缓存模块，用于缓存所述动画绘制数据区间中的起始动画绘制数据；

数据读取模块，用于当所述动画文件在播放过程中待播放帧所对应的动画绘制数据符合所述静止条件时，读取缓存的与所述待播放帧对应的起始动画绘制数据；

动画渲染模块，用于根据读取的所述起始动画绘制数据进行动画渲染。

15.一种计算机可读存储介质，存储有计算机程序，所述计算机程序被处理器执行时，使得所述处理器执行如权利要求1至13中任一项所述方法的步骤。

16.一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述计算机程序被所述处理器执行时，使得所述处理器执行如权利要求1至13中任一项所述方法的步骤。

Images