2014-09-02 7 views
0

트위터를 사용하여 켜고 끄는 전구 5 개를 가지고 있습니다.tween을 사용하여 체계적으로 조명 켜기/끄기

전구는 연속으로 배치되어 있으며 전구는 처음 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

가벼운 전환이 단지 완료되면 (즉 light1 스톱, LIGHT2 스톱 등) 트리거 이벤트를 사용하여 작동합니다. light1-stop이 트리거되면 light2 트윈을 관리 할 수 ​​있습니다. light2 트윈이 끝나면 light2-stop 이벤트를 트리거하고 light3 애니메이션을 시작할 수 있습니다.

이렇게하면 일련의 표시등을 사용하여 작업 한 다음 동적으로 관리 할 수 ​​있습니다.

애니메이션을 자동으로 시작하려면 light (n) -stop 이벤트를 수동으로 트리거 할 수 있습니다.

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