Three js applies textures differently with same uv map compared to blender

I export my sink model from blender while it has the right uvs, however when i change the material in three js it uses completely different positioning of the texture on the meshes. how do i manipulate texture coordinates in threejs like i do in blender or how do i make threejs apply the same way blender applies the textures on a mesh.

model in blender
model in three js

Assuming you are using glTF and exchange material and textures, you have to add the following line all new textures to honor glTF’s uv conventions.

texture.flipY = false;
3 Likes

Is this still required with models loaded via gltf? If so, under which circumstances is it required?, as I don’t recall ever setting flipY.

That is not changed in three.js, the changes is caused by the conversion of your model in Blender to GLB or GLTF, three.js will display the GLTF as is.