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

Question

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

这是我的材料代码：

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中。 （我想不是，只是为了以防万一）

Answer 1

我找到了方法，问题出在TIF图像上，我只将其转换为JPG并且工作正常。