CN109242934A - 一种动画代码的生成方法及设备 - Google Patents

Abstract

本申请公开了一种动画代码的生成方法及设备，包括：在获取动画的源文件时，基于所述源文件可以解析出动画元素和所述动画元素对应的动画流，该动画流中包含所述动画元素在不同时刻的动画状态与时间属性和/或业务属性之间的映射关系；将所述动画流输入动画代码转换器，通过所述动画代码转换器对所述动画流进行处理，得到所述动画的动画代码。通过解析动画中包含的动画流，并利用动画代码转换器，将动画流自动化地还原成设计的动画，快速地得到动画代码，有效缩短了动画代码的生成时间，并且能够有效保证动画代码所对应的动画与设计的动画的一致性，有效地提升了网页在动画制作领域的处理效率。

Description

一种动画代码的生成方法及设备

技术领域

本申请涉及互联网信息处理技术以及计算机技术领域，尤其涉及一种动画代码的生成方法及设备。

背景技术

随着科学技术以及计算机技术的发展，在网页(或者APP应用)中除了文本、图片等静态表现形式之外，还出现了动画这种动态表现形式。动画作为一种艺术表现形式，极大地丰富了人们的生产和生活。

通常动画设计师利用动画设计软件设计出动画，再由网页(或者APP)开发者根据设计出的动画，编辑能够在网页(或者APP)中以动画形式展示的动画代码。这样，用户在请求加载网页后，如果网页中包含动画内容，那么可以通过运行与该动画内容相关的动画代码以实现动画内容的加载，用户可以在加载的网页中浏览到动画形式的动画内容。

然而，在实际应用中，当根据设计出的动画编辑能够在网页(或者APP)中以动画形式展示的动画代码时，由于视觉差异，网页(或者APP)开发者无法对动画设计师设计的动画中的动效参数(即动画元素的运动效果参数)进行量化，进而导致所编辑的动画代码不能够精确的还原动画设计者所设计的动画，使得加载显示的动画内容与设计师设计出的动画在展现效果上存在差异。

为了克服上述问题，需要网页(或者APP)开发者反复对所编辑的动画代码进行修改，这样就使得动画代码的生成时间周期比较长，进而使得网页开发效率比较低。

发明内容

有鉴于此，本申请实施例提供了一种动画代码的生成方法及设备，用于解决现有技术中存在的动画代码生成时间周期长导致网页开发效率比较低的问题。

本申请实施例采用下述技术方案：

本申请实施例提供一种动画代码的生成方法，包括：

获取动画的源文件，所述源文件是从动画设计软件或工具导出的文件；

基于所述源文件，解析所述动画中包含的动画元素以及所述动画元素对应的动画流，所述动画流中包含所述动画元素在不同时刻的动画状态与时间属性和/或业务属性之间的映射关系；

将所述动画流输入动画代码转换器；

通过所述动画代码转换器对所述动画流进行处理，得到所述动画的动画代码。

本申请实施例还提供一种动画处理方法，包括：

接收动画流，所述动画流通过对动画的源文件进行解析得到，所述源文件是从动画设计软件或工具导出的文件，所述动画流中包含所述动画元素在不同时刻的动画状态与时间属性和/或业务属性之间的映射关系；

利用渲染引擎对所述动画流进行处理，得到所述动画的动画代码。

本申请实施例还提供一种动画处理设备，包括：

获取单元，获取动画的源文件，所述源文件是从动画设计软件或工具导出的文件；

解析单元，基于所述源文件，解析所述动画中包含的动画元素以及所述动画元素对应的动画流，所述动画流中包含所述动画元素在不同时刻的动画状态与时间属性和/或业务属性之间的映射关系；

处理单元，将所述动画流输入动画代码转换器；并通过所述动画代码转换器对所述动画流进行处理，得到所述动画的动画代码。

本申请实施例还提供一种动画处理设备，包括：

接收单元，接收动画流，所述动画流通过对动画的源文件进行解析得到，所述源文件是从动画设计软件或工具导出的文件，所述动画流中包含所述动画元素在不同时刻的动画状态与时间属性和/或业务属性之间的映射关系；

处理单元，利用渲染引擎对所述动画流进行处理，得到所述动画的动画代码。

本申请实施例还提供了一种动画处理设备，包括至少一个存储器和至少一个处理器，其中，所述存储器中存储有程序，并被配置成由所述处理器执行以下步骤：

获取动画的源文件，所述源文件是从动画设计软件或工具导出的文件；

基于所述源文件，解析所述动画中包含的动画元素以及所述动画元素对应的动画流，所述动画流中包含所述动画元素在不同时刻的动画状态与时间属性和/或业务属性之间的映射关系；

