基于动态可移植网络图形的动画实现方法及装置的制造方法

文档序号:9865512阅读:614来源:国知局
基于动态可移植网络图形的动画实现方法及装置的制造方法
【技术领域】
[0001] 本发明涉及计算机技术领域,尤其涉及一种基于动态可移植网络图形的动画实现 方法及装置。
【背景技术】
[0002] 传统地,在客户端主要的动画实现方式有W下几种:手机客户端动画、Flash 动画、PNG(Po;rt油le化twork Gra地ics,可移植网络图形)轮播W及CSS3(Cascading StyleSheet3,层叠样式表3)动画。然而,移动客户端动画成本高、开发周期长,且对客户 端主干存在一定风险,不适合时效性动画运营。Flash动画在移动终端兼容性差,iOS(苹 果操作系统)完全不兼容,Amlroid(安卓)需要安装插件才能播放。PNG轮播由于动画 资源体积较大,导致用户流量成本高,而且对移动终端的性能消耗大。CSS3动画虽然对于 简单动画是极佳的实现方式,但对于复杂/较复杂的动画内容,会带来极大的实现工作量。 APNG (Animated化的油16化twork Graphics,动态可移植网络图形)是基于PNG的位图动 画格式,由于具有成本低、兼容性好且性能消耗低的优点,有望取代上述传统地动画实现方 式在未来成为动画实现方式的主流。然而现有技术中,尚未有基于APNG的动画方案,APNG 仅用于动态图片的呈现,而非用于动画,播放动态图片只能按照从头至尾连续播放的方式 进行,缺乏灵活性及方便性,且缺乏交互事件的设计与实现,无法达到动画应用的要求。

【发明内容】

