raycaster在threejs中一次只能选择我的gltf模型的一个部分。

Question

嗨，我是一个完全陌生的三.js，所以任何帮助是感激。

我有一个gltf模型，其中有许多部分组成一个单一的模型，我想选择模型作为一个整体，但当我使用raycaster选择模型时，我选择的是那些单独的部分。我想将模型作为一个整体来选择，但当我使用raycaster来选择模型时，我选择的是那些单独的部分。

举个例子，我有一个casino模型，我想选择整个模型，但是当我使用raycaster选择模型时，我选择的是那些单独的部分。比如说我有一个立方体，当我把鼠标悬停在它上面时，每次只选择一个面。

下面是我的代码... 任何帮助是感激的

    var raycaster = new Raycaster();

    loader.load("Purplelogo/Purplelogo.gltf", ( gltf ) => {

    scene.add( gltf.scene );

    gltf.scene.position.set(2,-0.9,1);
    gltf.scene.scale.set(0.9,0.9,0.9);
    gltf.scene.rotation.set(2,2,5);

  });

  raycaster.setFromCamera( mouse, camera );

  var intersects2 = raycaster.intersectObjects( scene2.children, true );

  for ( var i = 0; i < intersects2.length; i++ ) {

    intersects2[ i ].object.rotateX(3)

  }

Answer 1

你需要以某种方式找到文件的根。你可以用1000种不同的方法来实现。

这里有一个

let obj = intersects2[ i ].object;

// walk up until you get to the root of the gltf file
while (obj !== gltf.scene && obj.parent) {
  obj = obj.parent;
}

if (obj === gltf.scene) {
  // it's the root of the scene

这是另一个

// at load time
const allMeshesInGLTF = new Set();
gltf.scene.traverse(node => {
  if (node.isMesh) {
    allMeshesInGLTF.add(node);
  }
});


// then at pick time
let obj = intersects2[ i ].object;
if (allMeshesInGLTF.has(obj)) {
  // an object in the scene picked, use gltf.scene

这是另一个

// at load time
gltf.scene.traverse(node => {
  if (node.isMesh) {
    node.gltf = gltf;
  }
});

// at pick time
let obj = intersects2[ i ].object;
if (obj.gltf) {
  // use obj.gltf.scene

等...