Project #2 Face Generator: Angry Me

link to code

Description

Anger is a strong and basic emotion that all human beings have . When we are angry, our face turns red and blue. In this project, I tried to visually express this intense emotion like a fun game. This angry face will change its color and size according to the location of the mouse, mouse clicking or at random. The dynamics of color and shape as you move your mouse on the sketch generates vigorous feeling of anger and brings active interaction with a player. You can create various angry faces and backround colors as well.

Design Process

I first drew a big face and a small face in Adobe Illustrator and got the sense of size and ratio. On p5js editor, I declared many variables of size and color and set the value of those vaiables by using mouseX and mouse Y. I made a simple big angry face by using 2D primitives and made the face circle change in response to the location of mouse. For the eye part, it was tricky to find the right ratio and the location for the eyeballs. The size of eyeballs is put to random within a certain range to express the vibrant angry eyes. The color of background is set to change at random by a mouse click or with a key pressed. And the color of the face circle changes automatically at random with frame rate at 10.

Reflection

Through this project, I found how the shape can change according to the mouse location and, more importantly, how each shape created at random can carry different emotions as well. For example, the face elongated vertically looks more grumpier while the one lengthened horizontly looked bored showing little emotion of anger. I learned various forms and shapes along with colors can generate diffent senses and convey different meanings. In additon, mousePressed/keyPressed function makes the player get more involved with the artwork. This makes the artwork more energetic and fun when combined with random setting.

Credits