zoukankan      html  css  js  c++  java
  • 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]);
            }
        }
    });
    
  • 相关阅读:
    树状数组|求逆序数
    Mapreduce之分区与自定义计数器
    yb课堂 前端项目目录结构创建和讲解 《三十三》
    yb课堂 VueCli 4.3搭建yb课堂前端项目架构 《三十二》
    yb课堂 ECMAScript 6常见语法快速入门 《三十一》
    yb课堂 前端项目技术组件概述 《三十》
    yb课堂 新版VueCli 4.3创建vue项目,Vue基础语法入门 《二十九》
    yb课堂 新版Vue+脚手架Vue-Cli 4.3安装 《二十七》
    yb课堂 搭建node环境和npm安装 《二十六》
    yb课堂 VSCODE编译器和开发环境搭建 《二十五》
  • 原文地址:https://www.cnblogs.com/lyonwu/p/10369194.html
Copyright © 2011-2022 走看看