I discovered something weird when importing a GLTF scene created in Blender into threejs:
My demo scene shows 4 spheres from top to bottom:
- MeshStandardMaterial created programmatically
- MeshStandardMaterial + normal map created programmatically
- MeshStandardMaterial created in Blender
- MeshStandardMaterial + normal map created in Blender
1 + 2 and 2 + 4 are supposed to look the same and they actually do on all Desktop browsers and on iOS Safari. On Chrome (v. 85) for Android (v.10) on my Oneplus 5 however sphere 4 renders way to dark.
Inspecting the material settings everything looks good. I also suspected the material becoming reflective but adding an envmap does not show any reflections.
Anyone came across something similar?
Screenshot from Desktop:
Screenshot on Chrome for Android:
Material setup in Blender: