Project 3- Opposition

Hi,

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:

Randomness

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:

Opposites

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.

Advertisements

Leave a Reply

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

WordPress.com Logo

You are commenting using your WordPress.com 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