Three.js中Raycaster检测门对象无法匹配房间名称的问题

核心问题是Raycaster命中的是门Group下的子Mesh，而你的房间名数据绑定在父Group上，所以需要从子对象向上追溯到对应的父Group，再获取关联数据。以下是几种实用的解决方法：

方法1：给门Group绑定自定义数据，向上遍历父节点查找 #

初始化门Group时，直接把房间名数据绑定到Group的userData属性中（Three.js推荐的自定义数据存储方式）：

// 创建门Group并绑定数据
const doorGroup = new THREE.Group();
// 添加子Mesh到doorGroup的代码...
doorGroup.userData.doorInfo = { roomName: "客厅" }; // 替换为你的doorData
doorsArray.push(doorGroup);

处理Raycaster检测结果时，递归向上查找带有自定义数据的父节点：

const intersects = raycaster.intersectObjects(scene.children, true); // true开启递归检测子对象
if (intersects.length > 0) {
  let currentObj = intersects[0].object;
  // 向上遍历直到找到带doorInfo的节点
  while (currentObj && !currentObj.userData.doorInfo) {
    currentObj = currentObj.parent;
  }
  if (currentObj?.userData.doorInfo) {
    // 成功获取房间名，显示悬浮提示
    showTooltip(currentObj.userData.doorInfo.roomName);
  } else {
    // 未找到门Group，隐藏提示
    hideTooltip();
  }
}

方法2：预存门Group的UUID集合，通过UUID匹配父节点 #

先把所有门Group的UUID存入集合，检测时向上查找父节点的UUID是否在集合中：

// 初始化时生成门UUID集合
const doorUUIDSet = new Set(doorsArray.map(door => door.uuid));

// Raycaster检测逻辑
const intersects = raycaster.intersectObjects(scene.children, true);
if (intersects.length > 0) {
  let currentObj = intersects[0].object;
  while (currentObj && !doorUUIDSet.has(currentObj.uuid)) {
    currentObj = currentObj.parent;
  }
  if (currentObj) {
    // 从doorsArray中找到对应的门数据
    const targetDoor = doorsArray.find(door => door.uuid === currentObj.uuid);
    if (targetDoor) {
      showTooltip(targetDoor.doorData.roomName); // 替换为你的数据字段
    }
  }
}

方法3：给子Mesh直接关联父Group的数据 #

如果不想遍历父节点，初始化时可以给每个子Mesh也绑定父Group的房间数据：

const doorGroup = new THREE.Group();
const doorMesh = new THREE.Mesh(geometry, material);
// 给子Mesh绑定父Group的doorData
doorMesh.userData.doorInfo = doorData;
doorGroup.add(doorMesh);
doorsArray.push(doorGroup);

这种方式下，Raycaster命中子Mesh时可以直接从intersects[0].object.userData.doorInfo拿到房间名，无需遍历父节点。

内容的提问来源于stack exchange，提问作者Diogo