Three.js：仅修改单个子对象颜色的问题

一、临时解决当前颜色修改问题（Three.js端） #

你遇到的是材质共享问题——NX导出GLTF时会把同色几何体绑定到同一个材质实例，所以改一个全变。不用重新导出的话，给目标mesh克隆材质再修改：

const targetMesh = model.children[0].children[31].children[10].children[1];
// 克隆材质断开共享关联
targetMesh.material = targetMesh.material.clone();
// 现在改颜色只会影响这个mesh
targetMesh.material.color.set(0xff0000);

二、NX端从根源优化模型结构 #

1. 给部件起有意义的名字 #

在NX的装配导航器里，把需要单独控制的部件/组重命名（比如“标记点”“外壳组件”），别用默认的mesh_xxx。导出后Three.js里可以直接用getObjectByName('标记点')定位，不用记冗长的children路径。

2. 强制材质独立 #

对需要单独改色的部件，别用默认共享材质：

• 选中部件，打开材质编辑器新建专属材质（哪怕颜色和其他部件一样）。
• 或者在渲染选项卡开启“每个部件独立材质”，阻止NX自动合并同色材质。

3. 导出GLTF的关键设置 #

导出选GLTF 2.0，在导出面板里：

• 勾选“保留装配层级”，确保NX里的分组结构完整导入Three.js。
• 关闭“合并重复材质”（如果有这个选项），强制每个部件材质独立。
• 勾选“导出名称”，让NX里的部件名称同步到模型中。

4. 清理冗余内容 #

导出前删掉NX里的基准面、辅助几何体，用简化工具合并无关小部件，减少Three.js里的层级复杂度，也避免不必要的材质共享。

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