As a part visual learner, I love the immediate feedback you get with p5.js. It makes the coding part fun. After getting the hang of creating ellipses, I started thinking of what I’d ultimately create. So, for whatever reason, a monkey popped in my head. Once I made the first and the largest ellipse, I immediately created the smaller one to go inside. Then for the eyes I started to play around with changes the width and height, in order to align the eyes next to each other, as well as make them more horizontal. Once I got the eyes, I was ready to create the ears—
syntax ellipse (a, b, c, d);
right ear ellipse (500, 150, 70, 60);
left ear ellipse (100, 150, 70, 60);
These lines of code were a great learning experience for me as it made me really think about what each argument inside the ellipse meant. Having b=150 meant the ears would be at the same level, and (70, 60) meant they’d be the same width and height. The challenge for me was the value of a for the x-coordinate– it’s a bit strange for me that the (0,0) coordinate is in the top left. It takes me a few minutes to think what the value of each coordinate will be based on where I want the shape to start.
Little did I know that ellipses were the easy part, the most difficult part for me was making the nose.
triangle (x1, y1, x2, y2, x3, y3)
I probably spent a good 5 minutes just looking the syntax. And then a good 5 playing with the example on the Triangle Reference page.
I couldn’t figure out how to get why the nose was doing a Pinocchio look. For a second I thought of going that route, and then I thought I can’t have my first assignment be based on a boy who tells lies. After figuring out the y-coordinates, I was able to understand more clearly what to change the x-coordinates to in order to create a perfect little monkey nose.
I’m very happy with the final results! I look forward to learning, coding, and creating!