The below are a few assignments I worked on while enrolled at NYU Creative Computing during the Summer of 2020. As a result, I created an interactive self-portrait to explore movement, changes, and interfaces.
My prototype was a basic interactive smiley face. I knew that I wanted my self-portrait to have changing colors in the background. See prototype on p5.js here: https://editor.p5js.org/sycophana/embed/sqK2p1Q96
The goal was to recreate an abstract self portrait I painted (see pictured below). Even though it seemed easy enough at first, this process was much more complex than I anticipated. I attempted this project by breaking the image into different geometric components, programming shapes in relation to one another-- which inevitably incorporated geometry. This face part of the design is static, but the background colors animate according to the mouseX and mouseY positions.
The reference image-- an abstract self-portrait I painted a while ago.
An example of the self-portrait in action!
Building off of this previous iteration of a self-portrait, I knew that I wanted to make the face animate and incorporate more user inputs. I also considered implementing some poetry that I’ve written and an audio file.
The user can watch the cursor turn into a teardrop, or click on the face. Going forward, I would like to simplify some of its code and make its geometry more precise and visually pleasing. I would also like to experiment more with how variables and screen elements can more dynamically animate and interact with one another. But for now, this piece will remain a work in progress.
