cocos crateor 缓动系统

3.5 用法

  tween(this.headLayoutNode)
        .by(0.5, {scale:new Vec3(1, 1, 0)   }, {easing: 'linear'})
        .by(0.5, {position: new Vec3(100, 0, 0)    }, {easing: 'linear'})
        .by(0.05, {position: new Vec3(-100, 0, 0)    }, {easing: 'linear'})
        .by(1, {scale:new Vec3(-1, -1, 0)   }, {easing: 'linear'})
        .start();

2.x用法

cc.moveTo(2, 100, 100)     // 移动到目标位置，也就是说，无论我们的想要移动的目标处于什么位置，执行这个动作后，都会在 2s 的时间内移动到 x = 100，y = 100 的这个位置。参数可以是2 ~ 3个参数，如果是两个参数，则表示在 y轴 的方向上没有效果。
cc.moveBy(2, 100, 100)     // 移动指定的距离，也就是说，无论我们的想要移动的目标处于什么位置，执行这个动作后，都会在 2s 的时间内移动到距离上一个位置在 x 上增加 100 的距离，在 y 上增加 100 的距离，会产生叠加的效果。参数可以是2 ~ 3个参数，如果是两个参数，则表示在 y轴 的方向上没有效果。
 
cc.rotateTo(2, 1080 ,1080)     // 旋转到目标角度，在平面图上，参数为2 ~ 3个的效果是相同的，只有在三维效果才会不同。
cc.rotateBy(2, 1080, 1080)     // 在两秒内，旋转到指定的角度， 效果也是叠加的
 
cc.scaleTo(2, 0.5, 0.5)            // 在两秒内，将节点的大小缩放到指定的倍数
cc.scaleBy(2, 1.2, 1.2)     // 在两秒内，按指定的倍数去缩放节点，同样多次点击，效果会累加。
 
cc.skewTo(1, 60, 60)    // 在1 秒内，偏斜到目标角度
cc.skewBy(1, 40, 40)     // 在1秒内，偏斜指定的角度；多次点击，数值会累加
 
cc.jumpTo(3, 200, 200, 50, 5)       // 在3秒内，用跳动的方式移动到坐标为(200, 200)的位置，每次跳跃的高度为50，跳跃5次。
cc.jumpBy(2, 100, 100, 50, 5)          // 在2秒的时间内，用跳跃的方式指定的距离，(100, 100)会进行累加，每次跳跃的高度为50，跳跃次数为5次
 
cc.blink(3, 10)      // 在3秒内，闪烁10次，这个是基于透明度的闪烁
 
cc.fadeTo(3, 100)        // 在3秒内，修改透明度到100的值
cc.fadeIn(2)　　　　// 渐显，参数为时间
cc.fadeOut(2)　　　// 渐隐，参数也为时间
cc.tintTo(3, 0, 255, 0)   // 在3秒内，修改颜色到指定值，后面的三个参数表示的是 rgb 的值
cc.tintBy(1, 100, 200, 100)　　// 在1秒内按指定的增量(100, 200, 100)修改颜色，颜色会从 rgb(0, 0, 0) 开始增加
 
cc.delayTime(5)　　　　// 表示延迟指定的时间量，用作延迟效果
cc.reverseTime()　　　 // 用于反转目标动作的时间轴

cc.tween(this.node)
//to,在第一秒的时候放大为2倍，位置为(100,100),角度变化到120
.to(1,{scale:2,position:cc.v2(100,100),rotation:120})
//by,在第二秒时，缩放变化1.5倍，即最终放大为原始大小的3倍，位置变化了(100,100)，即现在位置为(200,200)
.by(1,{scale:1.5,position:cc.v2(100,100)})
//在第三秒时缩放为原来的大小，位置设置为(0,0)，然后加了一个缓动效果backOut
.to(1,{scale:1,position:cc.v2(0,0)},{easing:"backOut"})
.start();