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

Posted 2023-02-16

【中文标题】3d 法线贴图在 Three.js 中无法正常工作

【英文标题】：3d normal map not working correctly in 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 中，如果这意味着什么的话。 （我认为不是，但以防万一）

【参考方案1】：

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