亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

cocos2dx骨骼動畫Armature源碼剖析(二)

 更新時間:2015年09月08日 09:28:11   作者:BigFengFeng  
本篇主要給大家介紹cocos2dx骨骼動畫Armature源碼剖析之flash中數(shù)據(jù)與xml中數(shù)據(jù)關(guān)系,需要的朋友一起來學(xué)習(xí)吧

上篇文章從總體上介紹了cocos2dx自帶的骨骼動畫,這篇文章介紹一下導(dǎo)出的配置數(shù)據(jù)各個字段的含義(也解釋了DragonBone導(dǎo)出的xml數(shù)據(jù)每個字段的含義)。

skeleton節(jié)點(diǎn)

<skeleton name="Dragon" frameRate="24" version="2.2">

name:flash文件名字。

frameRate:flash幀率。

version:dragonbones版本號。

armatures節(jié)點(diǎn)

首先是armatures節(jié)點(diǎn),截取armatures中的部分?jǐn)?shù)據(jù)。

 <armatures>
  <armature name="Dragon">
  <b name="tail" parent="body" x="." y="-." kX="" kY="" cX="" cY="" pX="." pY="." z="">
   <d name="parts-tail" pX="" pY="-."/>
  </b>
  <b name = "LegR" ... />
  <b/>
  ……
  <b/>
  </armature>
 </armatures>

<b/>節(jié)點(diǎn)是一個骨骼(b是bone的縮寫),<armature/>節(jié)點(diǎn)中含有多個<b/>,是動畫的整體骨骼。如下2個圖所示,整個layer和骨骼之間關(guān)系就是armature節(jié)點(diǎn),紅框中每一個layer就是一個b節(jié)點(diǎn)。


<armatures>節(jié)點(diǎn)為什么有多個armature節(jié)點(diǎn)呢?因?yàn)橐粋€flash中可能有多個骨骼動畫,每個骨骼動畫對應(yīng)一個armature,比如下面這個flash導(dǎo)出后armatures里就會包含多個armature。帶有幀標(biāo)簽的元件會被當(dāng)成一個Skeleton。

<armatures name="Dragon">name屬性是元件在庫中的名字(下圖),也是Skeleton的名字。

b節(jié)點(diǎn)(armature節(jié)點(diǎn)的子節(jié)點(diǎn))

<b name="tail" parent="body" x="45.9" y="-70.8" kX="30" kY="30" cX="1" cY="1" pX="11.5" pY="176.35" z="10">

骨骼信息,以第一幀信息為標(biāo)準(zhǔn)。

name:骨骼名字,就是TimeLine中l(wèi)ayer名字,上圖。

parent:骨骼父節(jié)點(diǎn),上圖。

x,y:元件旋轉(zhuǎn)錨點(diǎn)相對于父節(jié)點(diǎn)原點(diǎn)的坐標(biāo),見下圖,y方向向下為正方向。

kX, kY:代表skewX,SkewY,一般情況2者相等,代表Rotate(旋轉(zhuǎn))大小。

cX, cY:代表scaleX, scaleY, 表示縮放大小。

pX, pY:代表pivotX, pivotY,旋轉(zhuǎn)錨點(diǎn)相對于元件原點(diǎn)的坐標(biāo),下圖調(diào)整了30度旋轉(zhuǎn)。

z: 層級,最下面的layer是0層,逐上遞加。

d節(jié)點(diǎn)

骨骼中顯示節(jié)點(diǎn),可以理解成皮膚,一個layer中用了幾個庫中的元件,就會有幾個<d>節(jié)點(diǎn)。

 <d name="parts-tail" pX="0" pY="-63.8"/>

name:顯示對象的名字,為在庫中路徑和元件名字的拼接。

pX, pY: 顯示對象相對于原點(diǎn)的位移。

animations節(jié)點(diǎn)

<animations/>節(jié)點(diǎn)代表了骨骼隨時間的變化。

