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))