将所述动画流输入动画代码转换器；

通过所述动画代码转换器对所述动画流进行处理，得到所述动画的动画代码。

本申请实施例还提供了一种动画处理设备，包括至少一个存储器和至少一个处理器，其中，所述存储器中存储有程序，并被配置成由所述处理器执行以下步骤：

接收动画流，所述动画流通过对动画的源文件进行解析得到，所述源文件是从动画设计软件或工具导出的文件，所述动画流中包含所述动画元素在不同时刻的动画状态与时间属性和/或业务属性之间的映射关系；

利用渲染引擎对所述动画流进行处理，得到所述动画的动画代码。

本申请实施例采用的上述至少一个技术方案能够达到以下有益效果：

本申请实施例所提供的技术方案，在获取动画的源文件时，基于所述源文件可以解析出动画元素和所述动画元素对应的动画流，该动画流中包含所述动画元素在不同时刻的动画状态与时间属性和/或业务属性之间的映射关系；将所述动画流输入动画代码转换器，通过所述动画代码转换器对所述动画流进行处理，得到所述动画的动画代码。通过解析动画中包含的动画流，并利用动画代码转换器，将动画流自动化地还原成设计的动画，快速地得到动画代码，有效缩短了动画代码的生成时间，并且能够有效保证动画代码所对应的动画与设计的动画的一致性，有效地提升了网页在动画制作领域的处理效率。

附图说明

此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1为本申请实施例提供的一种动画代码的生成方法的流程示意图；

图2为本申请实施例提供的一种动画代码的生成方法的流程示意图；

图3为本申请实施例提供的一种动画代码的生成方法的流程示意图；

图4为本申请实施例提供的一种动画代码的生成设备的结构示意图；

图5为本申请实施例提供的一种动画代码的生成设备的结构示意图。

具体实施方式

为了实现本申请的目的，本申请实施例提供了一种动画代码的生成方法及设备。在本申请实施例所提供的技术方案中，通过解析动画中包含的动画流，并利用动画代码转换器，将动画流自动化地还原成设计的动画，快速地得到动画代码，有效缩短了动画代码的生成时间，并且能够有效保证动画代码所对应的动画与设计的动画的一致性，有效地提升了网页在动画制作领域的处理效率。

为使本申请的目的、技术方案和优点更加清楚，下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

以下结合附图，详细说明本申请各实施例提供的技术方案。

图1为本申请实施例提供的一种动画代码的生成方法的流程示意图。所述方法可以如下所示。本申请实施例的执行主体为动画处理设备，该动画处理设备可以与动画设计软件或者工具之间建立数据连接，这样能够在从动画设计软件或者工具中获取到动画的源文件，进而基于获取到的动画源文件快速地输出该动画的动画代码。

需要说明的是，这里记载的动画处理设备可以理解为动画代码的生成设备，也可以理解为不仅包含动画代码的生成功能，还包含动画代码的播放功能，这里不做具体限定。

步骤101：获取动画的源文件。

在本申请实施例中，动画设计者通过动画设计软件或工具设计出动画，在通过设计软件或者工具设计出动画后，可得到针对该动画的源文件。也就是说，通过支持该源文件对应格式的软件可以浏览所设计出的动画。

这里所记载的动画的源文件可以理解为从动画设计软件或者工具中导出的文件，即根据动画设计过程中产生的动画数据形成的文件。需要说明的是，动画设计过程中产生的动画数据和后续记载生成的动画代码属于不同格式的数据。

具体地，动画处理设备可以通过与动画设计软件或者工具之间建立的数据传输通道，从动画设计软件或者工具中获取动画的源文件。

再者，动画设计者在通过动画设计软件或者工具设计出动画后，可以从动画设计软件或者工具中导出该动画的源文件，并将该动画的源文件发送给动画处理设备，这样，动画处理设备即可获取动画的源文件；或者，在从动画设计软件或者工具中导出该动画的源文件后，由动画设计者将该动画的源文件提供给网页(或者APP)开发者，由其将得到的该动画的源文件输入至动画处理设备中，这样，动画处理设备也可以获取到动画的源文件。

在本申请实施例中，对于如何获取动画的源文件不做具体限定。

步骤102：基于所述源文件，解析所述动画中包含的动画元素以及所述动画元素对应的动画流。

其中，所述动画流中包含所述动画元素在不同时刻的动画状态与时间属性和/或业务属性之间的映射关系。

在本申请实施例中，可以通过对所述源文件的解析，得到所述动画中包含的动画元素以及所述动画元素对应的动画流。

