Three.js 的 Colada 纹理导出

Question

我在 .FBX 中有一个文件，我需要在 collada 中转换它们，以便可以在 Three.js 中使用它们。 我设法用 FBX Converter 转换它们，但后来我丢失了纹理。 如何转换它们以便我可以使用纹理。

这是使用 FBX Converter 转换的 FBX： pearl.dae

这是我在 Maya 2013 中导出为 FBX_DAE 的模型链接 model2.dae 我刚刚导入 FBX 并导出为 FBX_DAE

如果我在 Mac 上进行快速预览，在 Maya 中导出的模型有纹理，但是当我在 Three.js 中加载它时，它没有纹理。

而用FXB转换器转换的pearl.dae在快速预览和Three.js中都没有纹理

这是我的加载器代码：

var Loader  = new THREE.ColladaLoader();
        Loader.options.convertUpAxis = true;
        Loader.load('./models/pearl.dae', function(collada){
            Bracelet = collada.scene;
            Skin = collada.skins[0];

            Bracelet.scale.x = Bracelet.scale.y = Bracelet.scale.z = 1;
            Bracelet.updateMatrix();

            init();
            render();

        });

请帮忙。

Answer 1

我查看了您的模型文件，pearl.dae 不包含对任何纹理的引用。您可能需要仔细检查您的 FBX 转换器设置以及您可能收到的任何错误或警告。另一方面，model2.dae 确实引用了具有“../../Model/Nialaya_perla.fbm/Perla_diffuse.jpg”相对路径的纹理（纹理不包含在模型文件本身中）。我不记得 Three.JS 是否会自动从 Collada 模型文件中加载纹理，但除非该路径正确，否则它肯定会失败。根据我使用 Three.JS 的经验，加载纹理、创建着色器并将它们应用到仅使用代码的普通模型通常会更好。这也将使您能够最大程度地控制最终外观。