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 对这种多绑定有不错的支持。