2014-09-02 55 views
0

我有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]); 
} 

回答

0

我将努力使用事件触发时,光过渡刚结束后(即光线1停,light2停等)。当light1-stop被触发时,您可以管理light2 tween等等。当light2 tween完成时,您可以触发light2-stop事件并启动light3动画,等等。

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

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

Ref:http://www.createjs.com/Docs/EaselJS/classes/EventDispatcher.html