1. 程式人生 > >Cocos Creator 組件-動作ActionScale

Cocos Creator 組件-動作ActionScale

rom sta nbsp 如果 sch love 超過 hand int

嵌套暫時沒法做,先做些常用的單獨使用的動作組件

ActionScale.js (拖到需要做該動作的節點上,不同類型的動作互不影響)

var ActionDurationScale = cc.Class({
    name: "ActionDurationScale",
    properties: {
        delayTime: {
            default: 0,
            displayName: "延時",
            min: 0
        },
        duration: {
            default: 1,
            displayName: "時長",
            min: 0
        },
        scale: {
            default: 1,
            displayName: "縮放值",
        },
        callback: {
            default: null,
            type: cc.Component.EventHandler,
            displayName: "完成回調",
        }
    }
});

cc.Class({
    extends: cc.Component,

    properties: {
        auto: {
            default: false,
            displayName: "自動執行",
            tooltip: "如果false,則需要回調執行該腳本組件的begin方法"
        },

        delayTime: {
            default: 0,
            displayName: "自動延遲執行時長",
            tooltip: "只有在自動執行模式下,這個延遲才會有效",
            min: 0
        },

        target: {
            default: null,
            type: cc.Node,
            displayName: "執行的節點",
            tooltip: "如果沒有設置就默認 掛載該腳本的節點"
        },

        startFromCurrent: {
            default: false,
            displayName: "從當前狀態執行",
            tooltip: "勾上:從當前狀態開始執行動作  不勾:從編輯的初始狀態開始執行"
        },

        times: {
            default: 1,
            type: cc.Integer,
            displayName: "執行次數",
            tooltip: "一套動作數組 執行的次數",
            min: 1
        },

        scaleToOrBy: {
            default: true,
            displayName: "縮放到or縮放了",
            tooltip: "勾上:縮放動到(絕對值);不勾: 縮放動了(相對值)"
        },

        actionScales: {
            default: [],
            type: ActionDurationScale,
            displayName: "動作數組",
            tooltip: "暫時只支持到5個,超過了,自己進來擴寫代碼"
        },

        allOverCallback: {
            default: true,
            displayName: "全部完成/每完成一次回調",
            tooltip: "勾上:全部完成才回調  不勾:每完成一次都回調,執行幾次就調幾遍回調"
        },

        overCallbacks: {
            default: [],
            type: cc.Component.EventHandler,
            displayName: "完成回調數組"
        }
    },

    // LIFE-CYCLE CALLBACKS:

    // onLoad () {},

    start () {
        this.actionNode = this.target;
        if (this.actionNode == undefined || this.actionNode == null) {
            this.actionNode = this.node;
        }

        this.actionNode.srcScale = this.actionNode.scale;

        if (this.auto) {
            this.scheduleOnce(function() {
                this.begin();
            }, this.delayTime);
        }
    },

    begin () {
        this.reset();
        this.currentTime = this.times;
        this.action();
    },

    reset () {
        this.currentTime = 0;
        this.actionNode.stopActionByTag(111005);
        if (this.startFromCurrent) {
            
        } else {
            this.actionNode.scale = this.actionNode.srcScale;
        }
    },

    // update (dt) {},

    action () {
        if (this.currentTime > 0) {
            this.currentTime--;
        } else {
            return;
        }
        
        if (this.scaleToOrBy) {
            if (this.actionScales.length == 1) {
                this.actionNode.runAction(this.actionID = cc.sequence(
                    cc.delayTime(this.actionScales[0].delayTime), cc.scaleTo(this.actionScales[0].duration, this.actionScales[0].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[0].callback); }.bind(this)),
                    cc.callFunc(function() { this.action(); this.overCallback(); }.bind(this))));
            } else if (this.actionScales.length == 2) {
                this.actionNode.runAction(this.actionID = cc.sequence(
                    cc.delayTime(this.actionScales[0].delayTime), cc.scaleTo(this.actionScales[0].duration, this.actionScales[0].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[0].callback); }.bind(this)),
                    cc.delayTime(this.actionScales[1].delayTime), cc.scaleTo(this.actionScales[1].duration, this.actionScales[1].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[1].callback); }.bind(this)),
                    cc.callFunc(function() { this.action(); this.overCallback(); }.bind(this))));
            } else if (this.actionScales.length == 3) {
                this.actionNode.runAction(this.actionID = cc.sequence(
                    cc.delayTime(this.actionScales[0].delayTime), cc.scaleTo(this.actionScales[0].duration, this.actionScales[0].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[0].callback); }.bind(this)),
                    cc.delayTime(this.actionScales[1].delayTime), cc.scaleTo(this.actionScales[1].duration, this.actionScales[1].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[1].callback); }.bind(this)),
                    cc.delayTime(this.actionScales[2].delayTime), cc.scaleTo(this.actionScales[2].duration, this.actionScales[2].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[2].callback); }.bind(this)),
                    cc.callFunc(function() { this.action(); this.overCallback(); }.bind(this))));
            } else if (this.actionScales.length == 4) {
                this.actionNode.runAction(this.actionID = cc.sequence(
                    cc.delayTime(this.actionScales[0].delayTime), cc.scaleTo(this.actionScales[0].duration, this.actionScales[0].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[0].callback); }.bind(this)),
                    cc.delayTime(this.actionScales[1].delayTime), cc.scaleTo(this.actionScales[1].duration, this.actionScales[1].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[1].callback); }.bind(this)),
                    cc.delayTime(this.actionScales[2].delayTime), cc.scaleTo(this.actionScales[2].duration, this.actionScales[2].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[2].callback); }.bind(this)),
                    cc.delayTime(this.actionScales[3].delayTime), cc.scaleTo(this.actionScales[3].duration, this.actionScales[3].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[3].callback); }.bind(this)),
                    cc.callFunc(function() { this.action(); this.overCallback(); }.bind(this))));
            } else if (this.actionScales.length == 5) {
                this.actionNode.runAction(this.actionID = cc.sequence(
                    cc.delayTime(this.actionScales[0].delayTime), cc.scaleTo(this.actionScales[0].duration, this.actionScales[0].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[0].callback); }.bind(this)),
                    cc.delayTime(this.actionScales[1].delayTime), cc.scaleTo(this.actionScales[1].duration, this.actionScales[1].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[1].callback); }.bind(this)),
                    cc.delayTime(this.actionScales[2].delayTime), cc.scaleTo(this.actionScales[2].duration, this.actionScales[2].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[2].callback); }.bind(this)),
                    cc.delayTime(this.actionScales[3].delayTime), cc.scaleTo(this.actionScales[3].duration, this.actionScales[3].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[3].callback); }.bind(this)),
                    cc.delayTime(this.actionScales[4].delayTime), cc.scaleTo(this.actionScales[4].duration, this.actionScales[4].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[4].callback); }.bind(this)),
                    cc.callFunc(function() { this.action(); this.overCallback(); }.bind(this))));
            } else if (this.actionScales.length == 6) {
                this.actionNode.runAction(this.actionID = cc.sequence(
                    cc.delayTime(this.actionScales[0].delayTime), cc.scaleTo(this.actionScales[0].duration, this.actionScales[0].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[0].callback); }.bind(this)),
                    cc.delayTime(this.actionScales[1].delayTime), cc.scaleTo(this.actionScales[1].duration, this.actionScales[1].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[1].callback); }.bind(this)),
                    cc.delayTime(this.actionScales[2].delayTime), cc.scaleTo(this.actionScales[2].duration, this.actionScales[2].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[2].callback); }.bind(this)),
                    cc.delayTime(this.actionScales[3].delayTime), cc.scaleTo(this.actionScales[3].duration, this.actionScales[3].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[3].callback); }.bind(this)),
                    cc.delayTime(this.actionScales[4].delayTime), cc.scaleTo(this.actionScales[4].duration, this.actionScales[4].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[4].callback); }.bind(this)),
                    cc.delayTime(this.actionScales[5].delayTime), cc.scaleTo(this.actionScales[5].duration, this.actionScales[5].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[5].callback); }.bind(this)),
                    cc.callFunc(function() { this.action(); this.overCallback(); }.bind(this))));
            }
        } else {
            if (this.actionScales.length == 1) {
                this.actionNode.runAction(this.actionID = cc.sequence(
                    cc.delayTime(this.actionScales[0].delayTime), cc.scaleBy(this.actionScales[0].duration, this.actionScales[0].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[0].callback); }.bind(this)),
                    cc.callFunc(function() { this.action(); this.overCallback(); }.bind(this))));
            } else if (this.actionScales.length == 2) {
                this.actionNode.runAction(this.actionID = cc.sequence(
                    cc.delayTime(this.actionScales[0].delayTime), cc.scaleBy(this.actionScales[0].duration, this.actionScales[0].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[0].callback); }.bind(this)),
                    cc.delayTime(this.actionScales[1].delayTime), cc.scaleBy(this.actionScales[1].duration, this.actionScales[1].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[1].callback); }.bind(this)),
                    cc.callFunc(function() { this.action(); this.overCallback(); }.bind(this))));
            } else if (this.actionScales.length == 3) {
                this.actionNode.runAction(this.actionID = cc.sequence(
                    cc.delayTime(this.actionScales[0].delayTime), cc.scaleBy(this.actionScales[0].duration, this.actionScales[0].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[0].callback); }.bind(this)),
                    cc.delayTime(this.actionScales[1].delayTime), cc.scaleBy(this.actionScales[1].duration, this.actionScales[1].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[1].callback); }.bind(this)),
                    cc.delayTime(this.actionScales[2].delayTime), cc.scaleBy(this.actionScales[2].duration, this.actionScales[2].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[2].callback); }.bind(this)),
                    cc.callFunc(function() { this.action(); this.overCallback(); }.bind(this))));
            } else if (this.actionScales.length == 4) {
                this.actionNode.runAction(this.actionID = cc.sequence(
                    cc.delayTime(this.actionScales[0].delayTime), cc.scaleBy(this.actionScales[0].duration, this.actionScales[0].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[0].callback); }.bind(this)),
                    cc.delayTime(this.actionScales[1].delayTime), cc.scaleBy(this.actionScales[1].duration, this.actionScales[1].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[1].callback); }.bind(this)),
                    cc.delayTime(this.actionScales[2].delayTime), cc.scaleBy(this.actionScales[2].duration, this.actionScales[2].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[2].callback); }.bind(this)),
                    cc.delayTime(this.actionScales[3].delayTime), cc.scaleBy(this.actionScales[3].duration, this.actionScales[3].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[3].callback); }.bind(this)),
                    cc.callFunc(function() { this.action(); this.overCallback(); }.bind(this))));
            } else if (this.actionScales.length == 5) {
                this.actionNode.runAction(this.actionID = cc.sequence(
                    cc.delayTime(this.actionScales[0].delayTime), cc.scaleBy(this.actionScales[0].duration, this.actionScales[0].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[0].callback); }.bind(this)),
                    cc.delayTime(this.actionScales[1].delayTime), cc.scaleBy(this.actionScales[1].duration, this.actionScales[1].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[1].callback); }.bind(this)),
                    cc.delayTime(this.actionScales[2].delayTime), cc.scaleBy(this.actionScales[2].duration, this.actionScales[2].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[2].callback); }.bind(this)),
                    cc.delayTime(this.actionScales[3].delayTime), cc.scaleBy(this.actionScales[3].duration, this.actionScales[3].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[3].callback); }.bind(this)),
                    cc.delayTime(this.actionScales[4].delayTime), cc.scaleBy(this.actionScales[4].duration, this.actionScales[4].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[4].callback); }.bind(this)),
                    cc.callFunc(function() { this.action(); this.overCallback(); }.bind(this))));
            } else if (this.actionScales.length == 6) {
                this.actionNode.runAction(this.actionID = cc.sequence(
                    cc.delayTime(this.actionScales[0].delayTime), cc.scaleBy(this.actionScales[0].duration, this.actionScales[0].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[0].callback); }.bind(this)),
                    cc.delayTime(this.actionScales[1].delayTime), cc.scaleBy(this.actionScales[1].duration, this.actionScales[1].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[1].callback); }.bind(this)),
                    cc.delayTime(this.actionScales[2].delayTime), cc.scaleBy(this.actionScales[2].duration, this.actionScales[2].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[2].callback); }.bind(this)),
                    cc.delayTime(this.actionScales[3].delayTime), cc.scaleBy(this.actionScales[3].duration, this.actionScales[3].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[3].callback); }.bind(this)),
                    cc.delayTime(this.actionScales[4].delayTime), cc.scaleBy(this.actionScales[4].duration, this.actionScales[4].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[4].callback); }.bind(this)),
                    cc.delayTime(this.actionScales[5].delayTime), cc.scaleBy(this.actionScales[5].duration, this.actionScales[5].scale), cc.callFunc(function() { this.callEventHandler(this.actionScales[5].callback); }.bind(this)),
                    cc.callFunc(function() { this.action(); this.overCallback(); }.bind(this))));
            }
        }
        
        this.actionID.setTag(111005);
    },

    overCallback() {
        if (this.currentTime > 1) {
            if (this.allOverCallback) {
                for (let i = 0; i < this.overCallbacks.length; i++) {
                    if (this.overCallbacks[i] != null && this.overCallbacks[i].target != null) {
                        this.overCallbacks[i].emit([this, this.overCallbacks[i].customEventData]);
                    }
                }
            }
        } else {
            for (let i = 0; i < this.overCallbacks.length; i++) {
                if (this.overCallbacks[i] != null && this.overCallbacks[i].target != null) {
                    this.overCallbacks[i].emit([this, this.overCallbacks[i].customEventData]);
                }
            }
        }
    },

    callEventHandler(eventHandler) {
        if (eventHandler && eventHandler.target) {
            eventHandler.emit([this]);
        }
    }
});

Cocos Creator 組件-動作ActionScale