Project #2 Face Generator

Design Process

Depending on the experience of assignment 1, I drew my sketch simply to make sure that I could realize it in the coding process. I love Minions very much. Thus, I drew a round face shape with only one single eye on the face and with a curve above to present its mouth. The minimum size of the face is 40*40px. To avoid the face is out of the frame, the maximum size is 360*360px.
After finished the sketch drawn on Adobe Illustrator, I began to code in the p5 js. The first step is to define the shape parameters, which include sizes, colors, and dimensions. The second step is trying to constrain the range of the face size. And the hardest part is to let the eyeball move by following the mouse. I tried many times and finally, it worked out. Furthermore, I tried to use “random” to set up the color of the face. And I tried to let the background change at the same time by pressing the keyboard.

This assignment is harder than the previous one. I spent a long time and thought deeper. The logic has come to be more and more complicated.

What I've discovered

There are many different aspects that I have discovered during this assignment.

The different elements should be put into different functions. It might be caused the code couldn't run if the coding paragraph is in the wrong functions.

Different independent variables need to set domains at the same time. The mathematics skill is vital for coding. The variables have strong and explicit relations to the dependent variables. Once there is a formula of the dependent variables is wrong, likely, the entire program wouldn't run.

If the coding is too complicated to figure out, trying to use algebra to simplify the formula, and after the logical relationship is clear, convert the algebra into a formula. In this way, it will be easier to look at visually, and it can also be understood quickly.