javascript - 三个JS | Collada 装载机纹理

Question

我在使用 ThreeJS collada loader 时遇到问题。我从后端收到带有所有纹理的dae模型。之后，我解析图像(纹理)并创建 Material 数组。

let materials = [];
textures.forEach((texture) => {
  let loadedTexture = THREE.ImageUtils.loadTexture(texture.url);
  let material = new THREE.MeshPhongMaterial({ map: loadedTexture });
});

然后我加载 dae 模型并尝试向我的数组附加 Material :

colladaLoader.load(daeModelFile, (collada) => {
  let model = collada.scene;

  dae.traverse( ( child ) => {
    if ( child instanceof THREE.Mesh ) {
      child.material = materials;
    }
  });

  mainScene.add(model);
});

但不是这个:

我收到了这个:

Answer 1

如果您使用 THREE.ColladaLoader2 加载 dae 文件，则无需手动应用纹理。这是由加载程序完成的。请查看本示例的源代码:

https://threejs.org/examples/webgl_loader_collada.html

顺便说一句:不要再使用THREE.ColladaLoader了。这是一个旧的实现，将在下一版本中被 THREE.ColladaLoader2 取代。

R87