CN109766150A - 交互式动画的实现方法、装置和终端设备 - Google Patents

Abstract

本申请实施例提供了一种交互式动画的实现方法、装置和终端设备，所述方法包括：获得动画解析渲染引擎可识别的描述性资源，并利用动画解析渲染引擎对所述描述性资源进行渲染生成动画；令所述动画解析渲染引擎根据所述描述性资源进行解析获得交互方案，并将所述交互方案与应用程序的交互逻辑结合；播放所述生成的动画以及运行结合所述交互方案的所述应用程序的交互逻辑。本申请实施例更加高效、灵活的实现交互式动画更新，提高了开发效率。

Description

交互式动画的实现方法、装置和终端设备

技术领域

本申请实施例涉及互联网技术领域，尤其涉及一种交互式动画的实现方法、装置和终端设备。

背景技术

在移动互联网中，应用程序(App)经常会设计一些比较炫酷的动画效果来增加产品的趣味性和美观性。交互式动画是指在动画作品播放时支持事件响应和交互功能的一种动画，也就是说，动画播放时可以接受某种控制。这种控制可以是动画播放者的某种操作，也可以是在动画制作时预先准备的操作。这种交互性提供了观众参与和控制动画播放内容的手段，使观众由被动接受变为主动选择。因此，交互式动画越来越多的应用在应用程序中。

但是通常的交互式动画需要定期进行更新，但动画开发者必须要发版才能支持更新后的动画。动画开发者对动画细节的打磨耗时繁琐，且不具有技术价值。动画开发者所设计的动画重用率较低，导致开发效率低下。因此，交互式动画的更新实现非常复杂，不灵活，效率低。如果应用程序(App)中存在大量交互式动画效果，采用常规的开发方式将会严重阻碍交互式动画效果的实现。

发明内容

本申请实施例提供了一种交互式动画的实现方法、装置和终端设备，其更加高效、灵活的实现交互式动画更新，提高了开发效率。

根据本申请实施例的一个方面，提供了一种交互式动画的实现方法，所述方法包括：

获得动画解析渲染引擎可识别的描述性资源，并利用动画解析渲染引擎对所述描述性资源进行渲染生成动画；

令所述动画解析渲染引擎根据所述描述性资源进行解析获得交互方案，并将所述交互方案与应用程序的交互逻辑结合；

播放所述生成的动画以及运行结合所述交互方案的所述应用程序的交互逻辑。

根据本申请实施例的另一个方面，还提供了一种交互式动画的实现装置，所述装置包括：

动画生成模块，用于获得动画解析渲染引擎可识别的描述性资源，并利用动画解析渲染引擎对所述描述性资源进行渲染生成动画；

逻辑结合模块，用于令所述动画解析渲染引擎根据所述描述性资源进行解析获得交互方案，并将所述交互方案与应用程序的交互逻辑结合；

动画播放模块，用于播放所述生成的动画以及运行结合所述交互方案的所述应用程序的交互逻辑。

根据本申请实施例的又一个方面，还提供了一种终端设备，包括：处理器、存储器、通信接口和通信总线，所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信；所述存储器用于存放至少一可执行指令，所述可执行指令使所述处理器执行如上所述的交互式动画的实现方法对应的操作。

根据本申请实施例提供的技术方案，本申请利用动画解析渲染引擎对获得的动画解析渲染引擎可识别的描述性资源进行渲染生成动画。所述动画解析渲染引擎根据所述描述性资源进行解析获得交互方案，并将所述交互方案与应用程序的交互逻辑结合。从而播放所述生成的动画以及运行结合所述交互方案的所述应用程序的交互逻辑。由此，交互式动画开发人员仅通过加载描述性资源即可实现对交互式动画效果的更新。因此，本申请减少了开发成本，缩短动画发布周期，同时能够实现资源的多平台使用，可提供线上动态修改动画逻辑。

附图说明