具体地，按照设定的描述语言，将所述源文件转换成为所述设定的描述语言对应的标准文件；解析所述标准文件，得到所述动画中包含的动画元素以及所述动画元素对应的动画流。

这里所记载的设定的描述语言可以为JSON(JavaScript Object Notation)语言，该JSON语言属于一种轻量级的数据交换格式；还可以是其他语言形式，这里不做具体限定。

在本申请实施例中以设定的描述语言为JSON语言为例进行说明。

基于JSON语言，可以定义动画设计过程中的各种参数，例如：舞台参数、剪辑参数、动画序列参数、动画状态参数等等。这里的剪辑参数用于确定剪辑动画元素的最小单元。

那么在将所述源文件转换成为所述设定的描述语言对应的标准文件时，可以基于定义的各种参数，对所述源文件中包含的动画的设计内容进行转换，进而得到JSON文件。进而，通过对JSON文件的解析，可得到所述动画中包含的动画元素以及所述动画元素对应的动画流。

这里所记载的动画流所包含的时间属性可以理解为时间帧、时刻等等，这里不做具体限定；这里所记载的动画流中包含的业务属性可以理解为在某一个动画流中是否需要与用户之间进行数据交互。

具体地，得到所述动画中包含的动画元素以及所述动画元素对应的动画流，包括：

确定所述源文件中包含的动画元素；

针对不同的所述动画元素，分别执行以下操作：

通过剪辑的方式，从所述源文件中剪辑得到所述动画元素的动画帧序列，所述动画帧序列中包含所述动画元素在不同时刻的动画状态；

根据所述动画帧序列，得到所述动画元素对应的动画流。

这里“从所述源文件中剪辑得到所述动画元素的动画帧序列”可以按照JSON文件中包含的剪辑参数，剪辑得到所述动画元素的动画帧序列。

例如：在源文件所描述的动画中包含正在飞翔的小鸟，那么该小鸟就是源文件中包含的动画元素，小鸟在不同时刻的飞翔状态就是该小鸟的动作状态。那么若剪辑参数中包含剪辑时间，那么按照剪辑时间可以剪辑得到小鸟对应的动画帧序列，这里的动画帧序列可以采用数组的方式表示，例如：{【t1，D1】；【t2，D2】；【t3，D3】；……；【ti，Di】；……；【tn，Dn】}，其中，【ti，Di】表示在ti时刻小鸟的动作状态为Di。

具体地，根据所述动画帧序列，得到所述动画元素对应的动画流，包括：

根据所述动画帧序列，确定所述动画元素在不同时刻的动画状态；

针对所述动画元素在不同时刻的动画状态，执行以下操作：

若确定该时刻的动画状态与业务无关，那么建立动画状态与该时刻之间的映射关系；

若确定该时刻的动画状态与业务相关，那么建立动画状态、该时刻以及业务属性之间的映射关系；

在得到不同时刻对应的所述映射关系时，根据所述映射关系，得到所述动画元素对应的动画流。

再例如：仍以源文件所描述的动画中包含正在飞翔的小鸟为例。按照上述方式在得到小鸟对应的动画帧序列，这里的动画帧序列可以采用数组的方式表示，例如：{【t1，D1】；【t2，D2】；【t3，D3】；……；【ti，Di】；……；【tn，Dn】}。针对其中一个时刻，判断该时刻的动画状态是否与业务有关(或者是否需要与用户之间发生交互)，如果需要，则建立动画状态、时刻以及业务属性之间的映射关系，例如：第三时刻，判断结果是需要，那么第三时刻对应的动画帧为【t3，D3，S3】；如果不需要，则建立动画状态与时刻之间的映射关系，例如：第n时刻，判断结果是不需要，那么建立第n时刻对应的动画帧为【tn，Dn】。

较优地，一个动画还包含多个图层，即某一个时刻的动画帧包含多个动画元素，不同的动画元素可以分布在不同的图层中。仍以上述实例为例。这里假设该动画中包含三个图层，第一图层是背景蓝天，第二图层是云朵，云朵的移动速度小于小鸟的移动速度，第三图层是小鸟。

按照上述记载的方式，在对该源文件进行分析之后，确定的动画元素有三个：一个是蓝天、一个是云朵，一个是小鸟。那么分别针对不同的动画元素确定其对应的动画流：对于“蓝天”这一动画元素，由于作为背景，那么该蓝天对应的动画流为{【t1，D1】；【t2，D1】；【t3，D1】；……；【ti，D1】；……；【tn，D1】}，说明在t1～tn这一个时间段内，蓝天是不发生变化的。

