[發明專利]基于動態可移植網絡圖形的動畫實現方法及裝置

有效

• 申請號: 201410587178.0
• 申請日: 2014-10-28
• 公開（公告）號: CN105630787B
• 公開（公告）日: 2020-09-11
• 發明（設計）人: 貝俊達;梁志杰
• 申請（專利權）人: 騰訊科技（深圳）有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957;G06T13/00
• 代理公司: 北京派特恩知識產權代理有限公司 11270
• 代理人: 蔣雅潔;張穎玲

本發明提供一種基于動態可移植網絡圖形的動畫實現方法，包括：進入瀏覽器環境，在該瀏覽器環境下獲取目標網頁的資源數據，該目標網頁的資源數據包括動畫的數據；當該動畫的數據為動態可移植網絡圖形格式的數據時，加載預設的解析引擎，通過該解析引擎為該動畫從外部指定一個或多個交互事件及其對應的動作；根據該動畫的數據，對該動畫進行渲染；當檢測到該交互事件被觸發時，針對該動畫執行對應的動作。本發明還提供一種基于動態可移植網絡圖形的動畫實現裝置，上述基于動態可移植網絡圖形的動畫實現方法及裝置可實現極具交互性地動態可移植網絡圖形動畫播放，提高播放的靈活性及方便性，達到極佳可控的動畫效果。

技術領域

本發明涉及計算機技術領域，尤其涉及一種基于動態可移植網絡圖形的動畫實現方法及裝置。

背景技術

傳統地，在客戶端主要的動畫實現方式有以下幾種：手機客戶端動畫、Flash動畫、PNG(Portable Network Graphics，可移植網絡圖形)輪播以及CSS3(CascadingStyleSheet3，層疊樣式表3)動畫。然而，移動客戶端動畫成本高、開發周期長，且對客戶端主干存在一定風險，不適合時效性動畫運營。Flash動畫在移動終端兼容性差，iOS(蘋果操作系統)完全不兼容，Android(安卓)需要安裝插件才能播放。PNG輪播由于動畫資源體積較大，導致用戶流量成本高，而且對移動終端的性能消耗大。CSS3動畫雖然對于簡單動畫是極佳的實現方式，但對于復雜/較復雜的動畫內容，會帶來極大的實現工作量。APNG(AnimatedPortable Network Graphics，動態可移植網絡圖形)是基于PNG的位圖動畫格式，由于具有成本低、兼容性好且性能消耗低的優點，有望取代上述傳統地動畫實現方式在未來成為動畫實現方式的主流。然而現有技術中，尚未有基于APNG的動畫方案，APNG僅用于動態圖片的呈現，而非用于動畫，播放動態圖片只能按照從頭至尾連續播放的方式進行，缺乏靈活性及方便性，且缺乏交互事件的設計與實現，無法達到動畫應用的要求。

發明內容

有鑒于此，本發明提供一種基于動態可移植網絡圖形的動畫實現方法及裝置，可實現極具交互性地動態可移植網絡圖形動畫播放，提高播放的靈活性及方便性，達到極佳可控的動畫效果。

本發明實施例提供的基于動態可移植網絡圖形的動畫實現方法，包括：進入瀏覽器環境，在所述瀏覽器環境下獲取目標網頁的資源數據，所述目標網頁的資源數據包括動畫的數據；當所述動畫的數據為動態可移植網絡圖形格式的數據時，加載預設的解析引擎，通過所述解析引擎為所述動畫從外部指定一個或多個交互事件及其對應的動作；根據所述動畫的數據，對所述動畫進行渲染；當檢測到所述交互事件被觸發時，針對所述動畫執行對應的動作。

本發明實施例提供的基于動態可移植網絡圖形的動畫實現裝置，包括：獲取模塊，用于進入瀏覽器環境，在所述瀏覽器環境下獲取目標網頁的資源數據，所述目標網頁的資源數據包括動畫的數據；判斷模塊，用于判斷所述獲取模塊獲取的所述動畫的數據是否為動態可移植網絡圖形格式的數據；加載模塊，用于當所述判斷模塊的判斷結果為所述動畫的數據為所述動態可移植網絡圖形格式的數據時，加載預設的解析引擎；指定模塊，用于通過所述加載模塊加載的所述解析引擎為所述動畫從外部指定一個或多個交互事件及其對應的動作；渲染模塊，用于根據所述獲取模塊獲取的所述動畫的數據，對所述動畫進行渲染；檢測模塊，用于檢測所述交互事件是否被觸發；執行模塊，用于當所述檢測模塊檢測到所述交互事件被觸發時，針對所述動畫執行對應的動作。

本發明實施例提供的上述基于動態可移植網絡圖形的動畫實現方法及裝置，預設解析引擎，并通過該解析引擎從外部指定一個或多個交互事件及其對應的動作，其原理是為該解析引擎設置一個接口，從外部可便捷的通過該接口指定交互時間或其對應的動作，成為動畫的一部分。并當指定的交互事件被觸發時，執行對應的動作，從而實現了極具交互性地APNG動畫播放，可提高播放的靈活性及方便性，達到極佳可控的動畫效果。此外，通過解析引擎外部指定的方式還可以降低APNG動畫制作的難度及成本，使得動畫制作人員在制作動畫時不必考慮控制動畫如何播放的問題。