大佬教程收集整理的这篇文章主要介绍了Cocos2d-x从入门到精通第18节课《 Cocos Studio编辑序列帧及序列帧的使用 》，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

创建项目

本节课视频地址：http://edu.csdn.net/course/detail/1342/20996?auto_start=1

新建一个项目

（具体怎么创建，请参阅我们之前的课程），点击完成之后会自动打开Cocosstudio。

使用COcosstudio创建帧动画

导入资源：

右键单击Cocosstudio的工程文件，选择“导入资源”，然后找到资源存放的文件夹，选择图片，进行导入。

添加一个Sprite

选择“精灵”的选项卡，把它拖入到场景中。

设置记录帧

选中“自动记录帧”选项，只有这样才能记录到我们对帧动画每一帧的操作。

选中使用那一帧

首先选中第0帧，点击竖条即可选择帧。

选择Sprite

找到刚才创建的spite，单击一次

把图片拖动到sprite的图片资源选项

把刚才导入的图片资源拖动到图片资源的选项卡，当在你拖动的图片上有个绿色加号的提示的时候，松开鼠标指针即可。

重复以上操作，每次选择不同的帧，然后拖动不同的图片到图片资源。执行完你的操作后在动画做操作区域会出现如下：

这样通过Cocosstudio编辑动画的操作就结束了。

运行帧动画

点击Cocosstudio上方的“三角”按钮，Cocos模拟器就可以运行我们编辑的帧动画了。

在程序里加载帧动画

OK，上面通过操作Cocosstudio完成了对帧动画的编辑，下面我们就来看看如何通过代码加载帧动画。

//获得动画帧
    auto _rootNodeAni = CSLoader::createTimeline("MainScene.csb");
    //设置速度为60*0.3/s
    _rootNodeAni->setTimeSpeed(0.3);
    //播放动画，参数1，从第几帧开始播放，参数2，是否重复播放
    _rootNodeAni->gotoFrameAndPlay(0,truE);
    //播放动画
    rootNode->runAction(_rootNodeAni);

播放的代码是不是so easy啊，根据注释，相信大家应该很容易就能读懂吧。

OK，今天关于Cocosstudio编辑帧动画的课程就讲解完毕了，再见。

大佬总结

以上是大佬教程为你收集整理的Cocos2d-x从入门到精通第18节课《 Cocos Studio编辑序列帧及序列帧的使用 》全部内容，希望文章能够帮你解决Cocos2d-x从入门到精通第18节课《 Cocos Studio编辑序列帧及序列帧的使用 》所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。