tubugl-font

font rendering with tubugl

it uses signed distance field method for rendering of font.

install

To install it with yarn:

yarn add tubugl-font

tool to export font file into png and json

hiero and fnt_to_json.py in tools folder are used to export png and json for rendering font on webgl. more explanation about them is here.

examples

https://kenjispecial.github.io/tubugl-font/

Running the examples locally

you need to install parcel to run examples locally

yarn
yarn run example00 # 00 - 02 are available

referrence

• https://github.com/astiopin/webgl_fonts
• https://github.com/Tw1ddle/WebGL-Distance-Fields
• https://github.com/libgdx/libgdx/wiki/Distance-field-fonts
• https://github.com/Empty2k12/WebGL2SDFText
• https://github.com/mapbox/tiny-sdf