在Three.JS中通过鼠标点击选择Collada对象

Question

我需要通过鼠标单击来选择 Three.JS 中的 Collada 对象。我知道我可以根据对象的 id 选择对象，并且我看到了一些用户可以与几何定义对象交互的示例( here )。但我需要访问 Collada 格式的对象。

Answer 1

假设 dae_scene 是从 ColladaLoader 返回的 COLLADA 场景，您可以执行以下操作来检查交集:

var toIntersect = [];
THREE.SceneUtils.traverseHierarchy(dae_scene, function (child) {
    if (child instanceof THREE.Mesh) {
        toIntersect.push(child);
    }
});

这将获取 COLLADA 场景内的所有网格对象。然后，您可以使用该数组来查找光线交叉点，如下所示:

var ray = new THREE.Ray( camera.position,
                         vector.subSelf( camera.position ).normalize() );
var intersects = ray.intersectObjects( toIntersect );