javascript - Loop part of a tween with tween.js - Stack Overflow

admin管理员组

文章数量:1301541

Here's a simple tween in Tween.js. A simple loop happens after an interval.

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

Is there a way to make it repeat say 5 times after the interval, without repeating the interval?

By adding loop:true I can make it loop but the loop would include the wait().

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

Is there any way to add tweens to the timeline sequentially in Tween.js?

Here's a simple tween in Tween.js. A simple loop happens after an interval.

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

Is there a way to make it repeat say 5 times after the interval, without repeating the interval?

By adding loop:true I can make it loop but the loop would include the wait().

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

Is there any way to add tweens to the timeline sequentially in Tween.js?

• javascript
• createjs

Share Improve this question Follow asked May 20, 2013 at 13:22 josefjosef 1,0251313 silver badges3232 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 7

Answer courtesy of Grant Skinner:

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

To loop 5 times you can use a callback:

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]);

}

本文标签： javascriptLoop part of a tween with tweenjsStack Overflow