我有一个 .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
不会应用于模型:
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
就不再应用。应用 bumpMap
后添加 model.bumpMap.needsUpdate = true;
不会改变任何内容。
最佳答案
在渲染 Material 至少一次后,添加之前不存在的纹理需要构建新的着色器程序。要强制执行此操作,您需要设置
mesh.material.needsUpdate = true;
请参阅 Three.js 文档 How to Update Things .
三.js r.85
关于javascript - Three.js 凹凸贴图未更新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42742168/