Playground

Experimenting with typographic image processing using Pixi.js

Interactive typography mapping based on image luminance

Text:

Font Size Max: 48

Font Size Min: 6

Spacing: 12

Kerning: 0.8

Cell Size: 8

Contrast: 2

Typography Mapping: Each character's size is determined by the brightness of the corresponding image pixel
Hover Reveal: Move your mouse over the image to reveal the original underneath
Interactive Controls: Use the controls panel to adjust parameters in real-time
Export: Click the export button to download the typographic layer as PNG