2013-05-20 21 views
3

Tween.js中的一個簡單補間。間隔後發生簡單的循環。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中順序添加補間到時間軸嗎?

回答

6

Answer禮貌格蘭特斯金納:

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

要循環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]); 

}