如何为three.js中同一模型的网格生成持久化ID？

下面是几种实用的实现方案，按需选择即可：

1. 手动添加自定义属性 #

加载模型后，遍历网格并根据特征（比如名称）手动指定固定ID，只要每次加载时匹配规则一致，就能保证ID持久化：

// 加载完成后的模型处理逻辑
loadedModel.traverse((child) => {
  if (child.isMesh) {
    // 比如根据网格名称匹配
    if (child.name === "PlayerBody") {
      child.customId = "fixed-player-body-001";
    }
  }
});

2. 在模型源文件中嵌入固定ID #

如果你能控制模型制作流程（比如用Blender），直接在建模时给网格添加自定义属性，导出GLTF/GLB时带上该属性，加载时直接读取：

const loader = new THREE.GLTFLoader();
loader.load('character.glb', (gltf) => {
  gltf.scene.traverse((child) => {
    if (child.isMesh && child.userData.custom_id) {
      // 直接使用模型自带的固定ID
      child.customId = child.userData.custom_id;
    }
  });
});

这个方案最稳定，ID和模型本身绑定，不会受加载逻辑影响。

3. 通过网格特征生成固定哈希ID #

如果没法修改模型源文件，可以提取网格的唯一特征（比如顶点数据、材质名称）生成固定哈希值作为ID：

function createFixedMeshId(mesh) {
  // 组合几何顶点数据和材质名称作为哈希源
  const positionData = mesh.geometry.attributes.position.array;
  const sourceString = JSON.stringify(positionData) + mesh.material.name;
  
  // 生成简单哈希（生产环境可改用更可靠的哈希算法）
  let hash = 0;
  for (let i = 0; i < sourceString.length; i++) {
    hash = ((hash << 5) - hash) + sourceString.charCodeAt(i);
    hash |= 0;
  }
  return `mesh-fixed-id-${hash}`;
}

// 加载后为网格生成ID
loadedModel.traverse((child) => {
  if (child.isMesh) {
    child.customId = createFixedMeshId(child);
  }
});

注意：如果网格的几何或材质有修改，生成的ID会变化，适合网格结构固定的场景。

4. 利用GLTF扩展存储ID #

如果使用GLTF格式，可以借助GLTF扩展（比如EXT_mesh_features）来标准化存储固定ID，加载时读取扩展数据即可：

loader.load('model.glb', (gltf) => {
  gltf.scene.traverse((child) => {
    if (child.isMesh && child.userData.gltfExtensions?.EXT_mesh_features) {
      child.customId = child.userData.gltfExtensions.EXT_mesh_features.featureIds[0];
    }
  });
});

这个方案适合需要标准化管理模型元数据的场景。

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