javascript - style.left で DOM オブジェクトを移動する

Question

Pong ゲームのような単純なゲームを 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;