solved Transparent png border

[AlexGR]

Hello. When I try to use png with transparency it has a very thin line where the image ends. You can see in the following example the texture has a thin grey line on the bottom side but the actual png image is completely transparent at these pixels. It might not be visible at first glance, but make the viewport of the Playground bigger and you should notice it. The line shows up on both chrome and firefox but is more visible with chrome.

https://playground.babylonjs.com/#AMU9TG#1

[GameMonetize]

is the texture power of 2? If not babylon.js will rescale it for you

[inteja]

I think this is due to mipmappoing/filtering - the blurring bleeds through to the opposite edge - like a wrap-around effect. If you ensure there's always adequate gap between the opaque part of the texture and the edge then you won't see this bleed through.

[GameMonetize]

Also try to force clamping: https://playground.babylonjs.com/#AMU9TG#2

(my problem is that I cannot see the issue )

[AlexGR]

Thank you so much! The 2 clamping lines you added actually fixed the problem.

topbar_material.diffuseTexture.wrapU = BABYLON.Texture.CLAMP_ADDRESSMODE;
topbar_material.diffuseTexture.wrapV = BABYLON.Texture.CLAMP_ADDRESSMODE;

Jfyi here is a zoomed pic showing the problem without the clamping:

https://imgur.com/6YO8Cjm

[GameMonetize]

Great!