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

novs12

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

但这并不是将我的纹理应用到以.tga格式保存的汽车上。

如果我不在模型所在的服务器目录中包含纹理,则会出现此错误:

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

注意它有两个/的after模型。我不确定这是否是我的问题,并且我不知道如何解决。

但是,当我将纹理上传到/ race / model /时,所有纹理都已下载,如Chrome的“网络”标签中所示,但未应用于模型。我相信threejs找不到它们,因为它正在/ 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

感谢您的帮助,如果需要更多信息,请告诉我。

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

西兰吉

看到TGALoader坐落在examples/js/loaders目录中。

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

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Three.js透明模型纹理错误

来自分类Dev

如何从Blender导入模型和关联的纹理到three.js中?

来自分类Dev

Three.js导入的模型抗锯齿

来自分类Dev

Three.js导入的模型抗锯齿

来自分类Dev

Three.js透明度模型纹理错误

来自分类Dev

Three.js更改网格纹理会更改整个模型

来自分类Dev

THREE.js-将渐变颜色应用于导入的GLTF模型

来自分类Dev

Three.js-更新纹理

来自分类Dev

在Three.js中纹理未应用到侧面

来自分类Dev

获取面部旋转Three.js

来自分类Dev

在Three.js中使用OBJMTLoader导入WebGL模型失败

来自分类Dev

Three.js | 通过Blender光线投射导入的.obj模型

来自分类Dev

将JSON模型导入Three.js-没有显示

来自分类Dev

在three.js中使用OBJMTLoader导入WebGL模型失败

来自分类Dev

Three.js-比例模型

来自分类Dev

three.js:BufferGeometry和纹理

来自分类Dev

Three.js使用framebuffer作为纹理

来自分类Dev

使用Three.js进行纹理喷涂

来自分类Dev

用户在three.js中上传纹理

来自分类Dev

three.js从cubecamera创建纹理

来自分类Dev

在THREE.js中纹理球体

来自分类Dev

THREE.js-无法在本地加载纹理

来自分类Dev

如何水平翻转Three.js纹理

来自分类Dev

three.js:纹理全黑

来自分类Dev

three.js:纹理全白

来自分类Dev

Three.js中的图素纹理

来自分类Dev

如何垂直翻转Three.js纹理?

来自分类Dev

Three.js合并对象和纹理

来自分类Dev

Three.js + Angular:纹理加载失败