Cocos Creator精灵动作实现及示例

序
cc.spawn -->同时执行动作
cc.sequence -->动作序列，有序地一个一个执行动作
runAction -->运行
repeatForever -->重复执行动作

1、不断做旋转和缩放

var man = new cc.Sprite(“res/sprite.png”); // 创建精灵
man.runAction(cc.spawn(cc.rotateBy(1, 360, 360), cc.sequence(cc.scaleTo(1,2), cc.scaleTo(1, 1))).repeatForever());

2、放大缩小 一次

man.runAction( cc.sequence(cc.scaleTo(1, 2), cc.scaleTo(1, 1)) );

3、旋转动作

man.runAction(cc.spawn(cc.rotateBy(1, 360, 360);
// 缩放动作 arg0:时间 arg1:缩放倍数 =1正常大小，>1放大，<1缩小
man.runAction(cc.sequence(cc.scaleTo(1, 2), cc.scaleTo(1, 1)) );
man.runAction(cc.sequence(cc.scaleTo(1, 2), cc.scaleTo(1, 1)) );

4、闪烁效果

var blink = new cc.Blink(10, 100);
man.runAction(blink);
setTimeout(function(){
blink.stop();//2秒后停止闪烁
}, 2000);

5、渐变效果

var action = cc.FadeTo.create(1, 150);//1秒对象由不透明0变为透明度150

6、多个动作按顺序执行

var action = cc.sequence(
cc.moveBy(1.5, cc.p(240, 0)), // 1.5s 时间 x 右移 240 ，y 不变
cc.rotateBy(1.5, 360,360),
cc.moveBy(1.5, cc.p(-240, 0)),
);
man.runAction(action);

7、淡入效果

var action = cc.fadeIn(1.0);
var delay = cc.delayTime(0.25);
var actionBack = action.reverse();
man.runAction(cc.sequence(action, delay, actionBack));

8、淡出效果

var action = cc.fadeOut(1.0);
var delay = cc.delayTime(0.25);
var actionBack = action.reverse();
man.runAction(cc.sequence(action, delay.clone(), actionBack));

9、时间延迟 (休眠)

var delay = cc.delayTime(0.25);