ICM
WEEK 1
Self Portrait
Link to the P5 sketch is HERE
ORIGINAL SKETCH
P5 PORTRAIT
What did you do?
I created a simple sketch using blue(25, 54, 220) for the elements and white for the background. I started by using the ellipse() function for the head, point() function for the eyes, line() for eyebrows and lips, then moved onto more difficult functions like curve(), bezier(), and arc() for the shirt, neck, and hair. I’m inspired by monochrome graphic novel animation, so I decided to go with one color.
What worked?
Because I’m new to P5, I found the point(), ellipse(), and line() functions to be the most intuitive. I’m guessing this is because there are fewer arguments within the functions, all of which at most use 4 or so arguments.
What didn’t work, and what steps did you take to try to solve the issue?
It’s worth mentioning that I wish I had seen the P5 visualization tool that was linked on the class GitHub before proceeding. I definitely thought I had read through every detail, but it seems like I missed it. I definitely will be using that in the future!
I got a bit ahead of myself and ended up using the curve() and bezier() functions for the hair and body details, and completely skipped the simpler 2D primitive functions for the body elements. It was a bit bewildering at first, but it allowed me to get a deeper understanding of the x, y axis and exactly what happens in the sketch when we change the argument values. Although we learned these basics in class, when you dive into a more complicated function, like a bezier(), it can be disorienting to start adjusting things randomly if we don’t take the time to understand what is happening in the code. For example, I had to keep reminding myself that a larger X numerical value moves to the right, a smaller X moves to the left, a larger Y number moves down, and a smaller Y moves up. It’s simple to understand, but it can be difficult in practice. Because there are eight arguments in the bezier() and curve() functions, it’s more disorienting. In hindsight, I would have started with simpler functions with fewer arguments to get a better handle on how things move around on the axis before jumping to the more complicated ones.
Cite your sources:
P5 references, YouTube, Google
I created a simple sketch using blue(25, 54, 220) for the elements and white for the background. I started by using the ellipse() function for the head, point() function for the eyes, line() for eyebrows and lips, then moved onto more difficult functions like curve(), bezier(), and arc() for the shirt, neck, and hair. I’m inspired by monochrome graphic novel animation, so I decided to go with one color.
What worked?
Because I’m new to P5, I found the point(), ellipse(), and line() functions to be the most intuitive. I’m guessing this is because there are fewer arguments within the functions, all of which at most use 4 or so arguments.
What didn’t work, and what steps did you take to try to solve the issue?
It’s worth mentioning that I wish I had seen the P5 visualization tool that was linked on the class GitHub before proceeding. I definitely thought I had read through every detail, but it seems like I missed it. I definitely will be using that in the future!
I got a bit ahead of myself and ended up using the curve() and bezier() functions for the hair and body details, and completely skipped the simpler 2D primitive functions for the body elements. It was a bit bewildering at first, but it allowed me to get a deeper understanding of the x, y axis and exactly what happens in the sketch when we change the argument values. Although we learned these basics in class, when you dive into a more complicated function, like a bezier(), it can be disorienting to start adjusting things randomly if we don’t take the time to understand what is happening in the code. For example, I had to keep reminding myself that a larger X numerical value moves to the right, a smaller X moves to the left, a larger Y number moves down, and a smaller Y moves up. It’s simple to understand, but it can be difficult in practice. Because there are eight arguments in the bezier() and curve() functions, it’s more disorienting. In hindsight, I would have started with simpler functions with fewer arguments to get a better handle on how things move around on the axis before jumping to the more complicated ones.
Cite your sources:
P5 references, YouTube, Google