2014-09-02 36 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