添加 GLTF 后如何访问 Object3D 材质

Question

我想动态复制具有不同位置/颜色的 GLTF 模型，为此我已经完成了：

const L_4_G = new Object3D();
...
const multiLoad_4 = (result, position) => {
    const model = result.scene.children[0];
    model.position.copy(position);
    model.scale.set(0.05, 0.05, 0.05);

    //
    L_4_G.add(model.clone())

    scene.add(model);
};
...
function duplicateModel4() {

    L_4_G.translateX(-1.2)
    L_4_G.translateY(0.0)//0.48
    L_4_G.translateZ(1.2)

    L_4_G.rotateY(Math.PI / 2);

    scene.add(L_4_G);
}

我没有从文档中找到如何更改Object3D颜色的方法，您能告诉我该怎么做吗？ 提前致谢。

这是我正在使用的完整代码，这是模型

更新

1. 我看过这个解决方案，在对象的userData中存储一组 colors 并稍后选择颜色：

L_2_G.userData.colors = {green : #00FF00, red : ..., ...}
L_2_G.children[0].material.color(userData.colors["green"])

但是我得到一个错误，children[0] 未定义，但我可以看到这个 object 有一个孩子和一个材料，以及通过控制台的颜色： console.log(L_2_G.children) ， console.log(L_2_G.children.length) --> 0

2. 我也尝试过getObjectByName ，如下所述：

scene.getObjectByName(name).children[0].material.color.set(color);

这也导致： children[0]未定义， scene.getObjectByName(name).children.length为0 。

Answer 1

THREE.Object3D 是场景图中任何可以 go 的基础 class，包括灯光、相机和空对象。 并非所有 Object3D 实例都具有几何体或材质。 您可能正在寻找包含材料和 colors 的THREE.Mesh子类。

一般来说，像getObjectByName(...)和model = result.scene.children[0]这样的代码是非常特定于内容的。 该文件可能包含许多嵌套对象，而.children[0]只抓取第一部分。 通常最好遍历场景图，查找您要修改的对象（例如，查找所有网格或具有特定名称的网格）。

const model = result.scene;

model.traverse((object) => {
  if (object.isMesh) {
    object.material.color.setHex( 0x404040 );
  }
});

然后您可以将整个组添加到您的场景 ( scene.add(model) )，或者只添加其中的一部分。 请记住，将网格添加到新的父项会将它们从其先前的父项中删除，并且您不应在遍历先前的父项时这样做。 相反，您可以制作一个网格列表，然后在第二步中添加它们：

const meshes = [];

result.scene.traverse((object) => {
  if (object.isMesh) {
    meshes.push(object);
  }
});

for (const mesh of meshes) {
  scene.add(mesh);
}

最后，一个object的position是继承自它的parents。 通过从其原始父项中删除 object，您可能会在场景中更改其 position。 如果您打算将新的 position 分配给 object，那很好。