cocos2d-js使用plist执行自身动作
2016-01-10 20:25
573 查看
首先需要将精灵动作帧动画图片使用TexturePacker创建plist,创建好后,将生成的plist和png图片(所有帧动画图片集成的一张大图);
1、进行预加载操作
2、精灵需要自身动作,如跑动或者击打等动作,执行代码如下:
1、进行预加载操作
cc.spriteFrameCache.addSpriteFrames(res.Mario_plist);预加载后,可在工程中加载使用plist中的任何一个动作图片,使用方式:
cc.spriteFrameCache.getSpriteFrame("mario_14_01.png");
2、精灵需要自身动作,如跑动或者击打等动作,执行代码如下:
addFrames:function(){ for(var i=1;i<21;i++){ if(i<10){ this.spriteFames.push(cc.spriteFrameCache.getSpriteFrame("mario_14_0"+i+".png")); }else{ this.spriteFames.push(cc.spriteFrameCache.getSpriteFrame("mario_14_"+i+".png")); } } }, runSelf:function(){ var animation = new cc.Animation(this.spriteFames); animation.setDelayPerUnit(1/30); animation.setRestoreOriginalFrame(true); animation.setLoops(-1); var animate = cc.Animate(animation); this.mario.runAction(animate); }如上代码,在addFrames函数中,将plist的动作图片加入spriteFrames数组中,在runSelf函数中,定义动画,最后让马里奥执行动画,如没有什么差错,此时应该能看到一个拼命在跑动的马里奥,虽然只是在原地踏步。
相关文章推荐
- cocos2d-x线程使用错误修正
- cocos2d-x 3.0 android mk文件 之 自己主动遍历*.cpp文件
- cocos2d-x 减少编译时间/免除重复编译
- Cocos2d-x 游戏存档
- Cocos2d-x 地图行走的实现3:A*算法
- 如何实现字幕效果,cocos2dx ,Lua
- cocos2d-3.8.1 交叉编译 安卓版本
- cocos2dx之旋转的button
- cocos2dx之实现扑克牌翻转效果的三种方法
- cocos2D-X源码分析之从cocos2D-X学习OpenGL(3)----BATCH_COMMAND
- cocos2D-X源码分析之从cocos2D-X学习OpenGL(2)----QUAD_COMMAND
- 25.cocos2d-x物理引擎(每点击一次屏幕添加一个小球)
- cocos2D-X源码分析之从cocos2D-X学习OpenGL(1)----cocos2D-X渲染结构
- 24.Cocos2d-x瓦片地图TMXTiledMap
- 关于cocos studio 适配问题
- cocos2d-html5游戏图片资源选择
- cocos2d-x按钮设置
- [cocos2dx]我的学习记录
- Cocos2Dx之内存管理-欧阳左至
- Cocos2Dx之游戏启动过程-欧阳左至