[0003] 有鉴于此,本发明提供一种基于动态可移植网络图形的动画实现方法及装置,可 实现极具交互性地动态可移植网络图形动画播放,提高播放的灵活性及方便性,达到极佳 可控的动画效果。
[0004] 本发明实施例提供的基于动态可移植网络图形的动画实现方法,包括:进入浏览 器环境,在所述浏览器环境下获取目标网页的资源数据,所述目标网页的资源数据包括动 画的数据;当所述动画的数据为动态可移植网络图形格式的数据时,加载预设的解析引擎, 通过所述解析引擎为所述动画从外部指定一个或多个交互事件及其对应的动作;根据所述 动画的数据,对所述动画进行道染;当检测到所述交互事件被触发时,针对所述动画执行对 应的动作。
[0005] 本发明实施例提供的基于动态可移植网络图形的动画实现装置,包括:获取模块, 用于进入浏览器环境,在所述浏览器环境下获取目标网页的资源数据,所述目标网页的资 源数据包括动画的数据;判断模块,用于判断所述获取模块获取的所述动画的数据是否为 动态可移植网络图形格式的数据;加载模块,用于当所述判断模块的判断结果为所述动画 的数据为所述动态可移植网络图形格式的数据时,加载预设的解析引擎;指定模块,用于通 过所述加载模块加载的所述解析引擎为所述动画从外部指定一个或多个交互事件及其对 应的动作;道染模块,用于根据所述获取模块获取的所述动画的数据,对所述动画进行道 染;检测模块,用于检测所述交互事件是否被触发;执行模块,用于当所述检测模块检测到 所述交互事件被触发时,针对所述动画执行对应的动作。
[0006] 本发明实施例提供的上述基于动态可移植网络图形的动画实现方法及装置,预设 解析引擎,并通过该解析引擎从外部指定一个或多个交互事件及其对应的动作,其原理是 为该解析引擎设置一个接口,从外部可便捷的通过该接口指定交互时间或其对应的动作, 成为动画的一部分。并当指定的交互事件被触发时,执行对应的动作,从而实现了极具交互 性地APNG动画播放,可提高播放的灵活性及方便性,达到极佳可控的动画效果。此外,通过 解析引擎外部指定的方式还可W降低APNG动画制作的难度及成本,使得动画制作人员在 制作动画时不必考虑控制动画如何播放的问题。
[0007] 为让本发明的上述和其他目的、特征和优点能更明显易懂,下文特举较佳实施例, 并配合所附图式,作详细说明如下。
【附图说明】
[0008] 图1为本发明实施例提供的基于动态可移植网络图形的动画实现方法及装置的 应用环境图;
[0009] 图2示出了一种用户终端的结构框图;
[0010] 图3为本发明第一实施例提供的基于动态可移植网络图形的动画实现方法的流 程图;
[0011] 图4为本发明第二实施例提供的基于动态可移植网络图形的动画实现方法的流 程图;
[0012] 图5为本发明第Η实施例提供的基于动态可移植网络图形的动画实现装置的结 构W意图;
[0013] 图6为本发明第四实施例提供的基于动态可移植网络图形的动画实现装置的结 构示意图。
【具体实施方式】
[0014] 为更进一步阐述本发明为实现预定发明目的所采取的技术手段及功效,W下结合 附图及较佳实施例,对依据本发明的【具体实施方式】、结构、特征及其功效,详细说明如后。
[0015] 请参阅图1,图1本发明实施例提供的基于动态可移植网络图形的动画实现方法 及装置的应用环境图。如图1所示,服务器100和用户终端200位于无线或有线网络中, 通过该无线或有线网络,服务器100与用户终端200进行数据交互。用户终端200进入浏 览器环境,在该浏览器环境下从服务器100获取目标网页的资源数据,该目标网页的资源 数据包括动画的数据;当该动画的数据为动态可移植网络图形格式(APNG)的数据时,加载 预设的解析引擎,通过该解析引擎为该动画从外部指定一个或多个交互事件及其对应的动 作;根据该动画的数据,对该动画进行道染;当检测到该交互事件被触发时,针对该动画执 行对应的动作,从而实现基于APNG的动画。
[0016] 图2示出了一种用户终端的结构框图。如图2所示,用户终端200包括;存储器 202、存储控制器204、一个或多个(图中仅示出一个)处理器206、外设接口 208、射频模块 210、音频模块212、显示模块214 W及按键模块216。送些组件通过一条或多条通讯总线/ 信号线218相互通讯。
[0017] 可W理解,图2所示的结构仅为示意,用户终端200还可包括比图2中所示更多或 者更少的组件,或者具有与图2所示不同的配置。图2中所示的各组件可W采用硬件、软件 或其组合实现。
[0018] 存储器202可用于存储软件程序W及模块,如本发明实施例中的基于动态可移植 网络图形的动画实现方法及装置对应的程序指令/模块,处理器206通过运行存储在存储 器202内的软件程序W及模块,从而执行各种功能应用W及数据处理,即实现上述的基于 动态可移植网络图形的动画实现方法。
[0019] 存储器202可包括高速随机存储器,还可包括非易失性存储器,如一个或者多个 磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中,存储器202可进一步 包括相对于处理器206远程设置的存储器,送些远程存储器可W通过网络连接至用户终端 200。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。处 理器206 W及其他可能的组件对存储器202的访问可在存储控制器204的控制下进行。
[0020] 处理器206运行存储器202内的各种软件、指令W执行用户终端200的各种功能 W及进行数据处理。
[0021] 外设接口 208用于将各种外部设备禪合至CPU W及存储器202。
[0022] 在一些实施例中,存储控制器204、处理器206 W及外设接口 208可W在单个芯片 中实现。在其他一些实例中,他们可W分别由独立的芯片实现。
[0023] 射频模块210用于接收W及发送电磁波,实现电磁波与电信号的相互转换,从而 与通信网络或者其他设备进行通讯。射频模块210可包括各种现有的用于执行送些功能的 电路元件,例如,天线、射频收发器、数字信号处理器、加密/解密芯片、用户身份模块(SIM) 卡、存储器等等。射频模块210可与各种网络如互联网、企业内部网、无线网络进行通讯或 者通过无线网络与其他设备进行通讯。上述的无线网络可包括蜂窝式电话网、无线局域网 或者城域网。上述的无线网络可W使用各种通信标准、协议及技术,包括但并不限于全球 移动通信系统(Global System for Mobile Communication, GSM)、增强型移动通信技术 巧nhanced Data GSM linvironment,邸GE),宽带码分多址技术(wideband code division multiple access, W-CDMA),码分多址技术(Code division access, CDMA)、时分多址技 术(time division multiple access, TDMA),藍牙,无线保真技术(Wireless, Fidelity, WiFi)(如美国电气和电子工程师协会标准IE邸802. 11a,IE邸802. Ub,I邸E802. llg和/ 或 IE邸802. lln)、网络电话(Voice over internet protocol, VoIP)、全球微波互联接入 (Worldwide Interoper油ility for Microwave Access,Wi-Max)、其他用于邮件、即时通信 及短消息的协议,W及任何其他合适的通讯协议,甚至可包括郝些当前仍未被开发出来的 协议。
[0024] 音频模块212向用户提供音频接口,其可包括一个或多个麦克风、一个或者多个 扬声器W及音频电路。音频电路从外设接口 208处接收声音数据,将声音数据转换为电信 息,将电信息传输至扬声器。扬声器
当前第1页1 2 3 4 5 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1