Pixel Generated Typeface
An experimental interface to generate typefaces by analyzing with pixels based on existing fonts.
The audience can interact with the typeface and directly adjust their looks through an interface. The limitation of pixels, which is also the ‘resolution’ of the screen, can dramatically change the form of each letter. This reflects how we designed low-res typefaces on early computer screens and video games with a nostalgic feeling.
Skills
p5.js, HTML/CSSPixel generated based on the font Minion.
By setting different parameters for two classic fonts, Helvetica and Minion, people can directly get a playful feel of typography and generate dynamic output. The output will be different each time. The audience can create their own unique combination of pixelation and rounded corners, while keeping the overlook coherent by using the shared base font.
Technology
I used p5.js to anaylize the brightness of pixels of the original typeface, and set the pixels with the parameters before displaying on screen. The user can manipulate the pixel sizes and rounded corners of within a grided system, generating an unique set of fonts everytime they use.
Interface of the tool, both mobile and desktop friendly.
Pixel generated based on the font Helvetica.