Cocos Creator 元件 動作Action

2022-07-21 11:24:19 字數 2420 閱讀 8567

panel_action.js

var panel_action_type = cc.enum();

var panel_action = cc.class(,

action_sequence:

},action_repeat:

},action_repeatforever:

},action_spawn:

},action_delaytime:

},action_moveto:

},action_moveby:

},action_rotateto:

},action_rotateby:

},action_scaleto:

},action_scaleby:

},action_fadein:

},action_fadeout:

},action_fadeto:

},action_blink:

},action_jumpto:

},action_jumpby:

},action_bezierto:

},action_bezierby:

},action_skewto:

},action_skewby:

},action_tintto:

},action_tintby:

},}),

});module.export = panel_action;

使用action的元件(拖到需要做動作的節點上)

panelaction.js

var panel_actioninterval = cc.class(,

});var panel_sequence = cc.class(),

});var panel_repeat = cc.class(,

}),});var panel_repeatforever = cc.class(),

});var panel_spawn = cc.class(),

});var panel_delaytime = cc.class(,

},});var panel_moveto = cc.class(,

vec2: ,

},});var panel_moveby = cc.class(,

vec2: ,

},});var panel_rotateto = cc.class(,

vec2: ,

},});var panel_rotateby = cc.class(,

vec2: ,

},});var panel_scaleto = cc.class(,

vec2: ,

},});var panel_scaleby = cc.class(,

vec2: ,

},});var panel_fadein = cc.class(,

},});var panel_fadeout = cc.class(,

},});var panel_fadeto = cc.class(,

opacity: ,

},});var panel_blink = cc.class(,

blinks: ,

},});var panel_jumpto = cc.class(,

vec2: ,

height: ,

jumps: ,

},});var panel_jumpby = cc.class(,

vec2: ,

height: ,

jumps: ,

},});var panel_bezierto = cc.class(,

vec2s: ,

},});var panel_bezierby = cc.class(,

vec2s: ,

},});var panel_skewto = cc.class(,

vec2: ,

},});var panel_skewby = cc.class(,

vec2: ,

},});var panel_tintto = cc.class(,

color:

},});var panel_tintby = cc.class(,

color:

},});cc.class(,

// life-cycle callbacks:

// onload () {},

start () ,

// update (dt) {},

});module.export =

文章開頭就說明了,暫時官方預設的面板沒法支援巢狀定義的元件,先記錄,後期再擴充套件inspector。

寫成元件,主要是方便非程式的編輯人員就可以製作動畫,雖然官方也提供了動作編輯器面板

Cocos Creator 元件 畫筆

0.試用於cocoscreator1.x及以下版本 會強制設定掛載該指令碼的節點的anchor為 0.5,0.5 方便觸控位置轉換 可以在該節點上新增cc.sprite元件當背景色,不加則為背景透明 畫板尺寸和掛載該指令碼的節點size一致 1.setpen event,param 直接設定畫筆功能...

cocos creator 基本元件

效果 精靈最普通的模式,選擇該模式後,將縮放到指定的大小 tiled 平鋪模式,以平鋪的模式 slice 九宮格模式,指定拉伸區域 九宮格的邊角不會拉伸 filled 設定填充的方式 圓,矩形 可以使用比例來裁剪顯示 只顯示的比例 獲取按鈕元件 start function 觸發按鈕的響應事件,而不...

CocosCreator元件屬性詳解(筆記)

motionstreak元件 屬性作用 position 位置座標 相對父親節點 rotation 旋轉角度 順時針旋轉 相對父親節點 scale 子節點的相對縮放,會影響所有子節點 anchor 錨點,位置和縮放的基準點 size 尺寸,修改父親節點的尺寸不會影響子節點 color 渲染顏色 op...