3d 法线贴图在 Three.js 中无法正常工作答案

【问题标题】：3d normal map not working correctly in Three.js3d 法线贴图在 Three.js 中无法正常工作
【发布时间】：2014-02-01 09:53:35
【问题描述】：

我想在我的网格中添加一个法线贴图，当我应用到它时，模型变得平坦而不平滑，我没有得到我想要的效果。

这是我的材料代码：

var material = new THREE.MeshPhongMaterial(
            {
                map: THREE.ImageUtils.loadTexture( 'models/text/diffuse.jpg' ),
                ambient: 0x030303,
                color: 0xdddddd,
                specular: THREE.ImageUtils.loadTexture( 'models/text/Specular03.jpg' ),
                shininess: 30,
                shading: THREE.SmoothShading,
                normalMap: THREE.ImageUtils.loadTexture( 'models/text/wrap_NM.jpg' ),
                metal: false,
                skining: true
            }
        );

如何正确设置法线贴图？

法线贴图在 TIF 中，如果这意味着什么的话。（我认为不是，但以防万一）

【问题讨论】：

标签： javascript 3d three.js phong

【解决方案1】：

我找到了方法，问题出在 TIF 图像上，我只将它转换为 JPG 并且效果很好。

【讨论】：