javascript - 用 style.left 移动 DOM 对象

Question

我正在尝试用 javascript 创建一个简单的游戏，有点像乒乓球游戏。

当我将对手的桨向右移动时，移动不如我将桨向左移动时那么顺畅。

位置的更新并没有太多

if(opponentDir === 'right'){  
counter += 1; 

if(counter === 80)
  opponentDir = 'left';
 }
else
{
 counter -= 1; 

 if(counter === 0)
   opponentDir = 'right';
}

然后应用相同的绘图函数，Game.draw。我错过了使用 style.left 的东西吗？

http://codepen.io/xonium/pen/qLDmj

到目前为止，我只在 Chrome 中对其进行了测试。

Answer 1

问题是我的绘画方法。

更新速度以反映桨的运动方向让我得到了不想要的结果。

left = actualPixels + this.velocity * interpolation;