对于“云朵”这一动画元素，该“云朵”对应的动画流为{{【t1，D1】；【t2，D2】}、{【t6，D1】；【t7，D2】}、……、{【ti，D1】；【ti+1，D2】}、……、{【tn，D1】；【tn+1，D2】}}，说明在t1～tn这一个时间段内，云朵不是连续出现的，且云朵的动作状态也是发生变化的。

对于“小鸟”这一动画元素，该“小鸟”对应的动画流为{【t1，D1】；【t2，D2】；【t3，D3】；……；【ti，Di】；……；【tn，Dn】}，说明在t1～tn这一个时间段内，小鸟处于飞翔状态，在飞翔的过程中小鸟的动作状态也是变化的。

步骤103：将所述动画流输入动画代码转换器。

在本申请实施例中，将步骤102中分析得到的该动画中包含的动画元素对应的动画流依次输入至动画代码转换器。

需要说明的是，这里的动画代码转换器可以是之前描述的动画处理设备的一部分，也可以是与动画处理设备独立的设备，这里不做具体限定。本申请实施例中记载的动画代码转换器中可以包含动画播放功能，也可以不包含动画播放功能，这里不做具体限定。

步骤104：通过所述动画代码转换器对所述动画流进行处理，得到所述动画的动画代码。

在本申请实施例中，首先，通过所述动画代码转换器中的渲染引擎对所述动画流进行渲染，确定不同所述动画流之间的从属关系。

若动画代码转换器中不包含动画播放器，那么通过所述动画代码转换器中的渲染引擎对所述动画流进行渲染，确定不同所述动画流之间的从属关系。

若动画代码转换器中包含动画播放器，那么通过所述动画代码转换器中的渲染引擎对所述动画流进行渲染，并播放渲染得到的动画片段；

通过播放的所述动画片段，确定不同所述动画流之间的从属关系。

具体地，动画播放器在接收到动画流后，启动渲染引擎，由渲染引擎对接收到的动画流进行解析，并根据动画流所对应的动画元素在动画中的关联关系，生成针对该动画的渲染树，按照该渲染树播放该动画。

在播放该动画时，可以为每一个动画流映射得到一个动效参数，这个动效参数能够保证在网页(或者APP)中展现的动画与设计出的动画一致。

例如：仍以上述记载的事实为例进行说明。在播放小鸟在蓝天中飞翔这一段动画时，可以根据该蓝天对应的动画流{【t1，D1】；【t2，D1】；【t3，D1】；……；【ti，D1】；……；【tn，D1】}生成动效参数1，也就是说，动效参数1能够说明在该动画中蓝天的动作特效；可以根据该“云朵”对应的动画流{{【t1，D1】；【t2，D2】}、{【t6，D1】；【t7，D2】}、……、{【ti，D1】；【ti+1，D2】}、……、{【tn，D1】；【tn+1，D2】}}生成动效参数2，也就是说，动效参数2能够表征该动画中云朵的动作特效；可以根据“小鸟”对应的动画流为{【t1，D1】；【t2，D2】；【t3，D3】；……；【ti，Di】；……；【tn，Dn】}生成动效参数3，也就是说，动效参数3能够表征该动画中小鸟的动作特效。

这样，在得到不同动画元素对应的动效参数(也可以称之为动画流)后，可以基于这些动效参数得到该动画的动画代码。在网页(或者APP)中运行该动画代码所得到的动画与设计出的动画一致，有效保证了动画质量。

其次，根据所述从属关系和不同的所述动画元素对应的动画流，通过编译方式得到所述动画的动画代码。

具体地，在编译包含动画状态、时刻以及业务属性之间的映射关系的动画流时，接收用户发送的交互数据；根据所述交互数据和所述动画流，编译得到所述动画流对应的动画代码。

需要说明的是，本申请实施例中记载的对动画流进行处理可以在线上实现，也可以在线下实现，即通过线下的所述动画代码转换器中的渲染引擎对所述动画流进行渲染，确定不同所述动画流之间的从属关系；

根据所述从属关系和不同的所述动画元素对应的动画流，通过编译方式得到所述动画的动画代码。

较优地，将得到的所述动画的动画代码发送给线上的动画播放器，使所述线上的动画播放器根据接收到的所述动画代码播放动画。

较优地，在实际应用中，有些动画不需要与用户之间进行交互，而有些动画需要与用户之间进行交互，用户所发送的交互数据不同，可能影响后续动画内容的调整。在本申请实施例中，在播放被渲染的所述动画流的过程中，所述方法还包括：

接收到用户发送的交互数据；

确定所述交互数据与所述动画流之间的映射关系。

