JavaScript / Jquery游戏边界碰撞检测

Question

  

可能重复：
  jQuery/Javascript collision detection

我正在学习如何使用JavaScript编写代码，并使用jQuery库。我有一个使用WASD键在屏幕上移动的播放器。当他来到游戏的边界时，我希望他停下来。我使用两个div，一个叫做游乐场（游戏发生的区域），另一个叫做游戏。我让他们这样设置：

<div id="playground">
    <div id="player"></div>
</div>

球员移动得很好，但我希望他在到达操场边缘时停下来。请深入解释您的答案，因为我是JavaScript编程的新手。 任何帮助将不胜感激。

Answer 1

所以你需要使用这样的东西：

 if (this.__move.left) {
      if (!this.isPlaying("walk_left"))
        this.stop().animate("walk_left", 10);
    }

这是一个非常好的例子和演示。试一试http://craftyjs.com/demos/tutorial/tutorial.html