移动样式为.left的DOM对象

moving DOM object with style.left

本文关键字:DOM 对象 left 样式 移动      更新时间:2023-09-26

我试图在javascript中创建一个简单的游戏,有点像Pong游戏。

当我将对手的桨向右移动时,动作不像我将桨向左移动时那么顺利。

对于位置的更新并没有太多的操作

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

,然后应用相同的绘图函数Game.draw。我是不是漏掉了什么左边的风格?

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

到目前为止,我只在Chrome中测试过。

问题出在我的画法上。

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

left = actualPixels + this.velocity * interpolation;