为了保证所生成动画代码能够有效体现动画内容与业务属性之间的灵活关系，假设在动画播放器播放动画的过程中，接收到用户发送的交互数据，那么动画播放器可以根据用户发送的交互数据，选择与该交互数据相匹配的动画流进行渲染播放，此时可以建立交互数据与所述动画流之间的映射关系，这样，在生成动画代码时，在该动画流对应的动画代码中将包含交互数据的内容。

需要说明的是，本申请实施例中记载的动画动态包含所述动画元素的位置、大小、显示的颜色、颜色的透明度、旋转角度中的一种或者多种。

通过本申请实施例提供的技术方案，在获取动画的源文件时，基于所述源文件可以解析出动画元素和所述动画元素对应的动画流，该动画流中包含所述动画元素在不同时刻的动画状态与时间属性和/或业务属性之间的映射关系；将所述动画流输入动画代码转换器，通过所述动画代码转换器对所述动画流进行处理，得到所述动画的动画代码。通过解析动画中包含的动画流，并利用动画代码转换器，将动画流自动化地还原成设计的动画，快速地得到动画代码，有效缩短了动画代码的生成时间，并且能够有效保证动画代码所对应的动画与设计的动画的一致性，有效地提升了网页在动画制作领域的处理效率。

图2为本申请实施例提供的一种动画代码的生成方法的流程示意图。所述方法可以如下所示。本申请实施例的执行主体为动画代码转换器，该动画代码转换器能够从动画设计软件或者上述记载的动画处理设备中获取动画流，在对动画流进行处理之后，输出动画流对应动画的动画代码。

步骤201：接收动画流，所述动画流通过对动画的源文件进行解析得到，所述源文件是从动画设计软件或工具导出的文件，所述动画流中包含所述动画元素在不同时刻的动画状态与时间属性和/或业务属性之间的映射关系。

这里对于动画的源文件进行解析的方式可以参见上述实施例中步骤102中所记载的方式，这里不再一一赘述。

步骤202：利用渲染引擎对所述动画流进行处理，得到所述动画的动画代码。

在本申请实施例中，通过渲染引擎对所述动画流进行渲染，确定不同所述动画流之间的从属关系；

根据所述从属关系和不同的所述动画元素对应的动画流，通过编译方式得到所述动画的动画代码。

具体实现方式可以参见上述实施例步骤104中记载的内容，这里不再一一赘述。

需要说明的是，动画代码转换器可以对接收到的动画流进行实时处理，在实时处理过程中，可以与用户之间进行交互，这样通过交互的动态反馈，得到该动画不同分支的动画代码。动画代码转换器也可以采用离线方式(即不与用户进行交互)，对接收到的动画流进行编译，得到该动画流对应的动画的动画代码，这里不做具体限定。

图3为本申请实施例提供的一种动画代码的生成方法的流程示意图。所述方法可以如下所示。

步骤301：动画设计软件或者工具设计出动画，并得到该动画的源文件。

步骤302：动画设计软件或者工具将该动画的源文件发送给动画处理设备。

步骤303：动画处理设备在接收到动画的源文件时，启动转换插件，由该转换插件对动画的源文件进行解析。

这里的转换插件与上述实施例中记载的动画代码转换器不同，这里的转换插件可以按照设定的描述语言，对该动画的源文件进行处理，得到该设定的描述语言对应的标准文件，进而对该标准文件进行解析，可得到所述动画中包含的动画元素以及所述动画元素对应的动画流，所述动画流中包含所述动画元素在不同时刻的动画状态与时间属性和/或业务属性之间的映射关系。

步骤304：动画处理设备根据该转换插件的解析结果，得到该动画中包含的动画元素和所述动画元素对应的动画流。

步骤305：动画处理设备将动画流发送给动画代码转换器。

步骤306：利用渲染引擎对所述动画流进行渲染处理，并播放渲染得到的动画流对应的动画片段。

步骤307：根据所述动画片段，输出所述动画对应的动画代码。

图4为本申请实施例提供的一种动画代码的生成设备的结构示意图。所述动画代码的生成设备包括：获取单元401、解析单元402和处理单元403，其中：

获取单元401，获取动画的源文件，所述源文件是从动画设计软件或工具导出的文件；

解析单元402，基于所述源文件，解析所述动画中包含的动画元素以及所述动画元素对应的动画流，所述动画流中包含所述动画元素在不同时刻的动画状态与时间属性和/或业务属性之间的映射关系；

处理单元403，将所述动画流输入动画代码转换器；并通过所述动画代码转换器对所述动画流进行处理，得到所述动画的动画代码。

