Cocos Creator 组件-动作ActionScale
嵌套暂时没法做，先做些常用的单独使用的动作组件
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]);
}
}
});
