使用补间来系统地打开和关闭灯光答案

【问题标题】：Using tween to turn systematically lights on and off使用补间来系统地打开和关闭灯光
【发布时间】：2014-09-02 14:46:56
【问题描述】：

我有 5 个灯泡，我想使用补间来打开和关闭。

灯泡排列成一排，我希望在前 3 秒内灯泡一个接一个地亮起和熄灭，直到第五个，然后再回到第一个。

在此之后，补间应该变得更慢，并且应该在一个随机的灯泡打开这个灯泡时停止。

我怎样才能做到这一点。这是我到目前为止所做的：

 function start_lights(start_lights, bulbs, iterator, speed) {
 var myimage = bulbs[iterator];
 if (iterator < bulbs.length - 1) {
     iterator++;
     speed += 10;
 }
 if(iterator == out_pilles.length-1) {

      iterator = 0;
      out_pilles.reverse();
 }
 createjs.Tween.get(myimage)
   .wait(0)
   .to({
       alpha: 0
   }, speed)
   .to({
       alpha: 1
   }, speed)
   .call(start_lights, [start_lights, bulbs, iterator, speed]);
}

【问题讨论】：

标签： javascript easeljs createjs tween

【解决方案1】：

我会在灯光过渡刚完成时使用事件来触发（即 light1-stop、light2-stop 等）。当触发 light1-stop 时，您可以管理 light2 补间等等。当 light2 补间完成后，您可以触发 light2-stop 事件并启动 light3 动画，依此类推。

通过这种方式，您甚至可以使用一组灯光，然后动态管理它们。

要自动启动动画，您可以手动触发 light(n)-stop 事件。

参考：http://www.createjs.com/Docs/EaselJS/classes/EventDispatcher.html

【讨论】：