cocos2dx学习笔记：CocoStudio的Animation Editor的简单使用

今天拿到了一堆图片，就试了下使用CocoStudio的Animation Editor来拼接动画，这里笔记下流程。备注：这里作者没有正式的学习过CocoStudio，可能使用方法有问题，还请路过的大牛们指点一二。

首先新建一个Animation Editor项目，如下图：

然后在右侧资源文件夹，如下图：

将导入的文件拖动到工作台中，如下图，注意这里需要首先看下左边的工作模式，为【形体模式】：

拖动之后可以重命名下Layer，也可以保持默认：

然后调节到【动画模式】，开始制作动画：

调节到【动画模式】之后，会自动新建一个动作，这里我们把它重命名一下。

由于动画简单，这里把所有的图像的坐标都调节至0,0，整个动画期间都不会更改，如下图：

然后开始添加帧，如下图：

由于这里是多张图片来回替换生成的动画，这里我们添加多个帧，然后通过更改透明度的方法来实现该动画，如下图，这里添加多个帧，然后把指定的帧的透明度改为0，如下图：

要修改透明度的帧如下图：

搞定之后，就可以播放动画看下效果了。

这里我们添加第二个动画，如下图：

和第一个动画类似，先将工作模式调节为【形体模式】，将导入的文件拖到工作台中，重命名下Layer，将坐标都调节至0,0，添加关键帧等。不过这里我们不更改透明度，我们通过隐藏帧来实现，如下图：

隐藏帧分布如下图：

搞定之后，就可以播放动画看下效果了。

最后就可以导出资源使用了，如下图：

示例代码：

CCArmatureDataManager::sharedArmatureDataManager()->addArmatureFileInfo("images/arrow/arrow.ExportJson");
cocos2d::extension::CCArmature *pArrow = cocos2d::extension::CCArmature::create("arrow");
pArrow->getAnimation()->play("show");