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

【问题标题】：Bump map give no effect on texture in three.js凹凸贴图对three.js中的纹理没有影响
【发布时间】：2016-05-23 05:52:16
【问题描述】：

我正在使用 THREE.ImageUtils 加载地图和凹凸贴图。地图的灰度图像用作凹凸贴图。添加凹凸贴图时不会对其产生任何影响。

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

凹凸贴图的重复包装可以作为贴图吗？

【问题讨论】：

标签： javascript three.js bump-mapping

【解决方案1】：

MeshLambertMaterial 不支持凹凸贴图。试试MeshPhongMaterial 或MeshStandardMaterial。

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

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

three.js r.77

【讨论】：

不可能......我怎样才能有效地实现布料可视化。
我建议你学习three.js cloth animation example。
我将材质更新为MeshPhongMaterial ，仍然没有变化，我也尝试添加法线贴图，结果也相同，但MeshStandardMaterial 有效:)
MeshPhongMaterial 支持法线贴图和凹凸贴图。