명확한 애니메이션

Train Animation의 순서를 정하는 방법을 알아 내려고합니다. 예를 들어, Route_51 (예 : Test> Run [twice]을 클릭)에서 각 마차를 차례대로 커브 주위로 간격을두고 회전시킬 수 있습니다. this display. Chrome 또는 기타 HTML5 호환 브라우저가 필요합니다. 여기명확한 애니메이션

은 (KineticJs 사용) 내 지금까지 '비 준수'코드 :

function animate(nr,path,incr,train,dirX,dirY){ 
var steps,offsetX,offsetY,count,a; 
steps = Math.round(path[nr][2]/incr); 
offsetX = path[nr][2]/steps; 
offsetY = path[nr][3]/steps; 
count = 0; 
stage.onFrame(function(frame){ 
    layer = train[0].getLayer(); 
    if(count < steps){ 
     for(a=0; a<train.length; a+=1){ 
      incrX = train[a].getX() + offsetX * -dirX; 
      incrY = train[a].getY() - offsetY * -dirY; 
      train[a].setX(incrX); 
      train[a].setY(incrY); 
     } 
     layer.draw(); 
     count += 1; 
    } 
    else{ 
     stage.stop(); 
     nr += 1; 
     if(path[nr]){ 
      animate(nr,path,incr,train,dirX,dirY); 
     } 
    } 
}); 
stage.start();

} 나는 논리 (늙어)을 파악 할 수 있도록하지 않는 것

모두에게 감사드립니다. 감사.

출처

2012-08-12 Chris Glasier