Rendering crisp and performant 2D text in WebGL/GPU is hard, but MSDF text rendering is a fantastic solution that has helped many of my and others’ implementations. The current method of rendering 2D text with Babylon using dynamic textures is also great but comes with drawbacks with large amounts of text and resolution quirks.
It would be fantastic to have this feature natively supported in Babylon, allowing it to be used more universally in applications while being easier to maintain.
There are some great examples from the community using this method already:
https://forum.babylonjs.com/t/thin-instance-multi-channel-signed-distance-field-fonts/21991 No longer maintained
@Bhushan_Wagh
https://github.com/bhushan6/babylon-msdf-text (currently use this but a few version behind now)
The above NPM package is being used to support 2D text in anu.js, extending it with a few features and making it work a little more like the other meshBuilders https://jpmorganchase.github.io/anu/guide/prefabs/planetext.html
https://forum.babylonjs.com/t/tactical-card-game-in-babylonjs/49034 custom implementation for their game, very nice : )
There was also a related feature request from a few years back that was of interest, but this was also before the current voting method for requests was being used.https://forum.babylonjs.com/t/sdf-font-3d-lines/27791/4