This photo was taken of me teaching a class at a camp, and I normally just use it as the default for anything work related. In my previous coding projects, it was really hard for me to map out where each point of my face would be in terms of points, so I made sure to meticulously map out my face in a much more detailed way involving actual points.

It’s a very crude drawing (obviously), but it really helped me identify which lines would move and which wouldn’t. I made some changes here and there, but in my original design, the red lines would deviate at their anchor points, which are highlighted by yellow; the blue lines wouldn’t move. It really helped me get over any possible struggles that I would have, and I would say that the only struggle was the time required for this project.

Link to the project: https://www.openprocessing.org/sketch/592583

code: Variable Face Project

For this project, I coded a portrait of my friend Gray. I decided to use geometric shapes and shading to create an image as close to my sketch as possible.

I encountered a lot of problems while coding my figure’s clothing. In the sketch, my friend is wearing a plaid jacket. This pattern was very hard to code, so I decided to change it into a line pattern that somewhat mimic the plaid he’s wearing. To do so I used nested for loops that help me draw a line segment repeatedly within a boundary. Making variations of the static face wasn’t really hard for me. When I first coded my face, I already used a lot of variables so that I can reposition shapes easily. Therefore, to make my variable faces, I simply put my variables in the mousePressed function so they change every time I click the screen.