在本申请的另一个实施例中，所述解析单元402基于所述源文件，解析所述动画中包含的动画元素以及所述动画元素对应的动画流，包括：

按照设定的描述语言，将所述源文件转换成为所述设定的描述语言对应的标准文件；

解析所述标准文件，得到所述动画中包含的动画元素以及所述动画元素对应的动画流。

在本申请的另一个实施例中，所述解析单元402基于所述源文件，解析所述动画中包含的动画元素以及所述动画元素对应的动画流，包括：

确定所述源文件中包含的动画元素；

针对不同的所述动画元素，分别执行以下操作：

通过剪辑的方式，从所述源文件中剪辑得到所述动画元素的动画帧序列，所述动画帧序列中包含所述动画元素在不同时刻的动画状态；

根据所述动画帧序列，得到所述动画元素对应的动画流。

在本申请的另一个实施例中，所述解析单元402根据所述动画帧序列，得到所述动画元素对应的动画流，包括：

根据所述动画帧序列，确定所述动画元素在不同时刻的动画状态；

针对所述动画元素在不同时刻的动画状态，执行以下操作：

若确定该时刻的动画状态与业务无关，那么建立动画状态与该时刻之间的映射关系；

若确定该时刻的动画状态与业务相关，那么建立动画状态、该时刻以及业务属性之间的映射关系；

在得到不同时刻对应的所述映射关系时，根据所述映射关系，得到所述动画元素对应的动画流。

在本申请的另一个实施例中，所述处理单元403通过所述动画代码转换器对所述动画流进行处理，得到所述动画的动画代码，包括：

通过所述动画代码转换器中的渲染引擎对所述动画流进行渲染，确定不同所述动画流之间的从属关系；

根据所述从属关系和不同的所述动画元素对应的动画流，通过编译方式得到所述动画的动画代码。

在本申请的另一个实施例中，所述处理单元403通过所述动画代码转换器中的渲染引擎对所述动画流进行渲染，确定不同所述动画流之间的从属关系，包括：

通过所述动画代码转换器中的渲染引擎对所述动画流进行渲染，并播放渲染得到的动画片段；

通过播放的所述动画片段，确定不同所述动画流之间的从属关系。

在本申请的另一个实施例中，所述处理单元403通过编译方式得到所述动画的动画代码，包括：

在编译包含动画状态、时刻以及业务属性之间的映射关系的动画流时，接收用户发送的交互数据；

根据所述交互数据和所述动画流，编译得到所述动画流对应的动画代码。

在本申请的另一个实施例中，所述处理单元403通过所述动画代码转换器对所述动画流进行处理，得到所述动画的动画代码，包括：

通过线下的所述动画代码转换器中的渲染引擎对所述动画流进行渲染，确定不同所述动画流之间的从属关系；

根据所述从属关系和不同的所述动画元素对应的动画流，通过编译方式得到所述动画的动画代码。

在本申请的另一个实施例中，所述生成设备还包括：播放单元404，其中：

所述播放单元，将得到的所述动画的动画代码发送给线上的动画播放器，使所述线上的动画播放器根据接收到的所述动画代码播放动画。

在本申请的另一个实施例中，所述动画状态包含所述动画元素的位置、大小、显示的颜色、颜色的透明度、旋转角度中的一种或者多种。

需要说明的是，本申请实施例所提供的动画处理设备可以通过软件方式实现，也可以通过硬件方式实现，这里不做具体限定。通过解析动画中包含的动画流，并利用动画代码转换器，将动画流自动化地还原成设计的动画，快速地得到动画代码，有效缩短了动画代码的生成时间，并且能够有效保证动画代码所对应的动画与设计的动画的一致性，有效地提升了网页在动画制作领域的处理效率。

基于同一个发明构思，本申请实施例还提供了一种动画代码的生成设备，其特征在于，包括至少一个存储器和至少一个处理器，其中，所述存储器中存储有程序，并被配置成由所述处理器执行以下步骤：

获取动画的源文件，所述源文件是从动画设计软件或工具导出的文件；

基于所述源文件，解析所述动画中包含的动画元素以及所述动画元素对应的动画流，所述动画流中包含所述动画元素在不同时刻的动画状态与时间属性和/或业务属性之间的映射关系；

将所述动画流输入动画代码转换器；

通过所述动画代码转换器对所述动画流进行处理，得到所述动画的动画代码。

处理器所具体的其他功能可以参见上述实施例，这里不再一一赘述。

图5为本申请实施例提供的一种动画处理设备的结构示意图。所述动画处理设备包括：接收单元501和处理单元502，其中：

