Text on AdvancedDynamicTexture with transparent background has a grey border

Questions
1

I’m trying add a white button to an AdvancedDynamicTexture, but it’s not completely white, it has a grey border. When zoomed out it actually looks more grey than white. Is there a way to change this behaviour? I feel like the grey pixels should really be white with 50% transparency or something like that.

In this playground, I expect the text to not be visible at all, being white on white.
image

Texture mode Babylon.GUI | Babylon.js Playground (babylonjs.com)

3

The artifacts come from the bilinear filtering which is applied when reading the GUI texture.

One way would be to use the nearest filtering method for the texture:

I don’t really see another way to do it…

2 Likes