如何使用tweenjs時間軸

Question

的Docu說：

時間軸Timeline類同步多個補間，並允許他們 被控制爲一組。

但是沒有例子如何使用它。如果我創建的時間軸與

var tl = createjs.Timeline(); 

沒有呈現任何形狀了。

時間軸是TweenMax的一個很棒的功能，我也喜歡在畫布上使用它。

Answer 1

創建Timeline不應該影響形狀的渲染 - 你能提供更多的代碼還是進一步解釋你正在嘗試做什麼？

的Timeline用法相當簡單：

var timeline = new createjs.Timeline(); //create the Timeline 
    timeline.addTween(tween, tween2); // add some tweens 
    timeline.setPaused(true); // pause all tweens 
    timeline.setPosition(300); // set position on all tweens ... 

但是，如果你更習慣GSAP你可以只使用GSAP與EaselJS組合/ CreateJS - 他們工作的偉大在一起。

Answer 2

我有一個例子：

//First Tween on rav4 object 

var ravScaleTween = new createjs.Tween.get(rav4) 
     .wait(350) 
     .to({scaleX:1, scaleY:1, x:ravEndPoint.x, y:ravEndPoint.y}, 1500, createjs.Ease.quadOut); 

//Second Tween on rav4 object 

var ravAlphaTween = new createjs.Tween.get(rav4) 
     .wait(350) 
     .to({alpha:1}, 400); 

//Create Timeline class 

var ravTimeLine = new createjs.Timeline(); 
ravTimeLine.addTween(ravScaleTween,ravAlphaTween); 

RAV4對象開始按比例繪製，去移動到x和y位置（1500毫秒）作爲RAV4對象的阿爾法在400毫秒

漸強