Cocos Creator 動作(動畫)筆記


動作
cc.ActionInterval 和cc.ActionInstant;

var action = cc.moveTo(2, 100, 100); // 創建一個移動動作
node.runAction(action); // 執行動作
node.stopAction(action); // 停止一個動作
node.stopAllActions(); // 停止所有動作

順序動作 cc.sequence :
var seq = cc.sequence(cc.moveBy(0.5, 200, 0), cc.moveBy(0.5, -200, 0));
node.runAction(seq)

同步動作 cc.spawn :
var spawn = cc.spawn(cc.moveBy(0.5, 0, 50), cc.scaleTo(0.5, 0.8, 1.4));
node.runAction(spawn);

var seq = cc.repeat( cc.sequence( cc.moveBy(2, 200, 0), cc.moveBy(2, -200, 0) ), 5);
node.runAction(seq);
var seq = cc.repeatForever( cc.sequence( cc.moveBy(2, 200, 0), cc.moveBy(2, -200, 0) ));

var finished = cc.callFunc(this.myMethod, this, opt); //(回調函數,對象,回調方法的傳參)

//緩動動作,變成了動作的一個屬性;
var aciton = cc.scaleTo(0.5, 2, 2);
action.easing(cc.easeIn(3.0))

容器動作
動作名稱 簡介
cc.sequence 順序執行動作
cc.spawn 同步執行動作
cc.repeat 重復執行動作
cc.repeatForever 永遠重復動作
cc.speed 修改動作速率
即時動作
動作名稱 簡介
cc.show 立即顯示
cc.hide 立即隱藏
cc.toggleVisibility 顯隱狀態切換
cc.removeSelf 從父節點移除自身
cc.flipX X軸翻轉
cc.flipY Y軸翻轉
cc.place 放置在目標位置
cc.callFunc 執行回調函數
cc.targetedAction 用已有動作和一個新的目標節點創建動作
時間間隔動作
動作名稱 簡介
cc.moveTo 移動到目標位置
cc.moveBy 移動指定的距離
cc.rotateTo 旋轉到目標角度
cc.rotateBy 旋轉指定的角度
cc.scaleTo 將節點大小縮放到指定的倍數
cc.scaleBy 按指定的倍數縮放節點大小
cc.skewTo 偏斜到目標角度
cc.skewBy 偏斜指定的角度
cc.jumpBy 用跳躍的方式移動指定的距離
cc.jumpTo 用跳躍的方式移動到目標位置
cc.follow 追蹤目標節點的位置
cc.bezierTo 按貝賽爾曲線軌跡移動到目標位置
cc.bezierBy 按貝賽爾曲線軌跡移動指定的距離
cc.blink 閃爍(基於透明度)
cc.fadeTo 修改透明度到指定值
cc.fadeIn 漸顯
cc.fadeOut 漸隱
cc.tintTo 修改顏色到指定值
cc.tintBy 按照指定的增量修改顏色
cc.delayTime 延遲指定的時間量
cc.reverseTime 反轉目標動作的時間軸
cc.cardinalSplineTo 按基數樣條曲線軌跡移動到目標位置
cc.cardinalSplineBy 按基數樣條曲線軌跡移動指定的距離
cc.catmullRomTo 按 Catmull Rom 樣條曲線軌跡移動到目標位置
cc.catmullRomBy 按 Catmull Rom 樣條曲線軌跡移動指定的距離


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM