如何使用 CreateJS 创建淡入淡出答案

【问题标题】：How to create a fade in and fade out using CreateJS如何使用 CreateJS 创建淡入淡出
【发布时间】：2017-08-10 18:42:38
【问题描述】：

我是 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 秒然后淡出。任何帮助将不胜感激。

【问题讨论】：

标签： javascript createjs tweenjs

【解决方案1】：

您可以设置任何 DisplayObject 的 alpha 以使其淡出。

car.alpha = 0.5;

随着时间的推移手动将其淡出并不难，但是由于您使用的是 EaselJS，因此您不妨使用TweenJS 对其进行动画处理。

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

希望有帮助！

【讨论】：