PixelFont class for displaying text with image based fonts

[quinton-ashley]

The idea is to give users an easier way to load and write text with pixel (image based aka bitmap) fonts like this one:

Actual size:

Scaled up:

I'd like a PixelFont class that extends the SpriteAnimations class.

Users would need to define the characters (charSet) in the order they appear in the image. Internally each character would be loaded as a single frame animation, with the character as the animation name. Spaces would be ignored by this setter so that users could skip parts of the image they don't want to load.

//                               (image, charWidth, charHeight, padX, padY)
let pix = new PixelFont("1bit-font.png", 8, 8, 1, 1);
pix.charSet = `ABCDEFGHIJKLM.!?NOPQRSTUVWXYZ,:;abcdefghijklm"''nopqrstuvwxyz"/\\01234#$€~ …       56789&@%^-      +-*÷=<>()_`;

The main task would be implementing a pixelFont.text function that enables users to write messages on screen using the pixel font.

pix.text("Hello world!", 50, 50);

[quinton-ashley]

In the future I'd also like the PixelFont class to support loading .fnt bitmap font files.