今天拿到了一堆图片,就试了下使用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");
发表评论