凹凸贴图对 three.js 中的纹理没有影响

Bump map give no effect on texture in three.js

我正在使用 THREE.ImageUtils 加载贴图,并且 bumpmaps.The 贴图的灰度图像用作凹凸贴图。添加凹凸贴图不会对其产生任何影响。

var material = new THREE.MeshLambertMaterial({ side: THREE.DoubleSide });

material.map = THREE.ImageUtils.loadTexture('http://i.imgur.com/ZjBRB2d.jpg');
material.bumpMap = THREE.ImageUtils.loadTexture('http://i.imgur.com/tz483el.jpg'); 

code

是否可以将凹凸贴图的重复包裹作为贴图?

MeshLambertMaterial 不支持凹凸贴图。试试 MeshPhongMaterialMeshStandardMaterial.

凹凸贴图支持重复环绕,但如 this answer 中所述,如果您也有漫反射贴图,贴图和凹凸贴图必须具有相同的重复设置。

此限制可能会在未来的版本中更改。

three.js r.77