cocoscreator缓动系统实例

        myAnimation() {

        //改变对象属性，移动

            tween(this.node)

                .to(1,{position:v3(0,200,0)})//（时间，属性）

                .start();

            const somp = this.txt.getComnponent(Label);

            const obj = {

                    n:0

                }

        //实现循环动作一

            tween(obj)

                //跳跃

                .to(3,{n:1000},{

                onUpdate:(target,ratio) => {

                somp.string = String(obj.n);

                },

                },)

                .to(3,{n:1000},{

                //缓动曲线，实现由慢到快或由快到慢等)

                easing:"quadIn",

                onUpdate:(target,ratio) => {

                    somp.string = String(obj.n);

                }

                 })

               

                //整合动作

                .union()

                //传入参数则重复参数，不传则重复前一动作

                .repeatForever()

                .start();

        //实现循环动作二,tween可以嵌套

            tween(obj)

                .repeatForever()

            tween()

                .to(3,{n:1000},{

                onUpdate:(target,ratio) => {

                somp.string = String(obj.n);

            },

            //缓动曲线，实现由慢到快或由快到慢等)

            easing:"quadIn",

            })

            .to(3,{n:1000},{

                onUpdate:(target,ratio) => {

                somp.string = String(obj.n);

            },          

            })

            .start();

 

        //动作停止的方法一。添加标签

        .tag(stop)

        tween.stopAllByTag(stop);

         

        //动作停止的方法二。使用变量接收

        leftTween:tween<object>;

        this.leftTween = tween(obj)

                            .to()

                            .start()

        this.leftTween.stop();

        //颜色改变

        const color = new Vec3(255,255,255);

        tween(color)

        .to(1,{ x: 10,y : 50,z : 0}, {

        onUpdate: () => {

        this.txt.color = new Color(color.x,color,y,color,z);

        }

        ))

    }