Project #1 Lost and Found
Description
This prorject is me trying to recreate my partner Lia's lost item according to her description via coding in P5.js.
Design Process
This is the description that I got from Lia: "A pair of earrings that a friend sent me as birthday gift. It's the same on both sides. On the top is a small gold-color globule, behind which is the pin for the ear. And below that is a cat head also in gold color, surrounded by a gold ring. And on the bottom is a wooden triangle in black, but with blue, red and yellow pattern on the bottom 1/3 part. For the pattern, from top to bottom is a red line, three dots below the line in yellow and the rest below the dots are blue." I drew an sketch of what I understood from the description, here it is below:
In order to resize according to its canvas size, I used ratio according
to the height as the reference. Below are some basic pseudo-code I
produced for the shapes.
var x = height / 8; translate(width/2, x); //circle 1 gold with fill
circle(0, x, 2x); //circle 2 gold stroke with nofill circle(0, 3x,
2x); //triangle with fill triangle(0, 4x, -x, 6x, x, 6x);
Reflection
Through the stages of translating "codes" - imagery to English, English to programming language, a great deal of information and details are lost in the process. Regardless the effort to recreate the image, my own experiences and perceptions got in the way and distorted the figure. For example, when I made the rough sketch, I was picturing an earring that I saw before. Moreover, when I translated it from my drawing to pseudo-code I had to dramatically simplify the shapes because I didn't have the technical ability to reproduce what I had imagined. I could also make it in 3D, but then a lot more information is required to do so like thicknes, material and surface reflections.