Javascript THREE.js导入模型不';不要应用面部纹理
我正在尝试导入一个使用THREEJS导出器从blender导出的模型。 到目前为止,模型加载并显示在我的场景中,材质应用正确(汽车应该是黄色的,玻璃应该是透明的) 但它并没有将我的纹理应用到保存在.tga表单中的汽车上 如果在模型所在的服务器目录中未包含纹理,则会出现以下错误:Javascript THREE.js导入模型不';不要应用面部纹理,javascript,three.js,Javascript,Three.js,我正在尝试导入一个使用THREEJS导出器从blender导出的模型。 到目前为止,模型加载并显示在我的场景中,材质应用正确(汽车应该是黄色的,玻璃应该是透明的) 但它并没有将我的纹理应用到保存在.tga表单中的汽车上 如果在模型所在的服务器目录中未包含纹理,则会出现以下错误: http://novsstudio.com/race/model//wheel.tga 404 (Not Found) 请注意,它在模型后面有两个/。 我不确定这是否是我的问题,我不知道如何解决它 但是当我上传我的纹
http://novsstudio.com/race/model//wheel.tga 404 (Not Found)
请注意,它在模型后面有两个/。
我不确定这是否是我的问题,我不知道如何解决它
但是当我上传我的纹理到/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 );
}
要查看其外观的真实示例,请转到
你也可以在那里查看源代码以获得完整的源代码,你还可以浏览我的目录以查看我所有文件的位置
谢谢你的帮助,如果你需要更多信息,请告诉我
提示:您可以在我的网站上通过单击并按住/拖动来移动相机,以查看整个模型。查看
examples/js/loaders
目录中的TGALoader
示例:
或者,您可以将TGA文件转换为PNG,并相应地修改JSON文件
编辑:更新为three.js r.68更新:刚刚完成,现在可以工作了,绝对完美,谢谢!可能重复的