Question

我想通过使用补间来打开和关闭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]);
}

Answer 1

我会使用事件在刚刚结束光转换时触发（即light-stop，light2-stop等）。当触发light1-stop时，您可以管理light2-tween等等。当light2补间完成后，您可以触发light2-stop事件并启动light3动画，依此类推。

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

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

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

使用补间系统地打开和关闭灯

1 个答案: