cocos-tween动画(3.0版本)

1、单次动画实现

    let node = sf.meteor.node;
        tween(node)
            .to(.1, { scale: v3(.6, .6, 0) })//0.1秒,执行完大小的变化
            .call(() => {
                console.log("上面动画执行完后回调");
            })
            .to(.2, { scale: v3(1, 1, 0) })
            .delay(.3)//延迟0.3秒
       .call(() => {
           console.log("上面动画执行完后回调");
       })
       .start() //开始执行
       .removeSelf() //执行完后移除

2、循环动画的控制,出屏幕进屏幕的动画  

        let no = sf.numLab.node;//获取节点
        let tw = tween(no);//将节点复制给tween
            .to(1.5, { position: v3(0, 0, 0) })//使用1.5秒,完成动画的移动
            .delay(3)//延迟3秒
            .to(1.5, { position: v3(0, 48, 0) })////使用1.5秒,完成动画的移动
       .call(() => {
          // 位置还原设定
          if (b) {
            sf.numLab.node.setPosition(
0, -48, 0);
    
             b = false;
           }
else {
             no.position
= v3(0, -48, 0);
             b
= true; }
        }) .start()//   开始动画
         tween(no).repeatForever(tw).start();//循环并开始

 3、sprite图片旋转

 // 旋转小三角形(正值为逆时针,负值为顺时针)
        if (!this.isDropDown) {
            tween(sprPoint)
                .to(.5, { angle: 0 })
                .start().removeSelf();
        }
        else {
            tween(sprPoint)
                .to(.5, { angle: -90 })
                .start().removeSelf();
        }

 

posted @ 2022-09-21 10:15  jiaxin2015  阅读(514)  评论(0编辑  收藏  举报