Cocos2d-js 學習（三）: 簡單動畫使用

 

1、  執行動畫

var sprite = new cc.Sprite(“圖片地址..”);

var action = cc. scaleBy(0.5, 0.5);

sprite.runAction(action); // 動畫執行一次

 

2、  動畫無限執行

action. repeatForever(); // 調用一下這個玩意，動畫就能無限執行

sprite.runAction(action);

 

3、  翻轉設置的動畫

var action2 = action. reverse(); // 翻轉設置的動畫

 

4、  動畫順序執行

var seq = cc.sequence(action, action2); // 動畫按action、action2順序執行

sprite.runAction(seq); // 執行一次動畫

 

5、  動畫同時執行

var action1 = cc.scaleTo(1.5, 1.5);

var action2 = cc. cc.moveBy(1.5, 50, 0);

var spawn = cc.spawn(action1, action2); // 動畫同時執行

sprite.runAction(spawn); // 執行一次動畫

 

6、  緩動效果

var jump = cc.jumpTo(1秒, x, y, 幅度, 次數);

jump.easing(// 緩動函數);

 

常用緩動函數有：

A、cc.easeIn(); // 從0開始加速

B、cc.easeOut(); // 減速到0

C、cc.easeInOut(); // 先加速後減速

 

7、 動畫回調設置

var cb = cc.callFunc(回調處理函數, 函數的this對象);

var fade = cc.fadeOut(2); // 2秒後fadeOut

var action = cc.sequence(fade, cb);

sprite.runAction(action); // fade執行完後，執行 cb