JavaScript/Jquery游戏边界冲突检测

可能重复：

我正在学习如何用JavaScript编写代码，我正在使用jQuery库。我有一个用WASD键在屏幕上移动的播放器。我想让他在比赛进入极限时停下来。我使用两个

div

s，一个称为操场（游戏发生的区域），另一个称为玩家。我把它们设置成这样：

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

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

这名球员动作很好，但我希望他在到达操场边缘时停下来。请详细解释你的答案，因为我是JavaScript编程新手。

---

任何帮助都将不胜感激。

因此，您需要使用以下内容：

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

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

---

这是一个非常好的示例和演示。试试看

你是不是先给id=操场设置了边界。你是什么意思，操场是400px乘400px，但当玩家接触到edgeThanks人时，我不知道如何阻止他，我会试试看，有点混乱，但我肯定会解决：）我如何在代码中实现这一点？抱歉让你感到痛苦：0无需担心。。。。当你发现这是正确的，请投票的答案。。。所有最好的欢呼声，我已经投票了答案，谢谢你的帮助，只是想知道我如何把这个放入代码中，我把变量放在哪里，很抱歉很麻烦，提前谢谢：）我很抱歉，但我无法解决这个问题，你链接的网站正在使用一个名为craft的库，我不想使用它，它是为了停止动画，你知道有没有其他方法可以阻止边界上的玩家？