Project 3- Opposition


After getting acquainted with CSS3 and HTML5 canvas, the class headed on to learn a new and more powerful JavaScript library called P5. P5.js makes coding accessible for artists, designers, educators, and beginners, and reinterprets this for today’s web.

To start off, we were given a class assignment to complete a short tutorial on P5. The tutorial taught us how to design a random animation using basic geometrical shapes. Below is the link to the animation I created based on the tutorial:


We were further challenged to take a more brave step by creating an animation which illustrates the theme of Opposition using again the basic geometric formation. Here’s what I did:


The larger static circles light red and light blue in the background act like the base for the rotating objects. The smaller circles are the central hooks or a shaft which keeps the squares intact. Lastly, the larger rotating squares with their opposite colors and rotating angles illustrate the notion of Oppostion. The smaller rotating squares add a dramatic effect to the whole animation. I would probably add the exact complementary shades of the red and blues to make it look more close to the theme.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s