Project #1 Lost & Found

Please click here to view the code in p5.js.

Description

My name : Jiyeon Choi

Partner’s name : Nick D'Angelo

The object description I received:
The item I lost was a silver ring from a surf shop. The ring itself was pretty plain it was silver with a black stripe going down the center of it, the reason it was special to me was because I bought it with my uncle who has since passed away. The surf shop where I got the ring was in Destin Florida and that was where we would go ever summer to see my uncle as kids. So the object is a silver ring with a black stripe going down the center of it, making three lines of equal width.

Design Process & Reflection

First of all, the first impression of p5.js was that it wasn't faster than drawing by hand, so it was too frustrating. I had to use a weird way to draw the picture I wanted within what I had learned so far, and when I was trying to find more, I had to run into difficult obstacles and come back to the origin. On the one hand, I was proud to be able to paint by coding. Since I was a child, I have always been drawing, so I look forward to the day when I can draw high-quality pictures with coding.

The large silhouette of this silver ring, described through the story that Nick shared gratefully, was drawn first. For the larger frame, two ellipses of the same color and a rectangle were used. The thickness of the silver ring is not explained, but because it was expected to be quite thick, another oval, but a different color, was used to express the thickness of the ring.

Then, three black lines of equal width engraved in the ring's center were drawn using arcs. I thought it would look three-dimensional if there were some details and shadows. So I used arcs matching the object's color and added shadows by adjusting the brightness. I've never been there, but I think the surf shop in Florida associated me with a bright mint color. So I set the background color, mint. I also rotated the oval shape to create a shadow of the ring using a slightly darker color than the background color and adjusted the transparency.

Overall, it seems that the understanding of rotate & blendMode is remarkably insufficient.