Art from Code: Self-Portrait



When I began working on this assignment, I wanted to create a dynamic and interactive image that reflected a part of my personality while taking inspiration from Paul Klee. I noticed that in Klee’s self-portrait, his face is divided into geometric pieces of different shapes and colors. In my self portrait, I tried to echo that fragmentation using the arc() function. I created a face of different colors out of quarter circles. The division of a face into four sections seems to allude to facets of one’s personality by depicting them abstractly. I made the eyes with ellipses and then used a rectangles to form the neck and the mouth. The mouth is divided horizontally into two separate rectangles, which is an allusion to the way that Klee divided his own mouth into two tiny rectangles.




Initially, I considered creating a few sets of palettes out of chosen colors to depict different moods and emotions, but decided to experiment with randomness instead after considering the tedium of compiling upwards of twenty variables for different colors in the different palettes. Instead, I declared six random color variables and assigned them to different shapes. All the shapes are different colors except for the facial features. I wanted to keep the facial features one color to keep them somewhat stable throughout the iterations of the image. I used the mousePressed() function to reassign those variables to different random colors.



I was pleasantly surprised by the interesting palettes the random color variables created. I wasn’t expecting the image’s colors to look as cohesive as frequently as they do. For this post, I took about thirty screenshots and included my favorite ones. The colors definitely work to affect the mood and personality of the face. To me, the quarter circles represent different areas of my psyche circling through different processes and emotions as the colors change. I’m glad that I chose not to use preset palettes for different moods, because I think that ultimately would have led to simpler expressions of emotions (a blue palette for sadness, a red palette for anger, etc.) In reality, human beings don’t usually experience one emotion at a time – we experience multiple emotions across an array of actions and reactions.



After conference, I decided to further diversify the expressions of the iterations by adding randomness to the dimensions of the mouth and eyes. I made a few more variables for width and height of the eye ellipses so that the eyes could change expressions. The mouth was a little more tricky, because the usual rectMode controls the upper left corner of the rectangle along with the width and the height, which meant that the left hand mouth rectangle didn’t stay aligned with the center of the image and connected to the other mouth rectangle. I changed to the rectMode(CORNERS), which controls the upper left hand corner and the opposite lower right hand corner. This allowed me to keep the inner side of both rectangles at the same x value throughout the iterations.