p5.j​​s 中 3d 对象的碰撞检测

Question

我正在开发一个无限跑步游戏，其中涉及 3d 对象 - 漫游者和一些障碍物，它们在地形上移动。 该游戏是使用 p5.js WebGL 功能制作的。 我几乎完成了游戏，但是当流动站撞到任何障碍物时游戏应该结束。 我只是想知道我是否可以检测到两个 3d 对象的碰撞（流动站是飞机，障碍物是自定义加载的模型）并结束游戏...简单来说，我想知道 WebGL 中的碰撞检测是否是可行，如果可行，怎么办？ 请帮助我。 谢谢你。

Answer 1

实际上，理想情况下，您会发布您尝试检测碰撞的最小草图：让其他人更容易做出贡献的东西（无需代表您做出许多疯狂的猜测）。

一个想法是检查 3d 模型的边界框（由它的 minX、minY、minZ、maxX、maxY、maxZ 值定义）是否与平面相交（或者如果保持一致更简单，则与平面的边界框相交） . 它不会 100% 准确，具体取决于加载的模型（我们甚至不知道那是什么），但这是一个不错的初始步骤。

为了更准确，凸包会很方便。 如果在 p5.js 中从头开始计算可能很困难，也许您可​​以使用相同的 3D 编辑器来导出模型以生成原始模型的凸包并将其导出以用作更简单的碰撞网格。

此外，即使更高级，您也可以考虑使用诸如ammo.js之类的物理引擎来为您处理重碰撞数学（以及更多）。 （查看车辆演示）。