如何在 p5.js 中将碰撞碰撞框添加到矩形(和我的播放器)?

How can I add collision hitboxes to a rectangle(and my player) in p5.js?

我正在尝试制作我们中间的副本,我希望我的播放器 (Mover) 无法穿过我的矩形。我对编码相当陌生(一般来说 JavaScript),我需要一些帮助来为我的游戏创建 Hitboxes。 https://editor.p5js.org/LttntLark/sketches/JBSg2zIfEf 所有代码都在那里,一如既往,感谢所有帮助!

如果您想自己实现碰撞检测,您可能需要阅读特定资源并准备好做一些数学运算。

但您也可以使用像 p5.collide2d. Once it is added to your project, the library provides some functions like collideRectRect() 这样的 p5 库,它获取两个矩形的位置和大小,如果它们发生碰撞,returns true

另一个有用的库是 p5.play,它可以处理您的精灵和游戏的整个物理系统。这是一个非常基础的库,因此不适合大型复杂项目,但对于开始编程和玩物理游戏来说,这是一个很好的起点。

p5.js 网站 a page 列出了可能也有用的社区图书馆。