接收单元501，接收动画流，所述动画流通过对动画的源文件进行解析得到，所述源文件是从动画设计软件或工具导出的文件，所述动画流中包含所述动画元素在不同时刻的动画状态与时间属性和/或业务属性之间的映射关系；

处理单元502，利用渲染引擎对所述动画流进行处理，得到所述动画的动画代码。

在本申请的另一个实施例中，所述处理单元502利用渲染引擎对所述动画流进行处理，得到所述动画的动画代码，包括：

通过渲染引擎对所述动画流进行渲染，确定不同所述动画流之间的从属关系；

根据所述从属关系和不同的所述动画元素对应的动画流，通过编译方式得到所述动画的动画代码。

需要说明的是，本申请实施例提供的动画处理设备可以称之为动画代码转换器，可以通过软件方式实现，也可以通过硬件方式实现，这里不做具体限定。有效缩短了动画代码的生成时间，并且能够有效保证动画代码所对应的动画与设计的动画的一致性，有效地提升了网页在动画制作领域的处理效率。

基于同一个发明构思，本申请实施例还提供了一种动画代码的生成设备，包括至少一个存储器和至少一个处理器，其中，所述存储器中存储有程序，并被配置成由所述处理器执行以下步骤：

接收动画流，所述动画流通过对动画的源文件进行解析得到，所述源文件是从动画设计软件或工具导出的文件，所述动画流中包含所述动画元素在不同时刻的动画状态与时间属性和/或业务属性之间的映射关系；

利用渲染引擎对所述动画流进行处理，得到所述动画的动画代码。

处理器所具体的其他功能可以参见上述实施例，这里不再一一赘述。

上述实施例阐明的系统、装置、模块或单元，具体可以由计算机芯片或实体实现，或者由具有某种功能的产品来实现。一种典型的实现设备为计算机。具体的，计算机例如可以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。

为了描述的方便，描述以上装置时以功能分为各种单元分别描述。当然，在实施本申请时可以把各单元的功能在同一个或多个软件和/或硬件中实现。

本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。

本申请可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本申请，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

以上所述仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

Claims (17)

1.一种动画代码的生成方法，其特征在于，包括：

获取动画的源文件，所述源文件是从动画设计软件或工具导出的文件；

基于所述源文件，解析所述动画中包含的动画元素以及所述动画元素对应的动画流，所述动画流中包含所述动画元素在不同时刻的动画状态与时间属性和/或业务属性之间的映射关系；

将所述动画流输入动画代码转换器；

通过所述动画代码转换器对所述动画流进行处理，得到所述动画的动画代码。

2.根据权利要求1所述的动画代码的生成方法，其特征在于，基于所述源文件，解析所述动画中包含的动画元素以及所述动画元素对应的动画流，包括：

按照设定的描述语言，将所述源文件转换成为所述设定的描述语言对应的标准文件；

解析所述标准文件，得到所述动画中包含的动画元素以及所述动画元素对应的动画流。

3.根据权利要求1所述的动画代码的生成方法，其特征在于，基于所述源文件，解析所述动画中包含的动画元素以及所述动画元素对应的动画流，包括：

确定所述源文件中包含的动画元素；

针对不同的所述动画元素，分别执行以下操作：

通过剪辑的方式，从所述源文件中剪辑得到所述动画元素的动画帧序列，所述动画帧序列中包含所述动画元素在不同时刻的动画状态；

根据所述动画帧序列，得到所述动画元素对应的动画流。

4.根据权利要求3所述的动画代码的生成方法，其特征在于，根据所述动画帧序列，得到所述动画元素对应的动画流，包括：

根据所述动画帧序列，确定所述动画元素在不同时刻的动画状态；

针对所述动画元素在不同时刻的动画状态，执行以下操作：

若确定该时刻的动画状态与业务无关，则建立动画状态与该时刻之间的映射关系；

若确定该时刻的动画状态与业务相关，则建立动画状态、该时刻以及业务属性之间的映射关系；

在得到不同时刻对应的所述映射关系时，根据所述映射关系，得到所述动画元素对应的动画流。

5.根据权利要求1至4任一项所述的动画代码的生成方法，其特征在于，通过所述动画代码转换器对所述动画流进行处理，得到所述动画的动画代码，包括：

通过所述动画代码转换器中的渲染引擎对所述动画流进行渲染，确定不同所述动画流之间的从属关系；

根据所述从属关系和不同的所述动画元素对应的动画流，通过编译方式得到所述动画的动画代码。

6.根据权利要求5所述的动画代码的生成方法，其特征在于，通过所述动画代码转换器中的渲染引擎对所述动画流进行渲染，确定不同所述动画流之间的从属关系，包括：