<animations>
  <animation name="Dragon">
  <mov name="stand" dr="" to="" drTW="" lp="" twE="">
    <b name="tail" sc="" dl="">
     <f x="." y="-." cocosd_x="." cocosd_y="-." kX="" kY="" cX="" cY="" pX="." pY="." z="" dI="" dr=""/>
     <f x="." y="-." cocosd_x="." cocosd_y="-." kX="." kY="." cX="" cY="" pX="." pY="." z="" dI="" dr=""/>
     <f x="." y="-." cocosd_x="." cocosd_y="-." kX="" kY="" cX="" cY="" pX="." pY="." z="" dI="" dr=""/>
    </b>
  </mov>
  <mov name="walk" dr="" to="" drTW="" lp="" twE="">
  </mov>
  <mov name="jump" dr="" to="" drTW="" lp="" twE="NaN">
  </mov>
  <mov name="fall" dr="" to="" drTW="" lp="" twE="NaN">
  </mov>
  </animation>
 </animations>

為什么<animations/>會有多個<animation/>呢?原因和<armatures/>中有多個<armature/>相同(見上文),animation和armature靠name屬性一一對應(yīng)。

mov節(jié)點(diǎn)

mov節(jié)點(diǎn)真正對應(yīng)程序里面一個動畫,TimeLine上一個幀標(biāo)簽就會產(chǎn)生一個mov,所以一個<animation/>中會有多個mov。

<mov name="stand" dr="7" to="6" drTW="30" lp="1" twE="0">

name:幀標(biāo)簽名字。

dr:代表duration,mov持續(xù)多少幀,上圖可知stand持續(xù)7幀。

to:真不知道是干啥的。

drTW:代表duratio_tween,動畫運(yùn)行多長時間,1/24*7=0.29s。在dragonbones面板上設(shè)置TotalTime會影響此值。

lp:代表loop,是否循環(huán)播放。

twE:真不知道是干啥的。

b節(jié)點(diǎn)(mov節(jié)點(diǎn)的子節(jié)點(diǎn))

骨骼狀態(tài),mov中會有所有的骨骼b節(jié)點(diǎn)。

 <b name="tail" sc="1" dl="0">

name:骨骼名字

sc:代表movement_scale,不知是啥??値瑪?shù)調(diào)整,dragonBones面板可調(diào)整

dl:代表movement_delay,不知是啥。dragonBones面板中PlayDelay設(shè)置應(yīng)該和其有關(guān)。


f節(jié)點(diǎn)

 <f x="45.9" y="-70.8" cocos2d_x="124.1" cocos2d_y="-229.25" kX="30" kY="30" cX="1" cY="1" pX="11.5" pY="176.35" z="10" dI="0" dr="2"/>

對應(yīng)關(guān)鍵幀信息。stand動畫有3個關(guān)鍵幀,所以會有三個f節(jié)點(diǎn)。x,y,kX,kY,cX,cY,pX,pY,z與b節(jié)點(diǎn)(armature節(jié)點(diǎn)的子節(jié)點(diǎn))中對應(yīng)屬性相同,cocos2d_x和cocos2d_y也不知道怎么來的。

dI:display_index 顯示哪個圖(<armature></armature>中<b></b>中<d></d>)。

dr: duration 幀數(shù).

TextureAtlas節(jié)點(diǎn)

dragonbone導(dǎo)出方式可以選擇,如果選擇導(dǎo)出大圖,那么TextureAtlas節(jié)點(diǎn)代表了大圖中小圖的相關(guān)信息,可以理解成TexturePacker產(chǎn)生的plist文件,比如

 <TextureAtlas name="Dragon" width="" height="">
 <SubTexture/>
 <SubTexture name="parts-tail" width="" height="" cocosd_pX="" cocosd_pY="-." x="" y=""/>
 <SubTexture/>
 <SubTexture/>
 <SubTexture/>
 </TextureAtlas>

SubTexture節(jié)點(diǎn)為小圖信息,width和height為長和寬,x和y為在大圖中的坐標(biāo)。cocos2dpX和cocos2dpY依然不曉得有什么用。

以上內(nèi)容是腳本之家的小編給大家分享的cocos2dx骨骼動畫Armature源碼剖析(二),后續(xù)還有更近,請持續(xù)關(guān)注本站。

相關(guān)文章

最新評論