Creative Programming
A collection of interactive prototypes and experiments created using p5.js, showcasing my exploration into generative art and user interaction. This page works better on desktop, due to the interactive panels on this page.
Work For
Personal Project
Tools
p5.js, JavaScript, Creative coding tools
Skills
Interaction Design, Motion Design
Year
Fall 2020
Vines and Leaves
The above interactive panel uses a combination of nodes and random chance to generate 'leaves' along the pseudo-randomly laid path, or 'vine'. The panel gives the perception of an organically generating system, but interacting with it reveals that the user has control on the vines!
Noisy Lines
Noisy lines looks at my experimentation through the world of randomness, more specifically, Perlin noise. A form of randomness which produces more 'natural' or 'organic' random figures, Perlin noise was used in this generative piece to create overlapping lines, giving a sense of depth. Interact with the panel to reset it.
Easing Squares
This generation explored the ideas of 'easing', a commonly used feature in interactive programming. To ensure that I understood the concept, I used a simplistic version of easing and shifted the centre of the square towards a specified target. The transparency of the squares also gives the perception of depth. Click to reset!