When working on this assignment, my goal was to create an image of myself with round figures. Therefore, I tried to use ellipse, circle, and arc for most of the design and limit the use of shapes with sharp or straight edges. Even when I used shapes such as rectangle, I made the corners round so that they are not sharp. To add on, another concept of this assignment was using pastel colors. Except black, all colors aren’t vibrant and I aimed to use “soft” colors throughout coding.
A section of code is provided below and I am particularly proud of them because it was my first time using ‘arc’ and ‘text’ codes. With ‘arc’ code, I initially struggled to use it because I wasn’t sure how to use PI in the code. However, with trial and error, I was able to get a grasp of it and utilize it throughout the assignment. Also, after I finished coding for the self-portrait, the upper part of the canvas was empty and I used the ‘text’ code to fill in the spaces.
Overall, I am satisfied with the outcome of the code. Although it doesn’t necessarily look like me, I am happy that my code generated a picture of a person. For improvements, I would like to learn how to code so that the eyeballs move with the mouse. Also, I think it would be interesting to let the color of the shirt change when the user clicks on the shirt. In general, making the product more interactive would make it more entertaining and dynamic.
//bang
fill('black');
arc(250, 230, 180, 175, PI, PI+PI);
// left eye
fill('white');
circle(210, 260, 40);
noStroke();
fill('black');
circle(210, 260, 22);
//left eyebrow
stroke('black');
noFill();
arc(210, 237, 30, 10, PI, 0, OPEN);
//text
textSize(50);
text('self-portrait', 125, 90);
textSize(70);
text('☀️', 30, 100);
text('🌿', 400, 100);