addArmatureFileInfoAsync( armature/Dragon.png," />

国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

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,
推薦度:
導讀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 對這種多綁定有不錯的支持。

編輯器導出數據格式概覽

cocostudio導出的json結構和dragonbones導出的xml結構相似,都是骨骼層,動畫層,圖片層三層結構,已dragonbones官方的demo為例(有刪減):

是骨骼部分,對應flash中1區域,一個layer就是一個bone。

是動畫部分,對應flash中2區域,用幀標簽區分哪個動畫,比如stand、walk、jump等。

是骨骼部分,對應flash中3區域,是皮膚,也就是圖信息。

有了這些信息,就可以在程序中還原flash中的動畫效果,具體dr、drTW、x、kX、kY等等是什么意思之后的文章里會說。

源碼概述

代碼大體可以分成xml或json數據的解析 和 用解析出的數據產生動畫兩部分。

數據解析的相關代碼的UML

大致介紹下每個類的作用:

DataReaderHelper:解析armatures、animations、TextureAtlas的數據生成程序能直接使用的數據結構ArmatureData、AnimationData、TextureData。

ArmatureDataManager:管理DataReaderHelper及其解析出來的數據。

ArmatureData:對應xml中的。

AnimationData:對應xml中的。

TextureData:對應xml中的

BoneData:對應xml中的

DisplayData:對應xml中的

MovementData:對應xml中的

MovementBoneData:對應xml中的

FrameData:對應xml中的

產生動畫相關代碼的UML

大致介紹下每個類的作用:

Armature:里面包含了骨骼信息及動畫信息,有個這個就可以播放動畫。

Tween:骨骼動畫的補間,一個骨骼一個Tween。對應上面的flash面板就是stand動畫的tail層的第一到第七幀。

ArmatureAnimation:所有Tween的集合,夠成一個動畫。

Bone:帶有Tween的骨骼信息,從這里面可以得到某個時間點的骨骼狀態。

DisplayFactory:創建skin等顯示對象。

DisplayManager:每個Bone中有一個,管理骨骼上的顯示對象。

Skin:圖的顯示對象。

以上內容就是腳本之家的小編給大家分享的cocos2dx骨骼動畫Armature源碼剖析(一),希望大家喜歡。

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

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

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

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 欧美三级经典电影在线观看 | 日本精品久久久一区二区三区 | 国模冰冰炮交图150 国模吧国模吧一二区 | 久久理论片 | 伊人精品成人久久综合欧美 | xx中文字幕乱偷avxx | 天堂一区二区三区精品 | 国产精品不卡在线 | 国产精品伦视频观看免费 | 欧美视频亚洲视频 | 国产一区二区三区在线视频 | 亚洲欧洲日本在线观看 | 国产又大又粗又猛又爽的视频 | 日韩欧美中文 | 国产日韩亚洲欧美 | 日本色图在线观看 | 国产va免费精品 | 久久精品99久久香蕉国产色戒 | 成人毛片在线观看 | 精品一区 二区三区免费毛片 | 婷婷久久五月天 | 欧美精品色精品一区二区三区 | 欧美日韩综合精品一区二区三区 | 日b毛片| 久久久一区二区三区 | 日韩欧美国产综合 | 日韩国产欧美在线观看 | 久久福利一区二区 | 日韩视频网| 国产成人在线免费视频 | 精品一区二区三区四区在线 | 欧美阿v高清资源在线 | 亚洲国产精品婷婷久久久久 | 国产一区免费在线观看 | 欧美性猛交一区二区三区精品 | 久久福利资源网站免费看 | 国产精品久久新婚兰兰 | 久久伊人网视频 | 国产在线欧美日韩一区二区 | 国产一区二区三区精品视频 | 日本一区二区三区免费高清在线 |