Cocos Creator 组件-动作ActionPlace

嵌套暂时没法做，先做些常用的单独使用的动作组件

ActionPlace.js (拖到需要做该动作的节点上，不同类型的动作互不影响)

// begin    开始
// reset    重置信息

var ActionDelayTimePlace = cc.Class({
    name: "ActionDelayTimePlace",
    properties: {
        delayTime: {
            default: 1,
            displayName: "延迟时长",
            min: 0
        },
        position: {
            default: cc.v2(),
            displayName: "位置",
        },
        callback: {
            default: null,
            type: cc.Component.EventHandler,
            displayName: "完成回调",
        }
    }
});

cc.Class({
    extends: cc.Component,

    properties: {
        auto: {
            default: false,
            displayName: "自动执行",
            tooltip: "如果false，则需要回调执行该脚本组件的begin方法"
        },

        target: {
            default: null,
            type: cc.Node,
            displayName: "执行的节点",
            tooltip: "如果没有设置就默认 挂载该脚本的节点"
        },

        times: {
            default: 1,
            type: cc.Integer,
            displayName: "执行次数",
            tooltip: "一套动作数组 执行的次数",
            min: 1
        },

        actionMoves: {
            default: [],
            type: ActionDelayTimePlace,
            displayName: "动作数组",
            tooltip: "暂时只支持到10个，超过了，自己进来扩写代码"
        },

        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.srcPosition = this.actionNode.position;

        if (this.auto) {
            this.begin();
        }
    },

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

    reset() {
        this.currentTime = 0;
        this.actionNode.stopActionByTag(111003);
        this.actionNode.position = this.actionNode.srcPosition;
    },

    // update (dt) {},

    action () {
        if (this.currentTime > 0) {
            this.currentTime--;
        } else {
            return;
        }

        if (this.actionMoves.length == 1) {
            this.actionNode.runAction(this.actionID = cc.sequence(
                cc.delayTime(this.actionMoves[0].delayTime), cc.place(this.actionMoves[0].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[0].callback); }.bind(this)),
                cc.callFunc(function() { this.action(); this.overCallback(); }.bind(this))));
        } else if (this.actionMoves.length == 2) {
            this.actionNode.runAction(this.actionID = cc.sequence(
                cc.delayTime(this.actionMoves[0].delayTime), cc.place(this.actionMoves[0].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[0].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[1].delayTime), cc.place(this.actionMoves[1].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[1].callback); }.bind(this)),
                cc.callFunc(function() { this.action(); this.overCallback(); }.bind(this))));
        } else if (this.actionMoves.length == 3) {
            this.actionNode.runAction(this.actionID = cc.sequence(
                cc.delayTime(this.actionMoves[0].delayTime), cc.place(this.actionMoves[0].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[0].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[1].delayTime), cc.place(this.actionMoves[1].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[1].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[2].delayTime), cc.place(this.actionMoves[2].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[2].callback); }.bind(this)),
                cc.callFunc(function() { this.action(); this.overCallback(); }.bind(this))));
        } else if (this.actionMoves.length == 4) {
            this.actionNode.runAction(this.actionID = cc.sequence(
                cc.delayTime(this.actionMoves[0].delayTime), cc.place(this.actionMoves[0].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[0].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[1].delayTime), cc.place(this.actionMoves[1].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[1].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[2].delayTime), cc.place(this.actionMoves[2].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[2].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[3].delayTime), cc.place(this.actionMoves[3].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[3].callback); }.bind(this)),
                cc.callFunc(function() { this.action(); this.overCallback(); }.bind(this))));
        } else if (this.actionMoves.length == 5) {
            this.actionNode.runAction(this.actionID = cc.sequence(
                cc.delayTime(this.actionMoves[0].delayTime), cc.place(this.actionMoves[0].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[0].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[1].delayTime), cc.place(this.actionMoves[1].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[1].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[2].delayTime), cc.place(this.actionMoves[2].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[2].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[3].delayTime), cc.place(this.actionMoves[3].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[3].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[4].delayTime), cc.place(this.actionMoves[4].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[4].callback); }.bind(this)),
                cc.callFunc(function() { this.action(); this.overCallback(); }.bind(this))));
        } else if (this.actionMoves.length == 6) {
            this.actionNode.runAction(this.actionID = cc.sequence(
                cc.delayTime(this.actionMoves[0].delayTime), cc.place(this.actionMoves[0].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[0].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[1].delayTime), cc.place(this.actionMoves[1].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[1].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[2].delayTime), cc.place(this.actionMoves[2].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[2].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[3].delayTime), cc.place(this.actionMoves[3].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[3].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[4].delayTime), cc.place(this.actionMoves[4].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[4].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[5].delayTime), cc.place(this.actionMoves[5].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[5].callback); }.bind(this)),
                cc.callFunc(function() { this.action(); this.overCallback(); }.bind(this))));
        } else if (this.actionMoves.length == 7) {
            this.actionNode.runAction(this.actionID = cc.sequence(
                cc.delayTime(this.actionMoves[0].delayTime), cc.place(this.actionMoves[0].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[0].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[1].delayTime), cc.place(this.actionMoves[1].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[1].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[2].delayTime), cc.place(this.actionMoves[2].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[2].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[3].delayTime), cc.place(this.actionMoves[3].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[3].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[4].delayTime), cc.place(this.actionMoves[4].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[4].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[5].delayTime), cc.place(this.actionMoves[5].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[5].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[6].delayTime), cc.place(this.actionMoves[6].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[6].callback); }.bind(this)),
                cc.callFunc(function() { this.action(); this.overCallback(); }.bind(this))));
        } else if (this.actionMoves.length == 8) {
            this.actionNode.runAction(this.actionID = cc.sequence(
                cc.delayTime(this.actionMoves[0].delayTime), cc.place(this.actionMoves[0].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[0].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[1].delayTime), cc.place(this.actionMoves[1].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[1].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[2].delayTime), cc.place(this.actionMoves[2].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[2].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[3].delayTime), cc.place(this.actionMoves[3].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[3].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[4].delayTime), cc.place(this.actionMoves[4].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[4].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[5].delayTime), cc.place(this.actionMoves[5].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[5].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[6].delayTime), cc.place(this.actionMoves[6].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[6].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[7].delayTime), cc.place(this.actionMoves[7].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[7].callback); }.bind(this)),
                cc.callFunc(function() { this.action(); this.overCallback(); }.bind(this))));
        } else if (this.actionMoves.length == 9) {
            this.actionNode.runAction(this.actionID = cc.sequence(
                cc.delayTime(this.actionMoves[0].delayTime), cc.place(this.actionMoves[0].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[0].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[1].delayTime), cc.place(this.actionMoves[1].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[1].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[2].delayTime), cc.place(this.actionMoves[2].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[2].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[3].delayTime), cc.place(this.actionMoves[3].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[3].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[4].delayTime), cc.place(this.actionMoves[4].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[4].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[5].delayTime), cc.place(this.actionMoves[5].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[5].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[6].delayTime), cc.place(this.actionMoves[6].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[6].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[7].delayTime), cc.place(this.actionMoves[7].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[7].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[8].delayTime), cc.place(this.actionMoves[8].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[8].callback); }.bind(this)),
                cc.callFunc(function() { this.action(); this.overCallback(); }.bind(this))));
        } else if (this.actionMoves.length == 10) {
            this.actionNode.runAction(this.actionID = cc.sequence(
                cc.delayTime(this.actionMoves[0].delayTime), cc.place(this.actionMoves[0].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[0].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[1].delayTime), cc.place(this.actionMoves[1].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[1].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[2].delayTime), cc.place(this.actionMoves[2].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[2].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[3].delayTime), cc.place(this.actionMoves[3].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[3].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[4].delayTime), cc.place(this.actionMoves[4].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[4].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[5].delayTime), cc.place(this.actionMoves[5].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[5].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[6].delayTime), cc.place(this.actionMoves[6].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[6].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[7].delayTime), cc.place(this.actionMoves[7].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[7].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[8].delayTime), cc.place(this.actionMoves[8].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[8].callback); }.bind(this)),
                cc.delayTime(this.actionMoves[9].delayTime), cc.place(this.actionMoves[9].position), cc.callFunc(function() { this.callEventHandler(this.actionMoves[9].callback); }.bind(this)),
                cc.callFunc(function() { this.action(); this.overCallback(); }.bind(this))));
        }

        this.actionID.setTag(111003);
    },

    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]);
        }
    }
});