位置: 编程技术 - 正文
[置顶] Cocos2d-JS中使用CocosStudio资源——帧动画（2）([置顶] clauvio,Twitter小老鼠)
编辑：rootadmin推荐整理分享[置顶] Cocos2d-JS中使用CocosStudio资源——帧动画（2）([置顶] clauvio,Twitter小老鼠)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:[置顶] clauvio,Twitter小老鼠,[置顶] 此外,车牌号:454118(懂得都懂[doge]),[置顶]JM259194,[置顶]JM259194,[置顶] 纯享版奥义,手机迅雷搜:阿天动漫,[置顶] chill your life,[置顶] clauvio,Twitter小老鼠,[置顶] chill your life,内容如对您有帮助，希望把文章链接给更多的朋友！
在本篇博客中，我们将通过一个在Cocos2d-JS中使用从CocosStudio导出的帧动画资源的例子，来简要介绍以下内容：利用ActionTimeLine进行动画切割，如何使用导出的帧动画资源。关于帧动画，由于内容繁杂。我们将分为两篇进行介绍。在上一篇中，我们已经做好了前期的资源准备和CocosCodeIDE中的简单处理，本篇将主要介绍资源的使用问题。
一、使用CocosStudio资源做好了前期的准备工作，终于到我们的重头戏（FrameAnimationScene.js）了，下面，我们将要来学习如何获取CocosStudio中导出的资源等。
第一步：加载FrameAnimationScene界面的JSON资源分析，并获取FrameAnimationScene对象。将FrameAnimationScene对象加入到layer中。具体代码如下：
第二步：从FrameAnimationScene中查找相应的控件对象，包括button控件和Shark动画节点所依附的那个节点，查找方法相似。具体代码如下：
第三步：添加事件监听，方法类似，具体代码如下：
第四步：运行动画前的准备工作，包括获取ActionTimeLine对象等，具体代码如下：
第五步：设置帧事件监听。注意，此处有大坑！
第六步：定义相应监听事件的具体处理信息，具体代码如下：
update：伪帧事件监听处理函数。
PS：如果没有Bug的话，帧事件处理应该写在这里：
Button控件触发的事件处理，在这个事件处理里面，我们会展示游戏设计中常用的帧动画处理的相关方法具体代码如下：
PS：changeButtonBright函数的具体代码：
![[置顶]
Cocos2d-JS中使用CocosStudio资源——帧动画（2）([置顶] clauvio,Twitter小老鼠)](https://www.jiuchutong.com/image/20240129/1706502377.jpg)
代码简介：
上面的代码都有注释，看了应该很明白。这里就简单介绍一下：
1.整体思路： 通过点击三个技能按钮，分别为普通攻击，大招攻击，死亡。每个技能释放过程中，所有技能都会进入冷却状态，只有等技能释放完毕后，才能释放下一个技能。释放死亡技能时（额，这个不能算作技能。），人物会向前走几步，再倒地死亡，然后再滑回来（只是为了让人物保持原来位置，所以加个滑回来的动作。）。
2.技能冷却设计： 我想这个应该是游戏设计中经常会用到的功能。首先，我们在每次释放技能的时候，调用changeButtonBright方法，将所有技能按钮禁用（类似于进入冷却）。由于帧事件回调函数shark.setFrameEventCallFunc(this.frameAnimationEvent);不能用，所以，我们采用update方法，每一帧都更新一次，检查一下，现在是否在释放技能，如果不在释放技能，就激活处于冷却状态的技能。
通过上面的过程就可以顺利地完成技能的冷却和激活操作，当然了你可以进一步在update函数处理中，对更细节的地方进行处理。操作和思路应该都相似。
PS:貌似isDone()方法也不能用，求官方早日解决！！！！当然了，如果是我使用姿势不对，还欢迎各位朋友指点一二。
3.边放动画边移动： 我想这也是大多数游戏设计中所必须的功能，你想如果你的人物在不停地奔跑，却在屏幕中只停留于原地，这得是多么悲哀的事情！！！！ 本文提供了一种解决方案，那就是：获取动画节点所依附的节点，通过操作此节点可以实现边移动（MoveBy）边播放动画。在这个例子中，我们是在人物死亡时，让他向前走几步再死，然后滑回去。
二、运行效果到这里，对于FrameAnimationScene界面的分析和使用就介绍完毕了。你可以运行一下。我的部分运行效果如下： 大招效果图
死亡效果图
三、补充说明为了方便大家学习研究，下面提供本教程项目文件的百度网盘下载链接：
LoginScene.js的完整源码如下：
Cocos2d开发手记——bug篇（一） Cocos2d开发手记——bug篇（一）初学Cocos2d，期间遇到了很多的问题，而今天遇上了一个很小的bug却也困扰了我很长时间，关于Layer中的boolinit()方法在继承
关于 html5 播放 vo 遇到的一些问题 Duang...html5audio标签的使用啦。当然必须要在支持的浏览器上啦。。。好吧代码html代码audiosrc=vo/example.mp3controls=controlsloop=trueautoplay=autoplayid=myAudioYourbrowserd
cocos2d-x中的导演类 Cocos2d-x使用Director（导演）的概念。是的，就像拍电影一样！Director类控制着游戏整体并通知游戏接下来需要做什么。把你自己当成影片的监制人，你肯
上一篇：[置顶] Cocos2d-JS中使用CocosStudio资源——帧动画（1）([置顶]电影名字《收件人不详》)
下一篇：Cocos2d开发手记——bug篇（一）(cocos2dx 教程)
