Javascript：碰撞检测帮助（HTML5 Canvas）

Question

我正在尝试使用新的画布功能在HTML5中放置平台游戏。我正在实现一个有点简单的方式来与矩形进行碰撞，并且它一直工作，直到我添加了多个矩形。基本上我有一个函数，它将一个新的对象添加到数组中，并绘制矩形所需的所有属性。碰撞检测通过阵列循环并检查和纠正冲突。当我在顶部添加另一个矩形时，当你站在最下面的矩形上时，它会吓坏了，然后跳到顶部底部。

这是main javascript file，这里是我在我的网站上发布的demo。

Answer 1

您的碰撞检测代码是确定的，唯一的问题是它没有按照您想要的方式工作。一个简单的解决方法可能只是在玩家摔倒时检查与平台的碰撞。 （188线）

if ((player.yvel > 0) && (player.y + player.height > rect[i].y) && (player.y < rect[i].y + rect[i].height))