好记性不如铅笔头

C && C++, cocos2dx, 编程

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");

 

发表评论

4 × 3 =

此站点使用 Akismet 来减少垃圾评论。了解我们如何处理您的评论数据