Three.jsでオブジェクト同士の接触を判定する 📦 - みかづきブログ・カスタム

DEMO https://kimizuka.org/mock/collision 画面をクリックすると、オブジェクトが近づいて行って接触すると「HIT!」と表示されます。 実装方針 色々方法はあると思うのですが、今回は Sphere.intersectsSphere を使って球体と交差している球体があるかを判定しようと思います。 threejs.org なので、 ❶ 衝突判定をしたいジオメトリのboundingSphereを取得する ❷ 取得したboundingSphereと同じ座標、同じ大きさのSphereを作成する ❸ 毎フレーム、Sphereの座標をジオメトリの座標に合わせる ❹ 毎フレーム、Sphere.intersectsSphereで交差するSphereの有無を調べる という流れで実装しました。 JavaScript（抜粋） const scene = new THREE.Sc