图1是根据本申请实施例一的一种交互式动画的实现方法的步骤流程图；

图2是根据本申请实施例二的一种交互式动画的实现装置的结构框图；

图3是根据本申请实施例三的一种终端设备的结构框图。

具体实施方式

下面结合附图(若干附图中相同的标号表示相同的元素)和实施例，对本申请实施例的具体实施方式作进一步详细说明。以下实施例用于说明本申请，但不用来限制本申请的范围。

本领域技术人员可以理解，本申请实施例中的“第一”、“第二”等术语仅用于区别不同步骤、设备或模块等，既不代表任何特定技术含义，也不表示它们之间的必然逻辑顺序。

实施例一

参照图1，示出了根据本申请实施例一的一种交互式动画的实现方法的步骤流程图。

值得说明的是，本申请所述步骤S101至S103并不代表其执行的先后顺序。

本实施例的交互式动画的实现方法包括以下步骤：

步骤S101：获得动画解析渲染引擎可识别的描述性资源，并利用动画解析渲染引擎对所述描述性资源进行渲染生成动画。

在本申请一具体实现中，所述描述性资源为预先设置、输入获得以及服务器下载中至少其一。

具体地，预先设置的所述描述性资源，通常为交互式动画开发人员预先提供，并保存在所述应用程序的指定文件夹下。

输入获得的所述描述性资源，通常为需要对动画效果进行更新时，视觉设计师输入替换的描述性资源，替换掉之前的描述性资源。

服务器下载的所述描述性资源，通常为需要对动画效果进行更新时，从服务器下载交互式动画开发人员更新的描述性资源，替换掉之前的描述性资源。

因此，本申请所述描述性资源可以通过上述三种方式获得，从而实现灵活的替换所述描述性资源，进而对所述动画效果进行更新。

在本申请另一具体实现中，所述描述性资源为通过集成交互资源解析引擎，通过转换工具获得的对交互式动画进行描述的资源。

具体地，所述描述性资源为通过转换工具导出。

Adobe After Effects简称“AE”是Adobe公司推出的一款图形视频处理软件，适用于从事设计和视频特技的机构，包括电视台、动画制作公司、个人后期制作工作室以及多媒体工作室。Adobe After Effects属于层类型后期软件。

本申请亦可采用其他转换工导出所述描述性资源，在此不再进行赘述。

因此，本申请采用转换工导出对交互式动画进行描述的资源，其操作简单方便。

在本申请再一具体实现中，所述描述性资源的为JSON格式文件。

具体地，所述描述性资源为用以描述动画效果的标准的JSON格式文件。

