cocosCreator動作詳解

元件的移動，旋轉、縮放等動畫效果稱為action

乙個元件可以同時執行多個action，小明一遍吃蛋糕一遍上廁所

執行動作

this

.node.
runaction()
;

移動到指定位置

var mto = cc.

moveto(1
,cc.v2(
100,
100)
);

移動指定距離

var mby = cc.

moveby(1
,cc.v2(
100,
100)
);

旋轉到指定角度

var rto = cc.

rotateto(1
,180);
//1秒內旋轉到180度

旋轉指定角度

var rto = cc.

rotateby(1
,180);
//1秒內旋轉180度

縮放到指定倍數大小

var rto = cc.

scaleto(1
,2);
//1秒內縮放到兩倍大小

縮放指定倍數大小

var rto = cc.

scaleby(1
,2);
//1秒內縮放兩倍大小

透明度增加到指定透明度（淡入）

var rto = cc.

fadein(1
);//需要設定節點的初識opacity為0才有淡入的效果

淡出

var rto = cc.

fadeout(1
);//屬性為時間

褪色到指定透明度

var rto = cc.

fadeto
(128);
//1秒內縮放到兩倍大小

呼叫函式動作，單獨體系執行，有延遲

var func = cc.

callfunc
(function()
.bind
(this))
;

延時指定時間後執行下面的action

var d = cc.

delaytime(3
);var func = cc.
callfunc
(function()
.bind
(this))
;var seq = cc.
sequence
([d,func]);
//延時三秒後從父親節點刪除自己

把多個動作集中到乙個命令清單內，有序執行

var m1 = cc.

moveto(1
,cc.v2(
100,
100));
var m2 = cc.
fadeout(1
);var seq = cc.
sequence
([m1,m2]);
this
.node.
runaction
(seq)
;// 定義兩個變數分別儲存移動和淡出的action，使用sequence命令把兩個動作集中到乙個命令清單內，有序執行

在有限的次數內迴圈執行

var m1 = cc.

moveto(1
,100
,100);
var m2 = cc.
moveto(1
,0,0
);var seq = cc.
sequence
([m1,m2]);
var rep = cc.
repeat
(seq,10)
;this
.node.
runaction
(rep)
;

無限迴圈執行

var m1 = cc.

scaleto(1
,1.2);
var m2 = cc.
scaleto
(1.0.8)
;var seq = cc.
sequence
([m1,m2]);
var repf = cc.
repeatforever
(seq)
;this
.node.
runaction
(repf)
;

官方預製好的動畫效果，更多效果可檢視官方文件

var m1 = cc.

moveto(1
,100
,100).
easing
(cc.
easebackout()
);this
.node.
runaction
(m1)
;

停止某個action

var repf = cc.

repeatforever
(seq)
;this
.node.
stopaction
(repf)
;

停止全部action

var m1 = cc.

scaleto(1
,1.2);
var m2 = cc.
scaleto
(1.0.8)
;var seq = cc.
sequence
([m1,m2]);
this
.node.
stopallaction()
;

Cocos Creator 元件 動作Action

panel action.js var panel action type cc.enum var panel action cc.class action sequence action repeat action repeatforever action spawn action delayti...

cocos creator 動作筆記（一）

1 time時間完成當前node的大小到設定的縮放大小的轉變。var action1 cc.scaleto time,scalex scaley 2 time時間node移動指定距離,正數向上，負數向下。var action2 cc.moveby time,x,y 3 time時間node移動到指定...

cocos creator 十二 問題

1 socket為什麼不能使用 2 cocos類之攝像機使用問題 1 在使用socket為什麼不能使用 if cc.sys.isnative opts this sio window.io connect this.ip opts this sio.on connect function data ...