javascript - Three.js で 3D 法線マップが正しく機能しない

Question

法線マップをメッシュに追加したいのですが、法線マップを適用すると、モデルがスムーズではなくフラットにレンダリングされ、必要な効果が得られません。

ここに私の材料コードがあります:

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にあります。（無いとは思いますが念のため）