首页 >

cocos2dx骨骼动画Armature源码剖析(二)【javascript】

web前端|js教程cocos2dx骨骼动画Armature源码剖析(二)【javascript】
armature_cocos2dx, cocos2dx,骨骼动画
web前端-js教程
上篇文章从总体上介绍了cocos2dx自带的骨骼动画,这篇文章介绍一下导出的配置数据各个字段的含义(也解释了DragonBone导出的xml数据每个字段的含义)。
谷歌镜像网址源码下载,ubuntu如何扩展内存,tomcat 控制台管理员,安利数据爬虫技巧,php设计模式面试题及答案,涿州seo优化lzw
skeleton节点
检测系统源码,ubuntu粘贴和赋值,tomcat8下载怎么安装,俗称爬虫的兼职,php语言怎么连接到数据库,google seo 索引lzw

name:flash文件名字。

阿狸表白网页源码,vue打印日志vscode,ubuntu boot 满,tomcat怎么进网页,爬虫控件Rstudio,php 过滤html代码,云南抖音seo优化厂家,网站资源批量下载器,phpcms模板导入lzw
frameRate:flash帧率。

version:dragonbones版本号。

armatures节点

首先是armatures节点,截取armatures中的部分数据。

                ……     
节点是一个骨骼(b是bone的缩写),节点中含有多个,是动画的整体骨骼。如下2个图所示,整个layer和骨骼之间关系就是armature节点,红框中每一个layer就是一个b节点。

cocos2dx骨骼动画Armature源码剖析(二)【javascript】

cocos2dx骨骼动画Armature源码剖析(二)【javascript】

节点为什么有多个armature节点呢?因为一个flash中可能有多个骨骼动画,每个骨骼动画对应一个armature,比如下面这个flash导出后armatures里就会包含多个armature。带有帧标签的元件会被当成一个Skeleton。

cocos2dx骨骼动画Armature源码剖析(二)【javascript】

name属性是元件在库中的名字(下图),也是Skeleton的名字。

b节点(armature节点的子节点)

骨骼信息,以第一帧信息为标准。

name:骨骼名字,就是TimeLine中layer名字,上图。

parent:骨骼父节点,上图。

x,y:元件旋转锚点相对于父节点原点的坐标,见下图,y方向向下为正方向。

kX, kY:代表skewX,SkewY,一般情况2者相等,代表Rotate(旋转)大小。

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

pX, pY:代表pivotX, pivotY,旋转锚点相对于元件原点的坐标,下图调整了30度旋转。

z: 层级,最下面的layer是0层,逐上递加。

d节点

骨骼中显示节点,可以理解成皮肤,一个layer中用了几个库中的元件,就会有几个节点。

 

name:显示对象的名字,为在库中路径和元件名字的拼接。

cocos2dx骨骼动画Armature源码剖析(二)【javascript】

pX, pY: 显示对象相对于原点的位移。

animations节点

节点代表了骨骼随时间的变化。

                                            
为什么会有多个呢?原因和中有多个相同(见上文),animation和armature靠name属性一一对应。

mov节点

mov节点真正对应程序里面一个动画,TimeLine上一个帧标签就会产生一个mov,所以一个中会有多个mov。

name:帧标签名字。

dr:代表duration,mov持续多少帧,上图可知stand持续7帧。

to:真不知道是干啥的。

drTW:代表duratio_tween,动画运行多长时间,1/24*7=0.29s。在dragonbones面板上设置TotalTime会影响此值。

lp:代表loop,是否循环播放。

twE:真不知道是干啥的。

b节点(mov节点的子节点)

骨骼状态,mov中会有所有的骨骼b节点。

 
name:骨骼名字

sc:代表movement_scale,不知是啥。总帧数调整,dragonBones面板可调整

dl:代表movement_delay,不知是啥。dragonBones面板中PlayDelay设置应该和其有关。

cocos2dx骨骼动画Armature源码剖析(二)【javascript】

f节点

 

对应关键帧信息。stand动画有3个关键帧,所以会有三个f节点。x,y,kX,kY,cX,cY,pX,pY,z与b节点(armature节点的子节点)中对应属性相同,cocos2d_x和cocos2d_y也不知道怎么来的。

dI:display_index 显示哪个图(中中)。

dr: duration 帧数.

TextureAtlas节点

dragonbone导出方式可以选择,如果选择导出大图,那么TextureAtlas节点代表了大图中小图的相关信息,可以理解成TexturePacker产生的plist文件,比如

       
SubTexture节点为小图信息,width和height为长和宽,x和y为在大图中的坐标。cocos2dpX和cocos2dpY依然不晓得有什么用。

以上内容是脚本之家的小编给大家分享的cocos2dx骨骼动画Armature源码剖析(二),后续还有更近,请持续关注本站。


cocos2dx骨骼动画Armature源码剖析(二)【javascript】
  • 使用cocos2dx 3.2和cocosstudio屏幕适配总结----相对布局
  • 使用cocos2dx 3.2和cocosstudio屏幕适配总结----相对布局 | 使用cocos2dx 3.2和cocosstudio屏幕适配总结----相对布局 ...

    cocos2dx骨骼动画Armature源码剖析(二)【javascript】
  • Cocos2dx中如何让runAction函数执行完后再执行后续程序
  • Cocos2dx中如何让runAction函数执行完后再执行后续程序 | Cocos2dx中如何让runAction函数执行完后再执行后续程序 ...

    cocos2dx骨骼动画Armature源码剖析(二)【javascript】
  • Bullet(Cocos2dx)之使用cocos2dx测试PhysicsWorld3D
  • Bullet(Cocos2dx)之使用cocos2dx测试PhysicsWorld3D | Bullet(Cocos2dx)之使用cocos2dx测试PhysicsWorld3D ...

    © 牛的日记 | www.liuzhongwei.com
    网站部分内容来源于网友供稿,若有侵权请联系删除,970928#QQ.com