cocos2dx骨骼動畫Armature源碼剖析(一)_javascript技巧

來源：懂視網責編：小采時間：2020-11-27 21:43:27

cocos2dx骨骼動畫Armature源碼剖析(一)_javascript技巧

cocos2dx骨骼動畫Armature源碼剖析(一)_javascript技巧:cocos2dx從編輯器(cocostudio或flash插件dragonBones)得到xml或json數據，調用類似如下所示代碼就可以展示出動畫效果 ArmatureDataManager::getInstance()->addArmatureFileInfoAsync( armature/Dragon.png,

推薦度：

點擊下載本文 文檔為doc格式

導讀cocos2dx骨骼動畫Armature源碼剖析(一)_javascript技巧:cocos2dx從編輯器(cocostudio或flash插件dragonBones)得到xml或json數據，調用類似如下所示代碼就可以展示出動畫效果 ArmatureDataManager::getInstance()->addArmatureFileInfoAsync( armature/Dragon.png,

cocos2dx從編輯器(cocostudio或flash插件dragonBones)得到xml或json數據，調用類似如下所示代碼就可以展示出動畫效果

那么調用內部是怎么實現的呢？

Armature::create和armature->getAnimation()->playWithIndex都實現了些什么呢？這幾篇文章將從源碼上分析Armature。

本文是Armature分析的第一篇，將從整體上對cocos2dx里的骨骼動畫進行分析。涉及到內容如下:

什么是骨骼動畫

編輯器導出數據格式概覽

源碼概述

什么是骨骼動畫

游戲中的動畫大體可以分成下面三種：

幀動畫

補間動畫(Tween)

骨骼蒙皮動畫

幀動畫

這個是最基本的動畫，也是下面兩個動畫的基礎，一幀展示一張圖，cocos2dx Action中Animate就是幀動畫。優點是實現簡單，缺點是浪費資源(一幀一張圖，可對比下面兩種動畫)。

補間動畫

flash中補間動畫用的比較多，不需要一幀一張圖，只需起始狀態和結束狀態，中間的狀態可以進行根據差值與經過時間計算出來。優點是節省資源，美術人員比較熟悉。

骨骼蒙皮動畫

骨骼動畫可以認為是補間動畫的一種擴展，讓動畫的各個部分之間產生關聯結構(骨骼)，之后把圖綁定到骨骼上。缺點是程序實現較復雜，其優點較補間動畫有下面兩點(其他優點暫時沒有發現)：

1.導出配置數據少并且美術制作簡單

假設有一個下面這樣結構的骨骼

body

armLeft

handLeft

armRight

handRight

head

legLeft

legRight

假設想在一幀中把動畫整體向右移動，采用補間動畫需要把body、armLeft、legRight等等全部移動，創建新的幀，而骨骼動畫只需移動body的位置，其子節點會跟隨父節點移動。對應導出的配置中，補間動畫要處理body、armLeft等所有子節點導出的數據，而骨骼動畫只有body一個節點數據的改變，導出的數據會小很多。

2.關節裂紋修復

下面的圖是偷的《游戲引擎架構》449頁，意思是如果美術作圖時候不注意，關節鏈接處可能會有裂縫。采用骨骼動畫可以解決這個問題，骨骼動畫中的蒙皮可以按權重綁定到多個關節(骨骼中),并且可以按權重進行拉伸，cocostudio骨骼動畫編輯器不熟，不知可不可多綁定，flash的dragonBones插件是不行的。 spine 對這種多綁定有不錯的支持。