Cocos2d-JS动画(cocos creator 动画制作)

编辑：rootadmin

与动作密不可分的还有动画，动画又可以分为场景过渡动画和帧动画。场景过渡动画我们在以往介绍过，这一个我们只介绍帧动画。帧动画帧动画就是按一定时间间隔、一定的顺序、一帧一帧地显示帧图片。我们的美工要为精灵的运动绘制每一帧图片，因此帧动画会由很多帧组成，按照一定的顺序切换这些图片就可以了。在Cocos2d-JS中播放帧动画涉及到两个类：cc.Animation和cc.Animate，类图如下图所示，cc.Animation是动画类，它保存有很多动画帧，cc.Animate类是动作类它继承于cc.ActionInterval类，属于间隔动作类，它的作用是将cc.Animation定义的动画转换成为动作进行执行，这样我们就看到动画播放的效果了。帧动画相关类图实例：帧动画使用下面我们通过一个实例介绍一下帧动画的使用，这个实例如下图所示，点击Go按钮开始播放动画，这时候播放按钮标题变为Stop，点击Stop按钮可以停止播放动画。帧动画实例下面我们再看看具体的程序代码，app.js中的HelloWorldLayer的构造代码代码如下： app.js中的HelloWorldLayer中的onAction函数代码如下：上述第①行代码是创建一个Animation对象，它是动画对象，然后我们要通过循环将各个帧图片放到Animation对象中。第②行是获得帧图片的文件名。第③行代码是通过帧名创建精灵帧对象，第④行代码把精灵帧对象添加到Animation对象中。第⑤行代码animation.setDelayPerUnit(0.)是设置两个帧播放时间，我们这个动画播放是4帧。第⑥行代码animation.setRestoreOriginalFrame(true)是动画执行完成是否还原到初始状态。第⑦行代码是通过一个Animation对象创建Animate对象，第⑧行代码this.sprite.runAction(cc.repeatForever(action))是执行动画动作，无限循环方式。

推荐整理分享Cocos2d-JS动画(cocos creator 动画制作)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:cocos做动画,cocos2d帧动画,cocos spine动画,cocos creator动画教程,cocos spine动画,cocos spine动画,cocos做动画,cocos2d 动画,内容如对您有帮助，希望把文章链接给更多的朋友！

第⑨行代码this.sprite.stopAllActions()停止所有的动作。

更多内容请关注最新Cocos图书《Cocos2d-x实战：JS卷——Cocos2d-JS开发》本书交流讨论网站： JS卷》现已上线，各大商店均已开售：

京东：

【深入了解cocos2d-x 3.x】内置数据结构（2）——Map 其实最没意思的数据结构就是Map和Vector这两个了，完完全全就是std::map和std::vector上面再加了一层引用计数。当然，这也有好处，就是支持std算法以及支

Cocos2d-JS事件处理机制在很多图形用户技术中，事件处理机制一般都有三个重要的角色：事件、事件源和事件处理者。事件源是事件发生的场所，通常就是各个视图或控件，

铁嘴李的Cocos2dx之旅之添加按钮要在Cocos2d中使用Button，首先引入头文件#includeui/CocosGUI.husingnamespaceuil;引入完毕后，就创建button。代码如下：voidbtnGoodsItem(cocos2d::Ref*pSender,Widget::TouchEventTy