"Modular Design"

For this project, we were tasked with creating smooth modular animations using only 2D shapes. Through the implementation of simple switch statements, our modular animations were able to be made interactive to users. My goal when creating these modular sketches was mainly to interest viewers by using a fun pastel color palette and unexpected animation pathings.

Design Process

Seeing as this project was the first time I had coded on p5.js, I decided to keep my animations fairly simple and clean. Rather than overcomplicating my making process I made sure to pace myself and tackle a realistic goal. By the end of my first animation I had grown to enjoy the switch statement so much that I experimented with making another.

Storyboard

As seen in my initial storyboard below, I was very interested in experimenting with the layering of colors. This concept most cleary comes across in my second sketch where I lowered the opacities of my fill colors so that they created different shades when crossing paths. Though I strayed slightly from my animation pathing ideas, I believe I still managed to capture the essence of what I was looking to create.