cocos2d-js使用plist执行自身动作
2017-09-24 14:36
567 查看
首先需要将精灵动作帧动画图片使用TexturePacker创建plist,创建好后,将生成的plist和png图片(所有帧动画图片集成的一张大图);
百牛信息技术bainiu.ltd整理发布于博客园
1、进行预加载操作
[javascript] view plain copy
cc.spriteFrameCache.addSpriteFrames(res.Mario_plist);
预加载后,可在工程中加载使用plist中的任何一个动作图片,使用方式:
[javascript] view plain copy
cc.spriteFrameCache.getSpriteFrame("mario_14_01.png");
2、精灵需要自身动作,如跑动或者击打等动作,执行代码如下:
[javascript] view plain copy
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函数中,定义动画,最后让马里奥执行动画,如没有什么差错,此时应该能看到一个拼命在跑动的马里奥,虽然只是在原地踏步。
百牛信息技术bainiu.ltd整理发布于博客园
1、进行预加载操作
[javascript] view plain copy
cc.spriteFrameCache.addSpriteFrames(res.Mario_plist);
预加载后,可在工程中加载使用plist中的任何一个动作图片,使用方式:
[javascript] view plain copy
cc.spriteFrameCache.getSpriteFrame("mario_14_01.png");
2、精灵需要自身动作,如跑动或者击打等动作,执行代码如下:
[javascript] view plain copy
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-js使用plist执行自身动作
- cocos2d-js中使用动作序列,以及callFunc函数的使用问题
- cocos2d-x 使用plist创建精灵并执行动画
- cocos2d sprite执行完动作之后调用回调自行销毁
- cocos2d-x plist使用
- CSS执行JS表达式或函数 CSS中expression使用简介
- js bind 函数 使用闭包保存执行上下文
- 技术转载(鼠标点击X窗口关闭IE的同时清空session,最基本的就是处理用户重复登陆需要用到,我想这个的关键在于如何捕捉到关闭IE这个动作,之后再根据自身的需要使用session.invalidate()或者session.removeAttribute( "xxx "))
- iOS-Cocos2d游戏开发】使用plist文件制作简单精灵
- cocos2d中.plist文件的使用
- iOS-Cocos2d游戏开发】使用Zwoptex生成plist文件
- iOS-Cocos2d使用Zwoptex生成plist文件
- cocos2d各种动作的使用(变色、跳动、旋转、闪烁、悬挂、放大缩小、渐变、animation)(三)
- js中setTimeOut()和setInterval()的使用--程序执行时间控制
- 使用struts 怎么才能在执行完js校验页面的信息,发现不全的情况下,不让页面提交到Action中
- 【asp.net 】使用js结合hidden控件实现在后台运行一段程序后提示确认,确认通过后继续执行后台代码~~~
- 使用下面的方法有利于提高JS代码的执行效率
- 【JavaScript】使用定时器实现Js的延期执行或重复执行setTimeout,setInterval
- 【iOS-Cocos2d游戏开发】使用Zwoptex生成plist文件
- 使用定时器实现Js的延期执行或重复执行setTimeout,setInterval