使用THREE。Raycaster检测碰撞

Question

我创建了这个函数，它在渲染循环中调用，以检测碰撞并移动玩家/相机（这是第一人称游戏）。碰撞是使用名为pCube的CubeGeometry检测的，它被移动以匹配每帧的相机：

// Player movements
function pMovements() {
    mPlayer.colBottom = false;

    pCube.position.x = mPlayer.yawObject.position.x + 50; // The cube is placed +50 so we can see/debug it.
    pCube.position.y = mPlayer.yawObject.position.y - 10;
    pCube.position.z = mPlayer.yawObject.position.z;

    // -- COLLISION DETECTION START --
    var originPoint = pCube.position.clone();

    for (var vertexIndex = 0; vertexIndex < pCube.geometry.vertices.length; vertexIndex++)
    {       
        var localVertex = pCube.geometry.vertices[vertexIndex].clone();
        var globalVertex = localVertex.applyMatrix4( pCube.html" target="_blank">matrix );
        var directionVector = globalVertex.sub( pCube.position );

        var ray = new THREE.Raycaster( originPoint, directionVector.clone().normalize() );
        var collisionResults = ray.intersectObjects( collidableMeshList );
        if ( collisionResults.length > 0 && collisionResults[0].distance < directionVector.length() ) {

            // Bottom vertices
            if (vertexIndex == 2 || vertexIndex == 3 || vertexIndex == 6 || vertexIndex == 7) {
                mPlayer.colBottom = true;
                mPlayer.velocity.y = Math.max( 0, mPlayer.velocity.y ); // Stop falling
            }
        }
    }
    // -- COLLISION DETECTION END --

    var delta = (Date.now() - time) * 0.1;

    mPlayer.velocity.x += (-mPlayer.velocity.x) * 0.08 * delta; // walking
    mPlayer.velocity.z += (-mPlayer.velocity.z) * 0.08 * delta; // walking
    if (mPlayer.colBottom == false) {
        mPlayer.velocity.y -= 0.1 * delta; // falling
    }

    if (mPlayer.moveForward) mPlayer.velocity.z -= mPlayer.speed * delta;
    if (mPlayer.moveBack) mPlayer.velocity.z += mPlayer.speed * delta;
    if (mPlayer.moveLeft) mPlayer.velocity.x -= mPlayer.speed * delta;
    if (mPlayer.moveRight) mPlayer.velocity.x += mPlayer.speed * delta;

    mPlayer.yawObject.translateX(mPlayer.velocity.x);
    mPlayer.yawObject.translateY(mPlayer.velocity.y); 
    mPlayer.yawObject.translateZ(mPlayer.velocity.z);

    if (mPlayer.yawObject.position.y < -2000) {
        // Player has fallen out of bounds :( so re-initialise the players position
        mPlayer.velocity.y = 0;
        mPlayer.yawObject.position.y = 100;
        mPlayer.yawObject.position.x = 0;
        mPlayer.yawObject.position.z = 0;

        mPlayer.yawObject.rotation.y = 0;
        mPlayer.pitchObject.rotation.x = 0;
    }

    if (mPlayer.moveDown) {
        mPlayer.yawObject.position.y -= 1;
    }
    if (mPlayer.moveUp) {
        mPlayer.yawObject.position.y += 1;
    }
}

单击此处观看演示
WASD移动。跳跃空间（排序）。黑色立方体/矩形镜像x轴上的相机位置50。在立方体上检测到冲突。

基本上我对此有两个问题。我应该使用立方体的顶点来检测碰撞，还是使用面来检测？如果对象小于立方体，则不会检测到碰撞，因为它不会击中任何顶点。那么我应该为面部重写它吗？

其次，当检测到碰撞时，如何防止立方体落得太远。如果您查看演示，每当立方体脱落时，它就会继续下降一段时间，然后停止。我假设与mPlayer.velocity.y有关，但我无法修复它。即使跳跃也会使立方体沉入地板深处。

Answer 1

要提高碰撞检测的“分辨率”，您可以向立方体添加更多顶点，例如，当您声明pCube时，请尝试：

pCube = new THREE.CubeGeometry(100,100,100, 5,5,5);

其余代码可以保持不变。

对于较小的物体在为碰撞检测而创建的光线之间“滑动”，通常如果您使用此方法但让小物体创建光线，那么您将更准确地检测碰撞。