javascript - 如何使用 CreateJS 创建淡入淡出

Question

我是 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);

希望有帮助！