Summer 2020
This is a collection of some digital sketches I’ve made—some are interactive, but all of them are parametric and made with code.
This is a piece of generative typography where the type adjusts to the window size. This is achieved by creating parametric letters that are dependent on variables like window width and height. Each letter is built to be stretchable in x and y directions!
Click inside and start typing!
Example of resizing the window.
This is a sketch that allows the user to stretch their letters by holding them down. It affords for greater expression while typing in an otherwise static medium.
Click inside and start typing!
‘1’ is save, ‘2’, is reset.
These are quick sketches that explore the 3D part of the P5.js library.
This one’s pretty self-explanatory—it is a deformation based on a sin wave of any letter’s distance from the center.
A few simple sketches that draw interesting relationships between the cursor position and visual output qualities (scale, rotation, opacity, etc).
Click to reset.
I think it’s important for designers to be able to think parametrically, and not just statically. As the surfaces and information we interact with grow increasingly dynamic, it will be more and more crucial to be able to design rules and relationships, and not just explicit pixels.