Normal map causes shading issues but only in Three js

Like the title says Iā€™m having an issue with the shading of the normal map in three.js but when I export it again as a gltf and open it in blender it shades perfectly fine.
Any help would be much appreciated :slight_smile:

In blender (ignore the stretching I know):

In three js:

To be honest, I have no idea where to look at the images. It might be better to post two images from the same view point, so it is easier to compare them. Also, mark the exact place in the image where the problem is. The best would be if you can demonstrate the issue online with some minimal example ā€“ e.g. just one cube with normal map.

If the issue is with the normals, double check whether the .normalMapType, .normalScale, .channel, wrapS, wrapT, .repeat and .uv/.uv1/.uv2/.uv3 are all correct.

Iā€™m afraid I cannot be of further help.

1 Like