Easeljs - socket.io和nodejs上的流暢動畫

Question

我正在開發一個多人遊戲，在客戶端的服務器端和easeljs上使用socket.io（nodejs）。到目前爲止，它非常簡單，您可以在畫布元素上移動矩形，並將位置更新發送到服務器，並將位置廣播給客戶端。流量不是問題，因爲只有兩個用戶可以相互對戰，這是通過socket.io中的房間功能處理的。繪畫和遊戲環節是用easeljs實現的。

我現在的問題是，對於其他玩家來說，這個動作並不是很順利。位置更新確實非常快（足以應對碰撞等），但對於通過服務器獲得位置更新的玩家來說，當然不會那麼順利。

如何平滑動畫？目前我正在創建一個新的Container類並更新容器的位置，如

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

Answer 1

您可以使用補間庫。例如http://www.createjs.com/#!/TweenJS。