通过所述动画代码转换器中的渲染引擎对所述动画流进行渲染，并播放渲染得到的动画片段；

通过播放的所述动画片段，确定不同所述动画流之间的从属关系。

7.根据权利要求5所述的动画代码的生成方法，其特征在于，通过编译方式得到所述动画的动画代码，包括：

在编译包含动画状态、时刻以及业务属性之间的映射关系的动画流时，接收用户发送的交互数据；

根据所述交互数据和所述动画流，编译得到所述动画流对应的动画代码。

8.根据权利要求1至4任一项所述的动画代码的生成方法，其特征在于，通过所述动画代码转换器对所述动画流进行处理，得到所述动画的动画代码，包括：

通过线下的所述动画代码转换器中的渲染引擎对所述动画流进行渲染，确定不同所述动画流之间的从属关系；

根据所述从属关系和不同的所述动画元素对应的动画流，通过编译方式得到所述动画的动画代码。

9.根据权利要求8所述的动画代码的生成方法，其特征在于，所述方法还包括：

将得到的所述动画的动画代码发送给线上的动画播放器，使所述线上的动画播放器根据接收到的所述动画代码播放动画。

10.根据权利要求1所述的动画代码的生成方法，其特征在于，所述动画状态包含所述动画元素的位置、大小、显示的颜色、颜色的透明度、旋转角度中的一种或者多种。

11.一种动画代码的生成方法，其特征在于，包括：

接收动画流，所述动画流通过对动画的源文件进行解析得到，所述源文件是从动画设计软件或工具导出的文件，所述动画流中包含所述动画元素在不同时刻的动画状态与时间属性和/或业务属性之间的映射关系；

利用渲染引擎对所述动画流进行处理，得到所述动画的动画代码。

12.根据权利要求11所述的动画代码的生成方法，其特征在于，利用渲染引擎对所述动画流进行处理，得到所述动画的动画代码，包括：

通过渲染引擎对所述动画流进行渲染，确定不同所述动画流之间的从属关系；

根据所述从属关系和不同的所述动画元素对应的动画流，通过编译方式得到所述动画的动画代码。

13.一种动画代码的生成设备，其特征在于，包括：

获取单元，获取动画的源文件，所述源文件是从动画设计软件或工具导出的文件；

解析单元，基于所述源文件，解析所述动画中包含的动画元素以及所述动画元素对应的动画流，所述动画流中包含所述动画元素在不同时刻的动画状态与时间属性和/或业务属性之间的映射关系；

处理单元，将所述动画流输入动画代码转换器；并通过所述动画代码转换器对所述动画流进行处理，得到所述动画的动画代码。

14.一种动画代码的生成设备，其特征在于，包括：

接收单元，接收动画流，所述动画流通过对动画的源文件进行解析得到，所述源文件是从动画设计软件或工具导出的文件，所述动画流中包含所述动画元素在不同时刻的动画状态与时间属性和/或业务属性之间的映射关系；

处理单元，利用渲染引擎对所述动画流进行处理，得到所述动画的动画代码。

15.根据权利要求14所述的动画代码的生成设备，其特征在于，所述处理单元利用渲染引擎对所述动画流进行处理，得到所述动画的动画代码，包括：

通过渲染引擎对所述动画流进行渲染，确定不同所述动画流之间的从属关系；

根据所述从属关系和不同的所述动画元素对应的动画流，通过编译方式得到所述动画的动画代码。

16.一种动画代码的生成设备，其特征在于，包括至少一个存储器和至少一个处理器，其中，所述存储器中存储有程序，并被配置成由所述处理器执行以下步骤：

获取动画的源文件，所述源文件是从动画设计软件或工具导出的文件；

基于所述源文件，解析所述动画中包含的动画元素以及所述动画元素对应的动画流，所述动画流中包含所述动画元素在不同时刻的动画状态与时间属性和/或业务属性之间的映射关系；

将所述动画流输入动画代码转换器；

通过所述动画代码转换器对所述动画流进行处理，得到所述动画的动画代码。

17.一种动画代码的生成设备，其特征在于，包括至少一个存储器和至少一个处理器，其中，所述存储器中存储有程序，并被配置成由所述处理器执行以下步骤：

接收动画流，所述动画流通过对动画的源文件进行解析得到，所述源文件是从动画设计软件或工具导出的文件，所述动画流中包含所述动画元素在不同时刻的动画状态与时间属性和/或业务属性之间的映射关系；

利用渲染引擎对所述动画流进行处理，得到所述动画的动画代码。