JavaScript / Jquery游戏边界碰撞检测[重复]答案

【问题标题】：JavaScript/ Jquery Game boundary collision detection [duplicate]JavaScript / Jquery游戏边界碰撞检测[重复]
【发布时间】：2013-10-27 07:34:35
【问题描述】：

可能重复：
jQuery/Javascript collision detection

我正在学习如何使用 JavaScript 编写代码，并且我正在使用 jQuery 库。我有一个用 WASD 键在屏幕上移动的播放器。我希望他在到达比赛边界时停下来。我正在使用两个divs，一个称为游乐场（游戏发生的区域），另一个称为玩家。我把它们设置成这样：

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

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

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：