Project #1 Lost and Found.
Description
Description from My Teammate
"I lost a YSL bag in June. Its name is "Puffer Toy" shoulder bag, just like its name it is soft because it is made of lambskin. It looks like an envelope, with inverted triangular openings. It is black and has an YSL logo in the middle of the opening (Y，S，L letters stacked vertically on top of each other). I was impressed by this experience because the bag was expensive and it was stolen before I could even pick it up after it was delivered downstairs."
Design Process
The language my partner used to describe the image
The language she uses is quite direct and straightforward, except some descriptions of color and directions were not provided and clear.
My interpretation of the image
When she described the image as “an envelope,” I was thinking of separating them into shapes and parts. The bottom rectangle (with round angle), the triangle envelope cover (rectangle and triangle), the YSL letters, and the bag strap.
The depiction of the image using code
I tried to use functions to classify large shapes into a group (I’d like to imagine it’s like photoshop, I put them into a group) for better organization.
Reflection
The differences in interpretation at all stages of the assignment
At first, when she said YSL, I thought of the YSL logo. However, I was not sure how those letters were layout. (is it only overlapping each other at some part or all parts?) I asked my friend about the layout and modified it based on that. Since I already have an idea about the YSL logo's color, I assumed it was gold because that was not part of the description. In the second class, my teammate told me that the YSL logo was silver, and I changed the color based on that.
What I have learned (coding language)
O-Function
* function exampleFunction(var1, var2){}
O-Text
* textSize(x);
* textStyle(ITALIC);
* text(“whatever text you like”, x, y);
O-Shadow
* drawingContext.shadowOffsetX = 0;
* drawingContext.shadowOffsetY = 0;
* drawingContext.shadowBlur = 10;
* drawingContext.shadowColor = “color”;
O-Line
* stroke(R, G, B);
* noStroke();
* strokeWeight(x);
* point(x, y);
* beginShape();
* vertex(x, y);
* quadraticVertex(x1, y1, x2, y2);
* endShape();
O-Rotation/Degree
* rotate(x);
* angleMode(DEGREES);
* blendMode(ADD);
O-Shapes
* rect(0, 0, 0, 0); (x, y, width, length, radius)
* triangle(128, 230, 250, 295, 373, 230); (left x, left y, down x, down y, right x, right y)
* ellipse(x, y, 50, 50);
O-Shape related settings
* rectMode(CORNER); (x, y, width, height)
O-Other
* fill(R, G, B);
* noFill();
* push();
* pop();
* translate(x, y);
Coding Detail
