如何使用CreateJS創建淡入和淡出

Question

im createJs是新的，並且希望能夠幫助我解決某些問題。我試圖實現的是淡入淡出動畫，但我似乎無法正確理解，甚至不知道即將做的事情是否正確。下面是代碼：

https://jsfiddle.net/kw4ubpxf/

var stage = new Stage($('canvas')[0]); 


var car = new Bitmap('http://i.imgur.com/y0Yp1wp.png'); 
stage.addChild(car) 
car.x = 20; car.y = 20; car.alpha = 0; 

stage.update(); 

Ticker.addEventListener("tick", tick); 

createjs.Tween.get(car).to({alpha: 1},5000); 

function tick(){ 
     stage.update();  
    } 

我需要的車圖像淡入，停留5秒鐘，然後淡出。任何幫助將不勝感激。

Answer 1

您可以將任何DisplayObject的alpha設置爲淡出效果。

car.alpha = 0.5; 

這不是太難手動消除它隨着時間的推移，但由於使用的是EaselJS，你還不如用TweenJS動畫吧。

createjs.Tween.get(car) 
    .wait(5000) 
    .to({alpha: 0}) 
    .call(completeHandler); 

希望幫助！