Textures are being flipped on Y axis on GLTF Mesh

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)

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:

1 Like

Thank you.