如何在 p5.js 中向矩形（和我的播放器）添加碰撞碰撞箱？

Question

我正在嘗試制作我們中間的復制品，並且我希望我的玩家（移動者）無法通過我的矩形。 我對編碼（一般是 JavaScript）相當陌生，我需要一些幫助來為我的游戲創建命中框。 https://editor.p5js.org/LttntLark/sketches/JBSg2zIfEf所有代碼都在那里，一如既往，感謝所有幫助！

Answer 1

如果您想自己實現碰撞檢測，您可能需要閱讀特定資源並准備好進行一些數學運算。

但您也可以使用 p5 庫，如p5.collide2d 。 一旦將其添加到您的項目中，該庫將提供一些函數，例如collideRectRect() ，它獲取兩個矩形的位置和大小，並在它們發生碰撞時返回true 。

另一個有用的庫是p5.play ，它處理您的精靈和游戲的整個物理系統。 這是一個非常基本的庫，因此對於大型復雜項目來說不是很好，但是要開始編程和玩物理，這是一個很好的起點。

p5.j​​s 網站有一個頁面列出了可能也有用的社區庫。