如何使用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); 

希望帮助！