Easeljs - socket.io 및 nodejs를 통한 부드러운 애니메이션

Question

clientside의 서버 측 및 easeljs에서 socket.io (nodejs)를 사용하여 멀티 플레이어 게임을 개발 중입니다. 지금까지는 정말 간단합니다. 사각형을 캔버스 요소 위로 이동하면 위치 업데이트가 서버로 전송되어 위치를 클라이언트에 브로드 캐스팅합니다. socket.io의 룸 기능으로 처리되는 두 명의 사용자 만 서로 게임 할 수 있기 때문에 트래픽은 문제가되지 않습니다. 그림과 게임은 easeljs로 실현됩니다.

내가 가지고있는 문제는 다른 플레이어의 움직임이 매우 부드럽지 않다는 것입니다. 위치 업데이트는 실제로 매우 빠르며 (히트 콜리 전 등을 위해 충분합니다.) 서버상에서 위치 업데이트를받은 플레이어에게는 너무 부드럽지 않습니다.

어떻게 애니메이션을 부드럽게 할 수 있습니까? 현재 내가

myContainer = new MyFigure() 
on('positionupdate', function(data) { 
    myContainer.x = data.x 
    myContainer.y = data.y 
}); 

Answer 1

같은 컨테이너의 위치를 ​​새로운 컨테이너 클래스를 생성하고 업데이트하고 당신은 트윈 라이브러리를 사용할 수 있습니다. 예 : http://www.createjs.com/#!/TweenJS.