JavaScript/Jquery Game 边界冲突检测

Question

可能的重复项：
jQuery/Javascript 碰撞检测

我正在学习如何用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