top of page

Evolve

A dynamic typeface that evolves towards entropy

LetterEGIF.gif
LetterVGif.gif
LetterOGif.gif
LetterVGif.gif
LetterLGif.gif
LetterEGIF.gif

Overview

While experimenting with Processing.js and becoming more familiar with the library's ability to generate animated graphics, I was inspired to create a kinetic typeface—Evolve. Like many processes prevalent in life and nature, Evolve gravitates toward entropy and disorder. The extent to which a letter becomes disorderly is directly proportional to how long one presses the keyboard. 

My Role

Timeline

Toolbox

Graphic Designer

February 2020

Processing.js, Java

Process

Processing.js has several nested libraries that enable the application of computational transformations to fonts. I experimented with different functions and values that would warp the letters' geometry. 

Experimenting with movement of the letters

Screen Shot 2021-01-18 at 5.56.25 PM.png

Experimenting with different stroke weights and vertex translations

Screen Shot 2021-01-18 at 5.57.06 PM.png

Output

You can access a sample character set for Evolve here or see below for Evolve's dynamic renditions of all 26 letters in the alphabet. 

LetterAGIF.gif
LetterBGIF.gif
LetterCGIF.gif
LetterDGIF.gif
LetterEGIF.gif
LetterFGIF.gif
LetterGGif.gif
LetterHGif.gif
LetterIGIF.gif
LetterJGif.gif
LetterKGif.gif
LetterLGif.gif
LetterMGif.gif
LetterPGif.gif
LetterQGif.gif
LetterRGif.gif
LetterUGif.gif
LetterVGif.gif
LetterWGif.gif
LetterZGif.gif
LetterNGif.gif
LetterOGif.gif
LetterSGif.gif
LetterTGif.gif
LetterXGif.gif
LetterYGif.gif
bottom of page