three.js点击获取glb模型中的某个元素

要获取glb模型中的某个元素，可以使用three.js中的射线拾取（raycasting）功能。具体步骤如下：

1. 创建一个射线对象，将其起点设为相机位置，方向设为从相机指向鼠标点击的位置。

const raycaster = new THREE.Raycaster();
const mouse = new THREE.Vector2();

// 在鼠标点击事件中设置mouse变量
function onMouseClick(event) {
  mouse.x = ( event.clientX / window.innerWidth ) * 2 - 1;
  mouse.y = - ( event.clientY / window.innerHeight ) * 2 + 1;

  raycaster.setFromCamera(mouse, camera);

  // 进行射线拾取
  const intersects = raycaster.intersectObjects(scene.children, true);
}

2. 调用射线对象的intersectObjects方法，将场景中的所有对象作为参数传入。

const intersects = raycaster.intersectObjects(scene.children, true);

3. intersectObjects方法会返回一个数组，包含所有被射线穿过的对象。可以遍历这个数组，找到需要的元素。

for ( let i = 0; i < intersects.length; i ++ ) {
  const object = intersects[ i ].object;

  // 判断是否是需要的元素
  if ( object.name === 'myElement' ) {
    // 执行需要的操作
  }
}

需要注意的是，在加载glb模型时，需要设置模型中每个需要拾取的元素的name属性，以便在射线拾取时进行判断。