Remove aliasing from drawText

Questions
1

Hello guys,

is there a way to draw a text without pixelated edges? Even though I increase the texture size to 4k it is definitely aliasing: https://www.babylonjs-playground.com/#TMHF80#466

Is it possible to reduce the aliasing or to draw a text with an alternative method?

Best

2

https://www.babylonjs-playground.com/#TMHF80#467

I learnt this from @Evgeni_Popov :smile:

Adding this line seems to help:
mat.useAlphaFromDiffuseTexture = true;

You are setting background color to transparent. Without this parameter, the transparent background doesn’t blend with the text color.

2 Likes
3

Thank you! That’s way better.

But unfortunately the aliasing is still very present if you are not extremely close to the text. Even with setting the hardwareScalingLevel: https://www.babylonjs-playground.com/#TMHF80#471