threejs点击场景中的模型，怎么获取点击的模型的名称

在Three.js中，为了实现点击场景中模型并获取其名称，你需要创建一个Raycaster对象，它用于检测鼠标事件是否落在特定的三维几何体上。首先，你需要对每个模型添加一个交互标志（比如名字、ID），然后按照以下步骤操作：

1. **模型标记**：在模型创建时，为它们分配一个唯一的标识（如`id`或`name`），并存储在一个数组或对象中。

let objects = {
  'model1': new THREE.Mesh(...),
  'model2': new THREE.Mesh(...),
  // ...
};

2. **设置交互**：在模型的网格材质（MeshMaterial）上添加一个`raycast`属性，当点击时触发事件。

objects['model1'].material.raycast = function (event) {
  // 在这里获取模型名
  let modelName = event.object.name;
  console.log(`Clicked on model: ${modelName}`);
};

3. **处理点击**：在渲染循环中，检查鼠标位置并与场景中的所有模型进行碰撞检测。

function handleRenderEvent() {
  // 其他渲染代码...

  // 鼠标事件
  var mouse = new THREE.Vector2();
  mouse.x = (event.clientX / window.innerWidth) * 2 - 1;
  mouse.y = -(event.clientY / window.innerHeight) * 2 + 1;

  // 创建视口坐标到屏幕坐标的转换
  camera.updateMatrixWorld(true);
  raycaster.setFromCamera(mouse, camera);

  // 找到与鼠标点击相交的第一个对象
  var intersects = raycaster.intersectObjects(objects.values());
  if (intersects.length > 0) {
    let intersection = intersects[0];
    // 获取模型名称
    let modelName = intersection.object.name;
    // 这里可以做进一步的操作
  }

  // 渲染下一个帧...
}