3d нормальная карта неправильно работает в Three.js

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, если это что-то значит. (Я думаю, но не на всякий случай)

Answer 1

Я нашел способ, проблема была с изображением TIF, я только преобразовал это в JPG, и он работает отлично.