本地应用程序的动画文件生成方法及装置的制造方法
【技术领域】
[0001]本发明涉及计算机领域，尤其涉及一种本地应用程序的动画文件生成方法及装置。
【背景技术】
[0002]随着智能终端应用程序的迅速发展，人们对智能终端的需求也越来越大。例如，人们希望可以在应用程序中显示flash动画。而现有的智能终端在应用程序显示flash动画时，将占用非常大的内存，从而导致智能终端的其他程序无法正常运行。因此，亟需一种可以在智能终端流畅播放且不占用内存的动画文件。
【发明内容】
[0003]本发明实施例是提供一种本地应用程序的动画文件生成方法及装置，旨在降低了动画文件的开发难度和成本。
[0004]本发明实施例提供了一种本地应用程序的动画文件生成方法，包括以下步骤:
[0005]获取动画源文件；
[0006]将所述动画源文件导出，获得场景描述脚本及动画元件；
[0007]获取预先准备好的模板库，该模板库包括交互逻辑和配置文件模板；
[0008]接收配置指令，并根据所述配置指令，对所述配置文件模板进行编辑，以使动画元件的运动过程与交互逻辑匹配；
[0009]对编辑后的配置文件、场景描述脚本、动画元件以及交互逻辑打包生成动画文件。
[0010]本发明还提供了一种本地应用程序的动画文件生成装置，包括:
[0011]动画源文件获取模块，用于获取动画源文件；
[0012]文件导出模块，用于将所述动画源文件导出，获得场景描述脚本及动画元件；
[0013]模板库获取模块，用于获取预先准备好的模板库，该模板库包括交互逻辑和配置文件模板；
[0014]配置文件编辑模块，用于接收配置指令，并根据所述配置指令，对所述配置文件模板进行编辑，以使动画元件的运动过程与交互逻辑匹配；
[0015]文件打包模块，用于对编辑后的配置文件、场景描述脚本、动画元件以及交互逻辑打包生成动画文件。
[0016]本发明将动画源文件导出为包含场景描述脚本和动画元件的动画播放文件，同时还根据所述动画播放文件，编辑相应的配置文件，以使播放文件中动画元件的运动过程可以与交互逻辑匹配。因此，本发明不但降低了动画文件的开发难度和成本，而且该生成的动画文件可以在本地应用程序中播放并不占用内存。
【附图说明】
[0017]图1是本发明本地应用程序的动画文件生成方法第一实施例的流程示意图；
[0018]图2a是本发明制作的百叶窗场景中百叶窗处于关闭状态的示例图；
[0019]图2b是本发明制作的百叶窗场景中百叶窗处于打开状态的示例图；
[0020]图3是本发明本地应用程序中加载动画文件的界面一实施例的示例图；
[0021]图4是本发明本地应用程序的动画文件生成方法第二实施例的流程示意图；
[0022]图5是本发明本地应用程序中加载动画文件的界面另一实施例的示例图；
[0023]图6是本发明本地应用程序的动画文件生成方法第三实施例的流程示意图；
[0024]图7是本发明本地应用程序的动画文件生成方法第四实施例的流程示意图；
[0025]图8a是本发明本地应用程序在交互之前所加载的动画文件的界面示例图；
[0026]图Sb是本发明本地应用程序发生手势下拉触发时所加载的动画文件的界面示例图；
[0027]图Sc是本发明本地应用程序发生手势维持触发时所加载的动画文件的界面示例图；
[0028]图8d是本发明本地应用程序发生手势释放触发时所加载的动画文件的界面示例图；
[0029]图9是本发明本地应用程序的动画文件生成装置一实施例的功能模块示意图；
[0030]图10是本发明本地应用程序的动画文件生成装置另一实施例的功能模块示意图。
[0031]本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。
【具体实施方式】
[0032]以下结合说明书附图及具体实施例进一步说明本发明的技术方案。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
[0033]本发明通过html5技术与flash动画的结合,使得本地应用程序中可以加载html5文件来实现动画效果，解决了现有技术中播放flash文件时需要插件，而且占用内存大，甚至有些系统不支持flash播放的困扰。另外，本发明还添加相应的交互逻辑以及配置文件，实现了 html5文件加载后的动画交互。
[0034]如图1所示，该本地应用程序的动画文件生成方法包括以下步骤:
[0035]步骤S101、获取动画源文件；
[0036]该动画源文件是指在动画制作时产生的源文件，例如fla”。通过修改该源文件，可以生成不同的动画效果。该动画源文件可以从动画制作软件中直接获得，例如flash制作工具。当然还可以通过从本地或网络中获取动画文件，然后通过反编译软件对动画文件编译获得动画源文件。
[0037]步骤S102、将所述动画源文件导出，获得场景描述脚本及动画元件；
[0038]本实施例主要利用CreateJS工具将动画源文件导出。CreateJS是一套可以构建丰富交互体验的html5项目的开源工具包，旨在降低html5项目的开发难度和成本，让开发者以熟悉的方式打造更具现代感的网络交互体验。利用CreateJS提供的工具将动画源文件导出，将获得场景描述脚本及动画元件。该场景描述脚本可以用于构造一场景，例如描述构成该场景中的各个对象的显示位置以及显示过程等等。动画元件则为动画播放时所需的图片及声音等资源文件。该图片可以包括静态图片，例如jpg”文件；也可以包括动态图片，例如gif”文件。该声音文件可以包括音频文件，也可以包括视频文件。
[0039]步骤S103、获取预先准备好的模板库，该模板库包括交互逻辑和配置文件模板；
[0040]该模板库为预先设置好的，其包括交互逻辑和配置文件模板，该交互逻辑用于描述本地应用程序与html5加载工具之间的通用交互逻辑，包括客户端的触发状态以及所述触发状态的判定条件。例如本地应用程序将监测用户的触发信号，并根据所述触发状态的判定条件判断所监测到的触发信号对应的触发状态。例如，本实施例中一种通用交互逻辑可包括:点击、下拉、保持、释放四种触发状态，对应该四种触发状态将设定相应的判定条件。
[0041]步骤S104、接收配置指令，并根据所述配置指令，对所述配置文件模板进行编辑，以使动画元件的运动过程与交互逻辑匹配；
[0042]接收配置指令，并根据所述配置指令，对预先准备好的配置文件模板进行编辑，将动画元件的运动过程根据交互逻辑进行对应。例如“点击”手势对应的动画元件的运动过程的设置，“释放”手势对应的动画元件的运动过程的设置等等。
[0043]步骤S105、对编辑后的配置文件、场景描述脚本文件、动画元件以及交互逻辑打包生成动画文件。
[0044]本发明实施例将动画源文件导出为包含场景描述脚本和动画元文件的动画播放文件，同时还根据所述动画播放文件，编辑相应的配置文件，以使播放文件中动画元件的运动过程可以与交互逻辑匹配。因此，本发明不但降低了动画文件的开发难度和成本，而且该生成的动画文件可以在本地应用程序中播放并不占用内存。
[0045]以下将以百叶窗的动画为例，对本发明本地应用程序的动画文件生成方法进行说明。
[0046]首先，在flash制作软件中，添加百叶窗的组成元素，例如窗户、叶片及拉绳等等，并制作该百叶窗从关闭到打开时的场景。如图2a所示，所显示的百叶窗为关闭的状态，如图2b所示，所显示的百叶窗为打开的状态。
[0047]然后，利用CreateJS工具将