How does 2bitcharactergenerator actually work?

Let's make all the canvas elements visible...

The stylesheet sets "image-rendering: pixelated" on the canvas element, which seems to be supported on contemporary Firefox + Chrome. The elements have width and height attributes set to 16, while their height in CSS is set to 64px producing a (pixelated) scaling up. However the actual size in the canvas coordinates remains unscaled.

This makes caption generation in the canvas tricky.

https://developer.mozilla.org/en-US/docs/Games/Techniques/Crisp_pixel_art_look

diggin into the history of workadventure

https://web.archive.org/web/20210623060444/https://thecodingmachine.io/energy-consumption-web-game-engine

https://medium.com/@michaelwesthadley/modular-game-worlds-in-phaser-3-tilemaps-1-958fc7e6bbd6

https://docs.phaser.io/api-documentation/class/tilemaps-tilemap

FOCUS
* CALL as good self-contained page.
* POST -> LINK to "visit (rp)guestbook"
* ANIMATION GENERATOR... (for mail/masto/IG)

"I want to be"