javascript - 光线转换作为碰撞检测器 : not accurate

Question

我有一个具有多种随机形式的场景(如三 Angular 形、梯形，还有更多自定义设计)，我正在尝试编写碰撞检测代码。这些形状都是二维的，并且位于 Y=0

由于形状比圆形和矩形更复杂，我决定使用光线转换来检查碰撞。

 var raycastCollision = function () {

        var originPoint = activeElement.position.clone();
        var vertices = activeElement.geometry.vertices;


        //loop
        for (var vertexIndex = 0; vertexIndex < vertices.length; vertexIndex++) {

            var localVertex = vertices[vertexIndex].clone();
            var globalVertex = localVertex.applyMatrix4(activeElement.matrix);
            var directionVector = globalVertex.sub(activeElement.position);

            var ray = new THREE.Raycaster(originPoint, directionVector.clone().normalize(),true);
            ray.ray.direction.y = 0;
            var collisionResults = ray.intersectObjects(elements);
            debug["ray" + vertexIndex] = ray;
            if (collisionResults.length > 0 && collisionResults[0].object != activeElement && collisionResults[0].distance < directionVector.length()) {

                debug["raycast detection"] = "HIT";
                break;
            }
        }
    }

ActiveElement 是当前选定的形状，elements 是场景中所有形状的列表。

我遇到的问题是它只在某些情况下检测到“命中”，而我还无法确定是在什么情况下。但有一点是肯定的:它常常在应该检测到命中时却没有检测到。

任何人都可以检测到我的代码中的错误吗？

编辑:“未命中”和“命中”情况的示例图片

Answer 1

由于我的旧答案不正确，我将其删除。

我在测试场景中尝试了您的功能，并且以下解决方案有效:

https://jsfiddle.net/qzL9L38a/

我猜问题出在你的情况下的平行面。

对于球体，以下工作有效:

var raycastCollision = function () {

var originPoint = spheres[0].position.clone();
var vertices = spheres[0].geometry.vertices;


//loop
for (var vertexIndex = 0; vertexIndex < vertices.length; vertexIndex++) {

    var localVertex = vertices[vertexIndex]; // no need to clone if applyMatrix4 won'T change localVertex.
    var globalVertex = localVertex.applyMatrix4(spheres[0].matrix);
    var directionVector = globalVertex.sub(originPoint);

    var ray = new THREE.Raycaster(originPoint, directionVector.clone().normalize(),true);
    var collisionResults = ray.intersectObjects(spheres);
    collisionResults = collisionResults.filter(function(element)
    {
      return element.distance < directionVector.length();                                         
    });
    if (collisionResults.length > 0 ) {

        console.log('HIT: '+collisionResults);
        break;
    }
}

}