THREE.js导入的模型不应用面部纹理

时间:2014-01-14 19:18:58

标签: javascript three.js

我正在尝试导入使用THREEJS导出器从blender导出的模型。 到目前为止,模型加载并出现在我的场景中,正确应用了材料(Car应该是黄色的,并且玻璃是透明的。)

但它并没有将我的纹理应用于以.tga形式保存的汽车。

如果我不在模型所在的服务器目录中包含纹理,我将收到此错误:

http://novsstudio.com/race/model//wheel.tga 404 (Not Found) 

注意它有2个/秒的型号。 我不确定这是不是我的问题,我不知道如何修复它。

但是当我将纹理上传到/ race / model /时,所有纹理都被下载,如Chrome中的“网络”选项卡所示,但不会应用于模型。 我相信也许三个人找不到它们,因为它正在/ race / model //中寻找它们?

这是导入模型的代码:

var jsonLoader = new THREE.JSONLoader();
jsonLoader.load( "model/car.js", addModelToScene );
// addModelToScene function is called back after model has loaded

var ambientLight = new THREE.AmbientLight(0xFFFFFF);
scene.add(ambientLight);
ambientLight.position.set(0, 500, 200);



function addModelToScene( geometry, materials ) 
{
    var material = new THREE.MeshFaceMaterial( materials );
    android = new THREE.Mesh( geometry, material );
    android.scale.set(10,10,10);
    scene.add( android );
}

要查看现在的实际示例,请转到http://novsstudio.com/race 您也可以在那里查看源代码以获取完整的源代码,您还可以浏览我的目录以查看我在http://novsstudio.com/race/model

所有文件的位置

感谢您的帮助,如果您需要更多信息,请与我们联系。

提示:您可以通过单击并按住/拖动来查看整个模型,从而在我的网站上移动相机。

1 个答案:

答案 0 :(得分:5)

请参阅TGALoader目录中的examples/js/loaders

示例:http://threejs.org/examples/webgl_materials_texture_tga.html

或者,您可以将TGA文件转换为PNG并相应地修改JSON文件。

编辑:更新为three.js r.68