Project #1 Lost & Found
Description
My partner: Jiujin（JJ) Feng
His description of the lost object:
The first gaming console that I ever had was a Nintendo Game Boy Advanced or called GBA. I was 7 years old and it cost about $100.The color of it was orange. I treated it like a super precious treasure, and I couldn't be more excited to play my favorite Pokemon games on it.
One day I took my GBA to the playground and played with my friends. After playing for a while, we decided to play soccer, so I left my GBA on the bench with no worries. But after the soccer game, when I came back to the bench, I noticed my GBA was disappeared. I was shocked and tried to find it in many ways, but there was no any clue. I was so heartbroken that I lost my favorite thing.
My interpretation of the image
I happened to know what a Game Boy Advance looks like. I pictured an orange gaming console (the GBA) laying on the playground. It has the screen, white buttons and D-pad. The screen is off.
The depiction of the image using code
function setup() {
createCanvas(400, 400);
blendMode(BLEND);
}
function draw() {
background(3,252,182);
//shadow
noStroke();
push();
rotate(PI/2.8)
fill(24, 173, 149, 75)
rect(230, -205, 400, 230)
pop();
//body
fill(252, 119, 3);
noStroke();
fill(255, 255, 255);
rect(70, 105, 100, 130, 40, 40, 30, 50);
rect(230, 105, 100, 130, 40, 40, 50, 30);
fill(252, 119, 3);
rect(100, 100, 200, 150, 40, 40, 60, 60);
rect(70, 110, 100, 130, 40, 40, 30, 50);
rect(230, 110, 100, 130, 40, 40, 50, 30);
fill(0,0,0);
rect(125, 120, 150, 100, 10, 10, 20, 20);
//buttons
fill(255, 255, 255);
rect(94, 140, 10, 25);
rect(87, 148, 25, 10);
ellipse(110, 193, 8, 8);
ellipse(110, 207, 8, 8);
ellipse(290, 160, 13, 13);
ellipse(312, 157, 13, 13);
fill(0, 0, 0);
ellipse(290, 127, 5, 5);
strokeWeight(3);
stroke(199, 93, 28);
line(285, 190, 307, 187,);
line(285, 195, 307, 192,);
line(285, 200, 307, 197,);
line(285, 205, 307, 202,);
line(285, 210, 307, 207,);
//screen
noStroke();
fill(141, 156, 129);
rect(140, 130, 120, 70);
fill(202, 222, 186, 80)
triangle(140, 130, 170, 130, 170, 200);
translate(30, 0);
triangle(140, 130, 140, 200, 170, 200);
translate(10,0)
triangle(140, 130, 170, 130, 170, 200);
translate(30, 0);
triangle(140, 130, 140, 200, 170, 200);
translate(10,0)
triangle(140, 130, 150, 130, 170, 200);
translate(30, 0);
triangle(120, 130, 140, 200, 150, 200);
fill(255, 255, 255)
textSize(10);
text('GAME BOY Advance', 43, 213);
}
The differences
It's hard to precisely present the image in my mind using code, so I need to simplify it into different 2D graphs. I think the main difference is the shape of this gaming console. Its original shape is more complex than what I write in p5.js. But I could only use six rectangles to draw the outline. Also, the color may not be the right orange which JJ pictured. Besides, the details, such as the charging port, is not fully demonstrated.