Textures are being flipped on Y axis on GLTF Mesh

Questions
,
1

Hi. I have Loaded Sphere.glb in Three js which has a texture. I am trying to assign new material with same Texture. Why is The New Textures that is applied is being flipped?

var texLoader = new THREE.TextureLoader();

        var Texture = texLoader.load('./models/textures/1.png');



        var materialTest = new THREE.MeshPhysicalMaterial({ map: Texture });

        

        document.getElementById("test").addEventListener("click", function () {

            

            var testGeo = scene.getObjectByName("Sphere");

            testGeo.material = materialTest;

        });"</code>

I UVShpeher.glb (165.6 KB)

1
11024×1024 28.2 KB
2

When you exchange a texture on glTF asset, you have to set flipY to false in order to correspond to glTF’s uv conventions. More information at the following doc page, section Textures:

2 Likes
3

Thank you.