Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 用于Three.js的Colada纹理导出_Javascript_Three.js_Collada_Fbx - Fatal编程技术网

Javascript 用于Three.js的Colada纹理导出

Javascript 用于Three.js的Colada纹理导出,javascript,three.js,collada,fbx,Javascript,Three.js,Collada,Fbx,我在.FBX中有一个文件,我需要在collada中转换它们,以便在Three.js中使用它们。 我设法用FBX转换器转换它们,但后来我丢失了纹理。 如何转换它们,以便使用纹理 以下是使用FBX转换器转换的FBX: 这是我在Maya 2013中导出为FBX_DAE的模型链接 我刚刚导入了FBX并导出为FBX_DAE 如果我在Mac上进行快速预览,则Maya中导出的模型具有纹理,但当我在Three.js中加载该模型时,它没有纹理 使用FXB converter转换的pearl.dae在quick

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

以下是使用FBX转换器转换的FBX:

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

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

使用FXB converter转换的pearl.dae在quick previw和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();

        });

请帮助。

我已经查看了您的模型文件,pearl.dae不包含任何纹理的引用。您可能需要仔细检查您的FBX转换器设置以及可能出现的任何错误或警告。另一方面,model2.dae引用的纹理的相对路径为“../../Model/Nialaya_perla.fbm/perla_diffuse.jpg”(纹理不包含在模型文件本身中)。我不记得Three.JS是否会自动从Collada模型文件加载纹理,但除非路径正确,否则肯定会失败。根据我使用Three.JS的经验,通常最好加载纹理,创建着色器,并将它们应用于只需代码的普通模型。这也将为您提供对最终外观的最大控制。

好的,但如何更改该参考路径?您可以在Maya中更改纹理文件的路径,然后重新导出,或者由于Collada文件只是XML,您可以在文本编辑器中打开它们并手动编辑纹理路径。此外,请检查浏览器的网络面板,查看是否正在请求文件。至于手动创建纹理,以下是一些关于在Three.JS中创建材质的教程: