使用tween.js循环补间的一部分

Question

这是一个简单的Tween.js补间。一个简单的循环在一段时间后发生。

cjs.Tween.get(mySymbol).wait(50).to({x:10}).to({x:0});

有没有办法让它在间隔后重复5次，而不重复间隔？

通过添加loop:true，我可以让它循环，但循环将包含wait()。

cjs.Tween.get(mySymbol, {loop:true}).wait(50).to({x:10}).to({x:0});

有没有办法在Tween.js中按顺序将补间添加到时间线中？

Answer 1

格兰特·斯金纳提供的Answer：

cjs.Tween.get(ball).wait(1000).play(
    cjs.Tween.get(ball,{paused:true, loop:true})
    .to({x:450},1000)
    .to({x:50},1000)
  );

Answer 2

要循环5次，可以使用回调：

var tl = new createjs.Timeline();

tl.addTween(createjs.Tween.get(mySymbol).wait(500).call(loop, [mySymbol, 0], this));

var i;
var loopMax = 5;

function loop(target, initI){

    if (initI != null) {
        i = initI;
    } else {
        i++
    }

    if (i < loopMax) createjs.Tween.get(target).to({x:450},1000).to({x:50},1000).call(loop, [target]);

}