javascript - objloader 未加载材料
问题描述
我正在使用 Three.js。我已经将一个 obj 对象加载到我的场景中。对象加载但 MTLLoader 不提供材料。我的对象坏了吗?是 MTL 文件吗?
这段代码添加了我的宇宙飞船 OBJ
const name = "shipA_OBJ";
loadMesh('shipA_OBJ', function(obj){
obj.position.x = 0;
obj.position.y = 0;
obj.position.z = 450;
obj.rotation.x += 1;
//obj.rotation.y -= 1;
obj.scale.x = .1;
obj.scale.y = .1
obj.scale.z = .1;
addMesh(obj);
});
function addMesh(mesh){
scene.add(mesh);
console.log(mesh.getWorldPosition());
}
function loadMesh(name, callback){
var objLoader = new THREE.OBJLoader();
var matLoader = new THREE.MTLLoader();
matLoader.load('models/shipA_OBJ.mtl', function(materials){
materials.preload();
objLoader.setMaterials(materials);
objLoader.load('models/shipA_OBJ.obj', function(obj){
callback(obj);
});
});
}
这是我的 Mtl 文件
3ds Max Wavefront OBJ Exporter v0.97b - (c)2007 guruware
文件创建时间:04.05.2010 13:43:14
newmtl shipA_mat Ns 10.0000 Ni 1.5000 d 1.0000 Tr 0.0000 Tf 1.0000 1.0000 1.0000 illum 2 Ka 0.0000 0.0000 0.0000 Kd 0.5880 0.5880 0.5880 Ks 0.0000 0.0000 0.0000 Ke 0.0000 0.0000 0.0000
map_Ka s_1024_C.tga
map_Kd s_1024_C.tga
map_Ke s_1024_I.tga
map_bump s_1024_N.tga
我已将所有 tga、mtl 和 obj 文件放在同一个目录中。当我注释掉 MTLLoader 时,我的飞船显示为灰色,但使用 MTLLoader,我的 spaceip 是全黑的。我有 AmbientLight,所以我确信照明不是问题。
这是我下载我的 obj 宇宙飞船的链接:https ://www.turbosquid.com/FullPreview/Index.cfm/ID/531813
解决方案
在 MTL 加载器中,您需要设置纹理路径。在您的操作系统上本地考虑 3d 模型时,这并不直观,但在 Web 上是有意义的。代码不能假定文件的位置,即使放在同一目录中。
幸运的是,MTLloader 类包含一个方法。
请参阅:https ://threejs.org/docs/#examples/loaders/MTLLoader
一个例子:
function loadMesh(name, callback){
var objLoader = new THREE.OBJLoader();
var matLoader = new THREE.MTLLoader();
matLoader.setTexturePath("models/");
matLoader.load('models/shipA_OBJ.mtl', function(materials){
materials.preload();
objLoader.setMaterials(materials);
objLoader.load('models/shipA_OBJ.obj', function(obj){
callback(obj);
});
});
您还可以使用 setPath 使模型中的任何引用都通用。
推荐阅读
- racket - 怎么设置!函数中对象的值?
- c# - 根据特定条件在请求正文中反序列化接口 asp.net core
- ruby-on-rails - 获取多态关联以通过验证
- python - 带有 s、d、b、c、o、x、X、n 等的 Python 索引......它们是什么?
- discord - 如何标记机器人的所有者
- elasticsearch - 仅对高于原点的匹配使用衰减函数
- c# - 如何从另一个类访问表单控件
- django - django.db.utils.IntegrityError:NOT NULL 约束失败:blog_article.created_on
- javascript - 为什么源映射包含“名称”?
- swift - 无法将文本文件放入 xcode 中的包中