Text
Labels and readouts drawn from distance fields, and text the reader can click and type into.
Text draws labels with SilkText. Editing text turns a label into a field the reader types into.
SilkText draws labels and readouts from a runtime SDF glyph atlas, with outlines, glows, gradients and tabular numbers. It lives in pixi-silk/text.
TextEditor turns a SilkText into a text layer people click and type into: caret, selection, undo, clipboard, forms and input methods, on the canvas.
Questions
Why is PixiJS Text blurry when I zoom in?
PixiJS Text is a bitmap, so scaling it stretches its pixels. SilkText from pixi-silk/text draws glyphs from a distance field atlas and keeps its edges under a zooming camera.
Which scripts does SilkText support?
Latin, Greek and Cyrillic UI text. There is no shaping, so right-to-left text, ligatures and combining marks do not work, and emoji come out as one-colour silhouettes. Use PixiJS Text for those.
Do IME and mobile keyboards work in the text editor?
TextEditor types through a hidden <textarea> that follows the caret, so input methods, mobile keyboards, autocorrect and the clipboard work. Spell check underlines do not show.