[發明專利]將SWF轉化為Canvas動畫的方法和裝置

有效

• 申請號: 201410548978.1
• 申請日: 2014-10-16
• 公開（公告）號: CN105513115B
• 公開（公告）日: 2020-06-16
• 發明（設計）人: 鄭高強;沈婧
• 申請（專利權）人: 騰訊科技（深圳）有限公司
• 主分類號: G06T13/80
• 分類號: G06T13/80
• 代理公司: 廣州華進聯合專利商標代理有限公司 44224
• 代理人: 何平;鄧云鵬

本發明涉及一種將SWF轉化為Canvas動畫的方法和裝置。所述方法，包括以下步驟：對SWF文件進行解析，遍歷所述SWF文件得到元件，所述元件包括影片剪輯和圖形，并將所述元件定義存儲到元件池中；對所述圖形進行壓縮處理，導出壓縮后的圖形數據；對所述影片剪輯進行壓縮處理，導出影片剪輯的幀操作指令；通過腳本運行庫的應用函數調用壓縮后的圖形數據和影片剪輯的幀操作指令，還原為Canvas動畫。上述將SWF轉化為Canvas動畫的方法和裝置，縮減了數據尺寸，通過腳本運行庫的應用函數直接調用壓縮后的圖形數據和幀操作指令等，不需條件判斷，節省了計算時間，因數據尺寸小節省了下載時間，提高了播放流暢度。

技術領域

本發明涉及網絡應用技術，特別是涉及一種將SWF轉化為Canvas動畫的方法和裝置。

背景技術

SWF(Shock Wave Flash)是一種動畫設計軟件Flash的專用格式，是一種支持矢量和點陣圖形的動畫文件格式，被廣泛應用于網頁設計，動畫制作等領域，SWF文件通常被成為Flash文件。

Canvas動畫是在HTML5(Hyper Text Mark-up Language，超文本標記語言)網頁上使用畫布元素繪制的動畫。HTML5是萬維網的核心語言、標準通用標記語言下的一個應用超文本標記語言的第五重大修改。

傳統的將SWF轉化為HTML5動畫的方法有Swiffy和Flashcc。其中，swiffy通過解析SWF文件的字節碼，分析得到動畫中每一幀的信息，并把信息以json(JavaScript ObjectNotation，是一種輕量級的數據交換格式)形式輸出，在網頁側，Swiffy通過一個javascript庫對json信息做解析，動態生成svg圖形，并逐幀變化，最終得到完整的動畫。然而，Swiffy的運行庫有450KB(千字節)，對于移動網絡的智能設備，播放動畫需要消耗很長的下載時間，影響播放的流暢性。Flashcc是Flash動畫制作工具的cc版本，集成了把SWF轉化為Canvas動畫的功能，然而，Flascc導出的腳本和運行支持庫都較大，前者一般超過100KB，后者接近100KB，在移動網絡下播放動畫會消耗較長下載時間，影響播放的流暢性。

發明內容

基于此，有必要針對傳統的將SWF轉化為HTML5動畫的方法需要消耗較長下載時間導致播放的流暢度低的問題，提供一種能節省下載時間，提高播放流暢度的將SWF轉化為Canvas動畫的方法。

此外，還有必要提供一種能節省下載時間，提高播放流暢度的將SWF轉化為Canvas動畫的裝置。

一種將SWF轉化為Canvas動畫的方法，包括以下步驟：

對SWF文件進行解析，遍歷所述SWF文件得到元件，所述元件包括影片剪輯和圖形，并將所述元件定義存儲到元件池中；

對所述圖形進行壓縮處理，導出壓縮后的圖形數據；

對所述影片剪輯進行壓縮處理，導出影片剪輯的幀操作指令；

通過腳本運行庫的應用函數調用壓縮后的圖形數據和影片剪輯的幀操作指令，還原為Canvas動畫。

一種將SWF轉化為Canvas動畫的裝置，包括：

遍歷存儲模塊，用于對SWF文件進行解析，遍歷所述SWF文件得到元件，所述元件包括影片剪輯和圖形，并將所述元件定義存儲到元件池中；

圖形導出模塊，用于對所述圖形進行壓縮處理，導出壓縮后的圖形數據；

影片剪輯導出模塊，用于對所述影片剪輯進行壓縮處理，導出影片剪輯的幀操作指令；

還原模塊，用于通過腳本運行庫的應用函數調用壓縮后的圖形數據和影片剪輯的幀操作指令，還原為Canvas動畫。