如何檢測three.js中的立方體和球體之間的碰撞？

Question

我在場景中有2個簡單的3D對象（一個球體和一個立方體），我想檢測它們是否正在碰撞。

這是如何實現的？

Answer 1

最簡單的選擇是使用Vector3的distanceTo()或distanceToSquared函數在兩個對象之間的歐氏距離。

例如

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

如果兩個物體之間的距離大於球體半徑與立方體邊之間的距離，那麼這將是潛在的碰撞。我還建議distanceToSquared，因爲它更快（因爲它不調用sqrt），並且它對檢查衝突仍然有用。

注意該方法不是超精確的 - 它本質上是檢查兩個球體之間的碰撞（估計立方體是一個半徑等於立方體一半的球體），但我希望它足夠接近/足夠好對於你的設置，因爲它是我認爲最容易和最快的實現。

您可能會注意到，立方體的角落將會碰撞，而不會觸發碰撞，直到達到一定的距離。您可以通過傳遞不同的立方體比例來調整「閾值」。想象一下你的立方體周圍有一個球體，這個球體的比例應該有多大才能爲你的設置獲得一個合適的估計碰撞。

想到的另一種方法是找到最接近立方體球點：

• 你知道可以通過減去得到球的中心到立方體的中心點兩個位置矢量
• 通過對上述差異向量進行歸一化，並通過球面半徑對它進行縮放，您可以獲得立方體方向上的球體上的點。然後，您可以檢查該點是否在立方體內部（通過檢查如果座標位於立方體的軸對齊邊界框（AABB）內

例如

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

這要是把我的頭頂部，所以我不能保證上面的代碼將工作，可能是值得放置在pointOnSphere座標粒子首先檢查。

在3D中還有其他更高級的碰撞檢測算法，您可以在this book中查看，但最好儘量保持簡單/快速。

Answer 2

不幸的是，three.js沒有任何碰撞檢測器：Collision detection?。

我想你需要使用插件庫。像這樣：http://yomotsu.github.com/threejs-examples/cannonjs_box/。