Cocos Creator 组件-动作ActionJump

嵌套暂时没法做，先做些常用的单独使用的动作组件
ActionJump.js (拖到需要做该动作的节点上，不同类型的动作互不影响)
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
var ActionDurationJump = cc.Class({
    name: "ActionDurationJump",
    properties: {
        delayTime: {
            default: 0,
            displayName: "延时",
            min: 0
        },
        duration: {
            default: 1,
            displayName: "时长",
            min: 0
        },
        position: {
            default: cc.v2(0, 0),
            displayName: "结束坐标"
        },
        height: {
            default: 50,
            displayName: "高度",
        },
        jumps: {
            default: 1,
            displayName: "跳次",
            min: 0
        },
        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
        },
 
        jumpToOrBy: {
            default: true,
            displayName: "跳到or跳了",
            tooltip: "勾上：跳动到（绝对值）；不勾： 跳动了（相对值）"
        },
 
        actionJumps: {
            default: [],
            type: ActionDurationJump,
            displayName: "动作数组",
            tooltip: "暂时只支持到5个，超过了，自己进来扩写代码"
        },
 
        allOverCallback: {
            default: true,
            displayName: "全部完成/每完成一次回调",
            tooltip: "勾上：全部完成才回调  不勾：每完成一次都回调，执行几次就调几遍回调"
        },
 
        overCallbacks: {
            default: [],
            type: cc.Component.EventHandler,
            displayName: "完成回调数组",
            tooltip: "全部完成时回调的事件数组"
        }
    },
 
    // 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.scheduleOnce(function() {
                this.begin();
            }, this.delayTime);
        }
    },
 
    begin () {
        this.reset();
        this.currentTime = this.times;
        this.action();
    },
 
    reset () {
        this.currentTime = 0;
        this.actionNode.stopActionByTag(10812);
        if (this.startFromCurrent) {
             
        } else {
            this.actionNode.position = this.actionNode.srcPosition;
        }
    },
 
    // update (dt) {},
 
    action () {
        if (this.currentTime > 0) {
            this.currentTime--;
        } else {
            return;
        }
         
        if (this.jumpToOrBy) {
            if (this.actionJumps.length == 1) {
                this.actionNode.runAction(this.actionID = cc.sequence(
                    cc.delayTime(this.actionJumps[0].delayTime), cc.jumpTo(this.actionJumps[0].duration, this.actionJumps[0].position, this.actionJumps[0].height, this.actionJumps[0].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[0].callback); }.bind(this)),
                    cc.callFunc(function() { this.action(); this.overCallback(); }.bind(this))));
            } else if (this.actionJumps.length == 2) {
                this.actionNode.runAction(this.actionID = cc.sequence(
                    cc.delayTime(this.actionJumps[0].delayTime), cc.jumpTo(this.actionJumps[0].duration, this.actionJumps[0].position, this.actionJumps[0].height, this.actionJumps[0].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[0].callback); }.bind(this)),
                    cc.delayTime(this.actionJumps[1].delayTime), cc.jumpTo(this.actionJumps[1].duration, this.actionJumps[1].position, this.actionJumps[1].height, this.actionJumps[1].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[1].callback); }.bind(this)),
                    cc.callFunc(function() { this.action(); this.overCallback(); }.bind(this))));
            } else if (this.actionJumps.length == 3) {
                this.actionNode.runAction(this.actionID = cc.sequence(
                    cc.delayTime(this.actionJumps[0].delayTime), cc.jumpTo(this.actionJumps[0].duration, this.actionJumps[0].position, this.actionJumps[0].height, this.actionJumps[0].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[0].callback); }.bind(this)),
                    cc.delayTime(this.actionJumps[1].delayTime), cc.jumpTo(this.actionJumps[1].duration, this.actionJumps[1].position, this.actionJumps[1].height, this.actionJumps[1].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[1].callback); }.bind(this)),
                    cc.delayTime(this.actionJumps[2].delayTime), cc.jumpTo(this.actionJumps[2].duration, this.actionJumps[2].position, this.actionJumps[2].height, this.actionJumps[2].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[2].callback); }.bind(this)),
                    cc.callFunc(function() { this.action(); this.overCallback(); }.bind(this))));
            } else if (this.actionJumps.length == 4) {
                this.actionNode.runAction(this.actionID = cc.sequence(
                    cc.delayTime(this.actionJumps[0].delayTime), cc.jumpTo(this.actionJumps[0].duration, this.actionJumps[0].position, this.actionJumps[0].height, this.actionJumps[0].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[0].callback); }.bind(this)),
                    cc.delayTime(this.actionJumps[1].delayTime), cc.jumpTo(this.actionJumps[1].duration, this.actionJumps[1].position, this.actionJumps[1].height, this.actionJumps[1].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[1].callback); }.bind(this)),
                    cc.delayTime(this.actionJumps[2].delayTime), cc.jumpTo(this.actionJumps[2].duration, this.actionJumps[2].position, this.actionJumps[2].height, this.actionJumps[2].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[2].callback); }.bind(this)),
                    cc.delayTime(this.actionJumps[3].delayTime), cc.jumpTo(this.actionJumps[3].duration, this.actionJumps[3].position, this.actionJumps[3].height, this.actionJumps[3].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[3].callback); }.bind(this)),
                    cc.callFunc(function() { this.action(); this.overCallback(); }.bind(this))));
            } else if (this.actionJumps.length == 5) {
                this.actionNode.runAction(this.actionID = cc.sequence(
                    cc.delayTime(this.actionJumps[0].delayTime), cc.jumpTo(this.actionJumps[0].duration, this.actionJumps[0].position, this.actionJumps[0].height, this.actionJumps[0].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[0].callback); }.bind(this)),
                    cc.delayTime(this.actionJumps[1].delayTime), cc.jumpTo(this.actionJumps[1].duration, this.actionJumps[1].position, this.actionJumps[1].height, this.actionJumps[1].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[1].callback); }.bind(this)),
                    cc.delayTime(this.actionJumps[2].delayTime), cc.jumpTo(this.actionJumps[2].duration, this.actionJumps[2].position, this.actionJumps[2].height, this.actionJumps[2].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[2].callback); }.bind(this)),
                    cc.delayTime(this.actionJumps[3].delayTime), cc.jumpTo(this.actionJumps[3].duration, this.actionJumps[3].position, this.actionJumps[3].height, this.actionJumps[3].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[3].callback); }.bind(this)),
                    cc.delayTime(this.actionJumps[4].delayTime), cc.jumpTo(this.actionJumps[4].duration, this.actionJumps[4].position, this.actionJumps[4].height, this.actionJumps[4].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[4].callback); }.bind(this)),
                    cc.callFunc(function() { this.action(); this.overCallback(); }.bind(this))));
            } else if (this.actionJumps.length == 6) {
                this.actionNode.runAction(this.actionID = cc.sequence(
                    cc.delayTime(this.actionJumps[0].delayTime), cc.jumpTo(this.actionJumps[0].duration, this.actionJumps[0].position, this.actionJumps[0].height, this.actionJumps[0].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[0].callback); }.bind(this)),
                    cc.delayTime(this.actionJumps[1].delayTime), cc.jumpTo(this.actionJumps[1].duration, this.actionJumps[1].position, this.actionJumps[1].height, this.actionJumps[1].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[1].callback); }.bind(this)),
                    cc.delayTime(this.actionJumps[2].delayTime), cc.jumpTo(this.actionJumps[2].duration, this.actionJumps[2].position, this.actionJumps[2].height, this.actionJumps[2].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[2].callback); }.bind(this)),
                    cc.delayTime(this.actionJumps[3].delayTime), cc.jumpTo(this.actionJumps[3].duration, this.actionJumps[3].position, this.actionJumps[3].height, this.actionJumps[3].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[3].callback); }.bind(this)),
                    cc.delayTime(this.actionJumps[4].delayTime), cc.jumpTo(this.actionJumps[4].duration, this.actionJumps[4].position, this.actionJumps[4].height, this.actionJumps[4].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[4].callback); }.bind(this)),
                    cc.delayTime(this.actionJumps[5].delayTime), cc.jumpTo(this.actionJumps[5].duration, this.actionJumps[5].position, this.actionJumps[5].height, this.actionJumps[5].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[5].callback); }.bind(this)),
                    cc.callFunc(function() { this.action(); this.overCallback(); }.bind(this))));
            }
        } else {
            if (this.actionJumps.length == 1) {
                this.actionNode.runAction(this.actionID = cc.sequence(
                    cc.delayTime(this.actionJumps[0].delayTime), cc.jumpBy(this.actionJumps[0].duration, this.actionJumps[0].position, this.actionJumps[0].height, this.actionJumps[0].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[0].callback); }.bind(this)),
                    cc.callFunc(function() { this.action(); this.overCallback(); }.bind(this))));
            } else if (this.actionJumps.length == 2) {
                this.actionNode.runAction(this.actionID = cc.sequence(
                    cc.delayTime(this.actionJumps[0].delayTime), cc.jumpBy(this.actionJumps[0].duration, this.actionJumps[0].position, this.actionJumps[0].height, this.actionJumps[0].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[0].callback); }.bind(this)),
                    cc.delayTime(this.actionJumps[1].delayTime), cc.jumpBy(this.actionJumps[1].duration, this.actionJumps[1].position, this.actionJumps[1].height, this.actionJumps[1].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[1].callback); }.bind(this)),
                    cc.callFunc(function() { this.action(); this.overCallback(); }.bind(this))));
            } else if (this.actionJumps.length == 3) {
                this.actionNode.runAction(this.actionID = cc.sequence(
                    cc.delayTime(this.actionJumps[0].delayTime), cc.jumpBy(this.actionJumps[0].duration, this.actionJumps[0].position, this.actionJumps[0].height, this.actionJumps[0].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[0].callback); }.bind(this)),
                    cc.delayTime(this.actionJumps[1].delayTime), cc.jumpBy(this.actionJumps[1].duration, this.actionJumps[1].position, this.actionJumps[1].height, this.actionJumps[1].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[1].callback); }.bind(this)),
                    cc.delayTime(this.actionJumps[2].delayTime), cc.jumpBy(this.actionJumps[2].duration, this.actionJumps[2].position, this.actionJumps[2].height, this.actionJumps[2].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[2].callback); }.bind(this)),
                    cc.callFunc(function() { this.action(); this.overCallback(); }.bind(this))));
            } else if (this.actionJumps.length == 4) {
                this.actionNode.runAction(this.actionID = cc.sequence(
                    cc.delayTime(this.actionJumps[0].delayTime), cc.jumpBy(this.actionJumps[0].duration, this.actionJumps[0].position, this.actionJumps[0].height, this.actionJumps[0].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[0].callback); }.bind(this)),
                    cc.delayTime(this.actionJumps[1].delayTime), cc.jumpBy(this.actionJumps[1].duration, this.actionJumps[1].position, this.actionJumps[1].height, this.actionJumps[1].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[1].callback); }.bind(this)),
                    cc.delayTime(this.actionJumps[2].delayTime), cc.jumpBy(this.actionJumps[2].duration, this.actionJumps[2].position, this.actionJumps[2].height, this.actionJumps[2].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[2].callback); }.bind(this)),
                    cc.delayTime(this.actionJumps[3].delayTime), cc.jumpBy(this.actionJumps[3].duration, this.actionJumps[3].position, this.actionJumps[3].height, this.actionJumps[3].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[3].callback); }.bind(this)),
                    cc.callFunc(function() { this.action(); this.overCallback(); }.bind(this))));
            } else if (this.actionJumps.length == 5) {
                this.actionNode.runAction(this.actionID = cc.sequence(
                    cc.delayTime(this.actionJumps[0].delayTime), cc.jumpBy(this.actionJumps[0].duration, this.actionJumps[0].position, this.actionJumps[0].height, this.actionJumps[0].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[0].callback); }.bind(this)),
                    cc.delayTime(this.actionJumps[1].delayTime), cc.jumpBy(this.actionJumps[1].duration, this.actionJumps[1].position, this.actionJumps[1].height, this.actionJumps[1].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[1].callback); }.bind(this)),
                    cc.delayTime(this.actionJumps[2].delayTime), cc.jumpBy(this.actionJumps[2].duration, this.actionJumps[2].position, this.actionJumps[2].height, this.actionJumps[2].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[2].callback); }.bind(this)),
                    cc.delayTime(this.actionJumps[3].delayTime), cc.jumpBy(this.actionJumps[3].duration, this.actionJumps[3].position, this.actionJumps[3].height, this.actionJumps[3].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[3].callback); }.bind(this)),
                    cc.delayTime(this.actionJumps[4].delayTime), cc.jumpBy(this.actionJumps[4].duration, this.actionJumps[4].position, this.actionJumps[4].height, this.actionJumps[4].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[4].callback); }.bind(this)),
                    cc.callFunc(function() { this.action(); this.overCallback(); }.bind(this))));
            } else if (this.actionJumps.length == 6) {
                this.actionNode.runAction(this.actionID = cc.sequence(
                    cc.delayTime(this.actionJumps[0].delayTime), cc.jumpBy(this.actionJumps[0].duration, this.actionJumps[0].position, this.actionJumps[0].height, this.actionJumps[0].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[0].callback); }.bind(this)),
                    cc.delayTime(this.actionJumps[1].delayTime), cc.jumpBy(this.actionJumps[1].duration, this.actionJumps[1].position, this.actionJumps[1].height, this.actionJumps[1].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[1].callback); }.bind(this)),
                    cc.delayTime(this.actionJumps[2].delayTime), cc.jumpBy(this.actionJumps[2].duration, this.actionJumps[2].position, this.actionJumps[2].height, this.actionJumps[2].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[2].callback); }.bind(this)),
                    cc.delayTime(this.actionJumps[3].delayTime), cc.jumpBy(this.actionJumps[3].duration, this.actionJumps[3].position, this.actionJumps[3].height, this.actionJumps[3].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[3].callback); }.bind(this)),
                    cc.delayTime(this.actionJumps[4].delayTime), cc.jumpBy(this.actionJumps[4].duration, this.actionJumps[4].position, this.actionJumps[4].height, this.actionJumps[4].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[4].callback); }.bind(this)),
                    cc.delayTime(this.actionJumps[5].delayTime), cc.jumpBy(this.actionJumps[5].duration, this.actionJumps[5].position, this.actionJumps[5].height, this.actionJumps[5].jumps), cc.callFunc(function() { this.callEventHandler(this.actionJumps[5].callback); }.bind(this)),
                    cc.callFunc(function() { this.action(); this.overCallback(); }.bind(this))));
            }
        }
         
        this.actionID.setTag(10812);
    },
 
    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]);
                    }
                }
            }
        } 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]);
                }
            }
        }
    },
 
    callEventHandler(eventHandler) {
        if (eventHandler && eventHandler.target) {
            eventHandler.emit([this]);
        }
    }
});