My journey through Generative Design
I've always been interested in technology and coding and have a small background in computer science, but I didn't get to do much of it during my design studies. My goal has always been to combine my two loves of design and technology, and creative coding gave me the perfect place to start. Here are a few examples of the work I've done while learning creative coding using the Processing and P5.js applications. They offer fantastic venues for the creation of art and also have useful functions. This whole process has been a ton of fun and a fantastic learning opportunity.
Creative Coding, Generative Design
Duration
2 years
Tools
Processing, P5js, Adobe After Effects
Background
Computer Science
Java, JavaScript
With a base of Java and JavaScript respectively, both Processing 3 and P5.js and similar to use and understand but serve completely different purposes. I started with Processing 3 where I understood all the basics of creative coding.
06/2020_Magicians Rings
03/2020_Marching Army
08/2020_Disaligned Grids
06/2020_Interactive Boxes
03/2020_Galaxy
Experimentation
After a few months of experimenting with Processing 3, I moved on to P5.js to bring in interaction, 3D graphics, and control mechanisms.
08/2020_Torus Torus Cube
09/2020_Concentric Circles
10/2020_Variable Type
09/2020_Global Facets
Scope
While working on these projects the main idea was to bring human interaction to these visuals. There are endless applications for generative design. Like creating a generative identity design system or even designing a fully variable typeface.
06/2020_Pointillism
02/2021_Aposematic_1
02/2021_Aposematic_2
Project: Raw Mango
Agency: NowForm
Art direction: Sanjay Garg
Photography: Shubham Lodha
Editing: Akshay Sharma
Advisor: Squadron 14
I was able to put this to practical use during a design project while working with an Indian fashion house called Raw Mango. With the team at NowForm, we worked with Raw Mango to create their new Spring/Summer 2021 campaign.
The idea was based on Aposematism, which is a characteristic of certain species that use bright acidic colors to signal that they are venomous to ward away predators. We wanted to create something experimental and surreal that best represents this idea. Processing 3 was used to create a visual design option for the campaign identity for 'Aposematic' (later changed to 'Other')
Other Projects
Financial education Interventions - Robinhood
Financial education Interventions made to the Robinhood platform to help young adults plan with their finances
Synth - Music generated using your neural network
Synth is a music platform that creates music using your neural network and artificial intelligence.