JSON(JavaScript Object Notation,JS对象标记)是一种轻量级的数据交换格式。它基于ECMAScript(w3c制定的JS规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得JSON成为理想的数据交换语言。JSON易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。

因此，本申请采用JSON格式文件作为描述性资源，便于视觉设计师阅读和编写，也便于机器解析和生成，并有效地提升网络传输效率。

步骤S102：令所述动画解析渲染引擎根据所述描述性资源进行解析获得交互方案，并将所述交互方案与应用程序的交互逻辑结合。

在本申请实施例的具体实现中，所述步骤S102和所述步骤S101同时执行。所述动画解析渲染引擎同时根据所述描述性资源进行解析，得到交互方案。所述交互方案表示所述交互式动画中的交互逻辑，本申请将所述交互方案与应用程序的交互逻辑结合，即将交互动画中的交互逻辑和应用程序中的交互逻辑结合。

具体地，所述交互方案包括：

以时间维度产生变化、以物料二维坐标产生变化、以物料三维坐标产生变化、以声音产生变化中至少其一。

因此，本申请交互式动画可以运行根据以时间维度产生变化、以物料二维坐标产生变化、以物料三维坐标产生变化、以声音产生变化中至少其一的交互逻辑。

步骤S103：播放所述生成的动画以及运行结合所述交互方案的所述应用程序的交互逻辑。

本申请运行动画播放逻辑和动画交互逻辑，从而实现动画播放以及结合了交互方案的交互了逻辑的运行。

通过本实施例，根据本申请实施例提供的技术方案，本申请利用动画解析渲染引擎对获得的动画解析渲染引擎可识别的描述性资源进行渲染生成动画。所述动画解析渲染引擎根据所述描述性资源进行解析获得交互方案，并将所述交互方案与应用程序的交互逻辑结合。从而播放所述生成的动画以及运行结合所述交互方案的所述应用程序的交互逻辑。由此，交互式动画开发人员仅通过加载描述性资源即可实现对交互式动画效果的更新。因此，本申请减少了开发成本，缩短动画发布周期，同时能够实现资源的多平台使用，可提供线上动态修改动画逻辑。

本实施例的交互式动画的实现方法可以由任意适当的具有交互式动画的实现能力的设备执行，包括但不限于：各种终端设备或者服务器，包括但不限于PC机、平板电脑、移动终端等。

实施例二

参照图2，示出了根据本申请实施例二的一种交互式动画的实现装置的结构框图。

本实施例的交互式动画的实现装置包括：

动画生成模块201，用于获得动画解析渲染引擎可识别的描述性资源，并利用动画解析渲染引擎对所述描述性资源进行渲染生成动画。

逻辑结合模块202，用于令所述动画解析渲染引擎根据所述描述性资源进行解析获得交互方案，并将所述交互方案与应用程序的交互逻辑结合。

动画播放模块203，用于播放所述生成的动画以及运行结合所述交互方案的所述应用程序的交互逻辑。

在本申请一具体实现中，所述描述性资源为预先设置、输入获得以及服务器下载中至少其一。

具体地，预先设置的所述描述性资源，通常为交互式动画开发人员预先提供，并保存在所述应用程序的指定文件夹下。

输入获得的所述描述性资源，通常为需要对动画效果进行更新时，视觉设计师输入替换的描述性资源，替换掉之前的描述性资源。

服务器下载的所述描述性资源，通常为需要对动画效果进行更新时，从服务器下载交互式动画开发人员更新的描述性资源，替换掉之前的描述性资源。

因此，本申请所述描述性资源可以通过上述三种方式获得，从而实现灵活的替换所述描述性资源，进而对所述动画效果进行更新。

在本申请另一具体实现中，所述描述性资源为通过集成交互资源解析引擎，通过转换工具获得的对交互式动画进行描述的资源。

具体地，所述描述性资源为通过转换工具导出。

Adobe After Effects简称“AE”是Adobe公司推出的一款图形视频处理软件，适用于从事设计和视频特技的机构，包括电视台、动画制作公司、个人后期制作工作室以及多媒体工作室。Adobe After Effects属于层类型后期软件。

本申请亦可采用其他转换工导出所述描述性资源，在此不再进行赘述。

因此，本申请采用转换工导出对交互式动画进行描述的资源，其操作简单方便。

在本申请再一具体实现中，所述描述性资源的为JSON格式文件。

具体地，所述描述性资源为用以描述动画效果的标准的JSON格式文件。

JSON(JavaScript Object Notation,JS对象标记)是一种轻量级的数据交换格式。它基于ECMAScript(w3c制定的JS规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得JSON成为理想的数据交换语言。JSON易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。

因此，本申请采用JSON格式文件作为描述性资源，便于视觉设计师阅读和编写，也便于机器解析和生成，并有效地提升网络传输效率。

在本申请实施例的具体实现中，所述步骤S102和所述步骤S101同时执行。所述动画解析渲染引擎同时根据所述描述性资源进行解析，得到交互方案。所述交互方案表示所述交互式动画中的交互逻辑，本申请将所述交互方案与应用程序的交互逻辑结合，即将交互动画中的交互逻辑和应用程序中的交互逻辑结合。

具体地，所述交互方案包括：

以时间维度产生变化、以物料二维坐标产生变化、以物料三维坐标产生变化、以声音产生变化中至少其一。

因此，本申请交互式动画可以运行根据以时间维度产生变化、以物料二维坐标产生变化、以物料三维坐标产生变化、以声音产生变化中至少其一的交互逻辑。

本申请运行动画播放逻辑和动画交互逻辑，从而实现动画播放以及结合了交互方案的交互了逻辑的运行。

通过本实施例，根据本申请实施例提供的技术方案，本申请利用动画解析渲染引擎对获得的动画解析渲染引擎可识别的描述性资源进行渲染生成动画。所述动画解析渲染引擎根据所述描述性资源进行解析获得交互方案，并将所述交互方案与应用程序的交互逻辑结合。从而播放所述生成的动画以及运行结合所述交互方案的所述应用程序的交互逻辑。由此，交互式动画开发人员仅通过加载描述性资源即可实现对交互式动画效果的更新。因此，本申请减少了开发成本，缩短动画发布周期，同时能够实现资源的多平台使用，可提供线上动态修改动画逻辑。

本实施例的交互式动画的实现方法可以由任意适当的具有交互式动画的实现能力的设备执行，包括但不限于：各种终端设备或者服务器，包括但不限于PC机、平板电脑、移动终端等。

实施例三

参照图3，示出了根据本申请实施例三的一种终端设备的结构框图，本申请具体实施例并不对终端设备的具体实现做限定。

如图3所示，该终端设备可以包括：处理器(processor)302、通信接口(Communications Interface)304、存储器(memory)306、以及通信总线308。

其中：

处理器302、通信接口304、以及存储器306通过通信总线308完成相互间的通信。

通信接口304，用于与其它设备比如其它终端或服务器等的网元通信。

处理器302，用于执行程序310，具体可以执行上述交互式动画的实现方法实施例中的相关步骤。

具体地，程序310可以包括程序代码，该程序代码包括计算机操作指令。

处理器302可能是中央处理器CPU，或者是特定集成电路ASIC(ApplicationSpecific Integrated Circuit)，或者是被配置成实施本申请实施例的一个或多个集成电路。终端设备包括的一个或多个处理器，可以是同一类型的处理器，如一个或多个CPU；也可以是不同类型的处理器，如一个或多个CPU以及一个或多个ASIC。

存储器306，用于存放程序310。存储器306可能包含高速RAM存储器，也可能还包括非易失性存储器(non-volatile memory)，例如至少一个磁盘存储器。

程序310具体可以用于使得处理器302执行以下操作：在指定界面调用动画框架所提供的接口，加载应用程序中的描述性资源；运行所述指定界面，并播放根据所述描述性资源进行渲染得到的动画。

在一种可选的实施方式中，所述描述性资源为预先设置、根据用户输入获得以及服务器下载获得中至少其一。

在一种可选的实施方式中，所述描述性资源为通过插件导出的用以描述动画效果的文件。

在一种可选的实施方式中，所述描述性资源的为JSON格式文件。

在一种可选的实施方式中，程序310还用于使得处理器302对加载的描述性资源进行数据解析，生成动画绘图组件；根据所述动画绘图组件得到可绘制对象，并在显示区域绘制所述可绘制对象。

通过本实施例的终端设备，使得通过在指定界面调用动画框架所提供的接口，加载应用程序中的描述性资源。进而，运行所述指定界面，并播放根据所述描述性资源进行渲染得到的动画。由此，使得无需通过代码来实现动画效果的显示，通过加载描述性资源即可。对动画效果进行更新时，仅需要替换加载的描述性资源即可。因此，本申请实现更加高效、灵活，减少了占用的空间，也提高了开发效率，可以实现复杂的动画效果。

需要指出，根据实施的需要，可将本申请实施例中描述的各个部件/步骤拆分为更多部件/步骤，也可将两个或多个部件/步骤或者部件/步骤的部分操作组合成新的部件/步骤，以实现本申请实施例的目的。

上述根据本申请实施例的方法可在硬件、固件中实现，或者被实现为可存储在记录介质(诸如CD ROM、RAM、软盘、硬盘或磁光盘)中的软件或计算机代码，或者被实现通过网络下载的原始存储在远程记录介质或非暂时机器可读介质中并将被存储在本地记录介质中的计算机代码，从而在此描述的方法可被存储在使用通用计算机、专用处理器或者可编程或专用硬件(诸如ASIC或FPGA)的记录介质上的这样的软件处理。可以理解，计算机、处理器、微处理器控制器或可编程硬件包括可存储或接收软件或计算机代码的存储组件(例如，RAM、ROM、闪存等)，当所述软件或计算机代码被计算机、处理器或硬件访问且执行时，实现在此描述的交互式动画的实现方法。此外，当通用计算机访问用于实现在此示出的交互式动画的实现方法的代码时，代码的执行将通用计算机转换为用于执行在此示出的交互式动画的实现方法的专用计算机。

本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各示例的单元及方法步骤，能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本申请实施例的范围。

以上实施方式仅用于说明本申请实施例，而并非对本申请实施例的限制，有关技术领域的普通技术人员，在不脱离本申请实施例的精神和范围的情况下，还可以做出各种变化和变型，因此所有等同的技术方案也属于本申请实施例的范畴，本申请实施例的专利保护范围应由权利要求限定。

Claims (11)

1.一种交互式动画的实现方法，其特征在于，所述方法包括：

获得动画解析渲染引擎可识别的描述性资源，并利用动画解析渲染引擎对所述描述性资源进行渲染生成动画；

令所述动画解析渲染引擎根据所述描述性资源进行解析获得交互方案，并将所述交互方案与应用程序的交互逻辑结合；

播放所述生成的动画以及运行结合所述交互方案的所述应用程序的交互逻辑。

2.根据权利要求1所述的方法，其特征在于，所述描述性资源为预先设置、输入获得以及服务器下载中至少其一。

3.根据权利要求2所述的方法，其特征在于，所述描述性资源为通过集成交互资源解析引擎，通过转换工具获得的对交互式动画进行描述的资源。

4.根据权利要求3所述的方法，其特征在于，所述描述性资源的为JSON格式文件。

5.根据权利要求1至4中任一项所述的方法，其特征在于，所述交互方案包括：

以时间维度产生变化、以物料二维坐标产生变化、以物料三维坐标产生变化、以声音产生变化中至少其一。

6.一种交互式动画的实现装置，其特征在于，所述装置包括：

动画生成模块，用于获得动画解析渲染引擎可识别的描述性资源，并利用动画解析渲染引擎对所述描述性资源进行渲染生成动画；

逻辑结合模块，用于令所述动画解析渲染引擎根据所述描述性资源进行解析获得交互方案，并将所述交互方案与应用程序的交互逻辑结合；

动画播放模块，用于播放所述生成的动画以及运行结合所述交互方案的所述应用程序的交互逻辑。

7.根据权利要求6所述的装置，其特征在于，所述描述性资源为预先设置、输入获得以及服务器下载中至少其一。

8.根据权利要求7所述的装置，其特征在于，所述描述性资源为通过集成交互资源解析引擎，通过转换工具获得的对交互式动画进行描述的资源。

9.根据权利要求8所述的装置，其特征在于，所述描述性资源的为JSON格式文件。

10.根据权利要求6至9中任一项所述的装置，其特征在于，所述交互方案包括：

以时间维度产生变化、以物料二维坐标产生变化、以物料三维坐标产生变化、以声音产生变化中至少其一。

11.一种终端设备，包括：处理器、存储器、通信接口和通信总线，所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信；所述存储器用于存放至少一可执行指令，所述可执行指令使所述处理器执行如权利要求1-5中任一项对应的操作。