第十课 动作系统与计时器

将beginBtn按钮组件拖动到canvas下的脚本组件loadingTS的begin Btn内

const { ccclass, property } = cc._decorator;

@ccclass
export default class NewClass extends cc.Component {
    @property(cc.Node)
    beginBtn: cc.Node = null;

    onLoad() {
        //内部函数:参数1:事件类型 参数2:回调函数
        this.beginBtn.on(cc.Node.EventType.TOUCH_START, function (event) {
            console.log(event);
            console.log("通过内部回调函数点击了开始按钮");
        })
        //外部函数
        this.beginBtn.on(cc.Node.EventType.TOUCH_START, this.btnClick)
    }
    btnClick() {
        console.log("通过btnClick函数点击了开始按钮")
    }
}

重复使用的资源可以做成预制体,通过动态加载预制体prefab文件夹必须在resources文件夹下.

const { ccclass, property } = cc._decorator;

@ccclass
export default class NewClass extends cc.Component {
    @property(cc.Node)
    beginBtn: cc.Node = null;
    onLoad() {
        // this.beginBtn.runAction(cc.moveBy(2, cc.v2(0, 300)));
        //执行组合动作
        this.beginBtn.runAction(cc.sequence(
            cc.moveBy(3,cc.v2(0, 300)),//3秒内向上移动300
            cc.scaleBy(2, 3),//2秒内放大3倍
            cc.callFunc(//动作的回调函数
                function () {
                    console.log("动作执行完毕!")
                })
        ))
    }
}

const { ccclass, property } = cc._decorator;

@ccclass
export default class NewClass extends cc.Component {
    @property(cc.Node)
    beginBtn: cc.Node = null;
    onLoad() {
        //.easing进行动作修饰
        //caseIN从第2秒开始由慢变快
        let act1 = cc.moveBy(5, cc.v2(200, 200)).easing(cc.easeIn(2));
        this.beginBtn.runAction(act1);
    }
}

const { ccclass, property } = cc._decorator;
@ccclass
export default class NewClass extends cc.Component {
    @property(cc.Node)
    beginBtn: cc.Node = null;
    onLoad() {
        cc.tween(this.beginBtn)
            .to(2, { position: cc.v3(200, 200) })
            .to(2, { position: cc.v3(100, 100) })
            .union()//将前面的动作合成一个动作
            .repeat(3)//将合成后的动作重复3次
            .start()//开始执行动作
    }
}