PNG texture not coming as expected on material

Questions
, ,
1

I have added a png image on texture using the below code, :

            // Create a material with the image texture
            var planeMaterial = new BABYLON.StandardMaterial("imageMaterial", scene);
            
            planeMaterial.diffuseTexture = new BABYLON.Texture("products/tshirt1.png", scene);
            plane.material = planeMaterial;
            
            (await scene).getMaterialByName("imageMaterial").emissiveTexture = new BABYLON.Texture("products/tshirt1.png")

It should come like this:

image
image1920×1200 124 KB

But it is coming like this:

image
image1920×1200 94.8 KB

What is needed to be done in my code ?

2

You need to change opacity and not emissive

see Babylon.js docs

I guess you double checked the texture to have an alpha channel?

3

It is solved. Thanks

I have used this code:

    const plane = BABYLON.CreatePlane("shirt")
    const texture = new BABYLON.Texture("https://playgrounds.babylonjs.xyz/tshirt1.png")
    const material = new BABYLON.StandardMaterial("mat")
    material.diffuseTexture = texture
    material.emissiveTexture = texture
    plane.material = material

    texture.hasAlpha = true // <----
1 Like