我有一个.obj
模型,并在我的场景中加载了相应的.mtl
文件。我在加载后正在应用bumpMap
:
var mtlLoader = new THREE.MTLLoader();
mtlLoader.setPath('/models/');
mtlLoader.load('model.mtl', function (materials) {
materials.preload();
// Load obj file
var objLoader = new THREE.OBJLoader();
objLoader.setMaterials(materials);
objLoader.setPath('/models/');
objLoader.load('model.obj', function (group) {
var geometry = group.children[0].geometry;
geometry.center();
model = new THREE.Mesh(geometry, otherMesh.material.clone());
model.material.bumpMap = new THREE.ImageUtils.loadTexture('images/bump.png');
model.name = "obj model";
scene.add(model);
render();
callback();
});
});
这可以按预期工作。 map
纹理只是一张黑白.png
图像。但是,如果我在添加模型之前应用bumpMap
,则不会应用它。例如,使用此代码时,bumpMap
不会应用于模型:
var mtlLoader = new THREE.MTLLoader();
mtlLoader.setPath('/models/');
mtlLoader.load('model.mtl', function (materials) {
materials.preload();
// Load obj file
var objLoader = new THREE.OBJLoader();
objLoader.setMaterials(materials);
objLoader.setPath('/models/');
objLoader.load('model.obj', function (group) {
var geometry = group.children[0].geometry;
geometry.center();
model = new THREE.Mesh(geometry, otherMesh.material.clone());
setTimeout(function(){
model.material.bumpMap = new THREE.ImageUtils.loadTexture('images/bump.png');
}, 0);
model.name = "obj model";
scene.add(model);
render();
callback();
});
});
只需添加超时,bumpMap
就不再适用了。在应用model.bumpMap.needsUpdate = true;
后添加bumpMap
不会改变任何内容。
答案 0 :(得分:1)
在渲染材质至少一次后,添加以前不存在的纹理 需要构建新的着色器程序。要强制执行此操作,您需要设置
mesh.material.needsUpdate = true;
请参阅three.js文档How to Update Things。
three.js r.85