javascript - 如何在 three.js 中检测立方体和球体之间的碰撞？

Question

我的场景中有 2 个简单的 3D 对象(一个球体和一个立方体)，我想检测它们是否发生碰撞。

如何实现？

Answer 1

最简单的选择是使用两个对象之间的欧氏距离，使用 Vector3 的 distanceTo()或 distanceToSquared 函数。

例如

console.log(yourCube.position.distanceToSquared(yourSphere.position));

如果两个物体之间的距离大于球体半径与立方体边长的总和，则可能会发生碰撞。我还建议使用 distanceToSquared，因为它速度更快(因为它不调用 sqrt)并且它对于检查碰撞仍然有用。

请注意，此方法不是非常精确 - 它本质上是检查两个球体之间的碰撞(将立方体估计为半径等于立方体边的一半的球体)，但我希望它是接近/足够好，因为在我看来它是最容易和最快实现的。

您可能会注意到，立方体的 Angular 将发生碰撞，直到一定距离后才会触发碰撞。您可以通过传递不同的立方体边长比来调整“阈值”。想象一下您的立方体周围有一个球体，该球体的比率应该有多大才能为您的设置获得合适的估计碰撞。

想到的另一种方法是在球体上找到离立方体最近的点:

• 你知道可以通过减去两个位置向量得到从球心到立方体中心的点
• 您可以通过对上述差异向量进行归一化并按球体半径对其进行缩放，从而在立方体方向上获得球体上的点
• 然后您可以检查该点是否在立方体内部(通过检查坐标是否在立方体的轴对齐边界框 (AABB) 内)

例如

var pointOnSphere = yourSphere.position.clone().sub(yourCube.position).normalize(). multiplyScalar(yourSphereRadius);

如果这超出了我的头脑，所以我不能保证上面的代码片段会起作用，可能值得在 pointOnSphere 的坐标处放置一个粒子以首先检查。

还有其他更高级的 3D 碰撞检测算法，您可以在 this book 中查看，但最好让事情尽可能简单/快速。