标签：c++ cocos2d cocos2d-x 开发人员 游戏
与动作密不可分的还有动画，动画又可以分为场景过渡动画和帧动画。场景过渡动画我们在以往介绍过，这一个我们只介绍帧动画。
ctor: function () {
this._super();
var size = cc.director.getWinSize();
var bg = new cc.Sprite(res.Background_png);
bg.x = size.width / 2;
bg.y = size.height / 2;
this.addChild(bg);
var frameCache = cc.spriteFrameCache;
frameCache.addSpriteFrames(res.run_plist, res.run_png);
this.sprite = new cc.Sprite("#h1.png");
this.sprite.x = size.width / 2;
this.sprite.y = size.height / 2;
this.addChild(this.sprite);
//toggle菜单
var goNormalSprite = new cc.Sprite("#go.png");
var goSelectedSprite = new cc.Sprite("#go.png");
var stopSelectedSprite = new cc.Sprite("#stop.png");
var stopNormalSprite = new cc.Sprite("#stop.png");
var goToggleMenuItem = new cc.MenuItemSprite(goNormalSprite, goSelectedSprite);
var stopToggleMenuItem = new cc.MenuItemSprite(stopSelectedSprite, stopNormalSprite);
var toggleMenuItem = new cc.MenuItemToggle(
goToggleMenuItem,
stopToggleMenuItem,
this.onAction, this);
toggleMenuItem.x = 930;
toggleMenuItem.y = size.height - 540;
var mn = new cc.Menu(toggleMenuItem);
mn.x = 0;
mn.y = 0;
this.addChild(mn);
return true;
}app.js中的HelloWorldLayer中的onAction函数代码如下：onAction: function (sender) {
if (this.isPlaying != true) {
///////////////动画开始//////////////////////
var animation = new cc.Animation(); ①
for (var i = 1; i <= 4; i++) {
var frameName = "h" + i + ".png"; ②
cc.log("frameName = " + frameName);
var spriteFrame = cc.spriteFrameCache.getSpriteFrame(frameName); ③
animation.addSpriteFrame(spriteFrame); ④
}
animation.setDelayPerUnit(0.15); //设置两个帧播放时间 ⑤
animation.setRestoreOriginalFrame(true); //动画执行后还原初始状态 ⑥
var action = cc.animate(animation); ⑦
this.sprite.runAction(cc.repeatForever(action)); ⑧
//////////////////动画结束///////////////////
this.isPlaying = true;
} else {
this.sprite.stopAllActions(); ⑨
this.isPlaying = false;
}
}上述第①行代码是创建一个Animation对象，它是动画对象，然后我们要通过循环将各个帧图片放到Animation对象中。第②行是获得帧图片的文件名。第③行代码是通过帧名创建精灵帧对象，第④行代码把精灵帧对象添加到Animation对象中。第⑨行代码this.sprite.stopAllActions()停止所有的动作。
《Cocos2d-x实战 JS卷》现已上线，各大商店均已开售：
京东：http://item.
标签：c++ cocos2d cocos2d-x 开发人员 游戏
原文地址：http://blog.csdn.net/tonny_guan/article/details/44747543
