September 2021 – Page 34 – [OLD SEMESTER] 15-104 • Introduction to Computing for Creative Practice

LO: My Inspiration

Topic: Some Technological Art or Design that has Inspired You

Waterlight Graffiti, a creation by Antonin Fourneau co-produced from 2012 to 2017.

The Water Light Graffiti Wall (2012) is an interactive public art designed by Antonin Fourneau, installed in Paris. The project creates an immersive environment of visuals, using water to interact on a giant light wall. I love how people can use their hands, objects like wet brushes, or even with the weather (like evaporation) to activate and trigger the light wall that consisted of thousands of LEDs, creating their imagination into life. I find this very intriguing because the wetter it is, the brighter the light became, and it just opened up a new dynamic space for people of all ages (whether young or old) to play around with and have control over their creativity. Although this installation unfortunately only lasted for three days, I think this art work was highly successful as it delivered a heart-warming message by Fourneau, who wanted this wall to become a “long-lasting material” for public graffiti and serve as a “wall for ephemeral messages without damaging buildings or public spaces.” Fourneau created an opportunity for technology (perhaps, like machine learning) to step in a natural element and made it interactive with a basic environment-friendly atomizer. Fourneau not only inspired, but provoked curiosity and creativity in many, which I believe that’s all what matters in terms of success. I believe the coexistence of technology and human aspect creates a truly powerful element in art.

Reference: http://www.waterlightgraffiti.com/about-wlg/

Project 1: My portrait

LO: My inspiration

There is a project called ‘can’t help myself‘ by Sun Yuan and Peng Yu. It is a large robotic arm that is programmed to clean up the mess of a blood-red liquid that surrounds itself in a given confined space. The thing that is so eye-catching is that this robot is programmed to do this continuous movement forever but its actions also is similar to those of a person’s emotions and actions that people have said it is like looking at a caged animal. The audience pities it but then also has this feeling of familiarity.

The robot was programmed using KUKA’s programming language, which is the company that the physical robot was made from. The Cognex visual recognition system script readings cause the KUKA controller unit to run custom scripts in so that robot performs to swipe the interact with the liquid.

Sun and Peng are the main artists that came up with the general movements for the robot to conduct but Harry and Han are the engineers/programmers with the entire project being overseen by Yu. Sun and Peng are famous for their controversial works, but this specifically focuses on the “pleasure and panic” of anticipating the future.

Project 1: My Self Portrait

kstargio-01-selfportrait Download

// Katherine Stargiotti, kstargio, B

function setup() {
    createCanvas(1000, 500);
    background(220);
    text("kstargio, Self-Portrait Project1", 10, 15);
}

function draw() {
//HEAD:
    noStroke();
	fill(221,159,131);							//skin tone
	ellipse(500, 200, 280, 300);
	ellipse(500, 270, 215, 305);
	quad(633,240, 367,240, 421,375, 579,375);
	line(637.5,200,725,300);
	ellipse(433, 280, 95, 125);
	ellipse(567, 280, 95, 125);					//head
		fill(231,159,133);
	ellipse(434, 285, 85, 70);
	ellipse(566, 285, 85, 70);					//cheeks
//EYES:
		fill(255);		//white
	ellipse(450, 250, 50, 20);
	ellipse(550, 250, 50, 20);
	arc(450, 250, 50, 26, PI, 0);
	arc(550, 250, 50, 26, PI, 0);				//eyeballs
		fill(58,27,25);		//brown
	arc(450, 246, 25, 25, PI+HALF_PI+QUARTER_PI, PI+(QUARTER_PI), OPEN);
	arc(550, 246, 25, 25, PI+HALF_PI+QUARTER_PI, PI+QUARTER_PI, OPEN);			
		fill(0);			//black
	ellipse(450, 246.5, 15, 15);
	ellipse(550, 246.5, 15, 15);				//pupils
		fill(255);
	ellipse(455, 245, 5, 5);
	ellipse(555, 245, 5, 5);
	ellipse(456, 249, 2, 2);
	ellipse(556, 249, 2, 2);					//glare
//EYELINER:
		noFill();
		stroke(0);
		strokeWeight(.75);
	arc(450, 250, 50, 20, (QUARTER_PI)/8, PI-(QUARTER_PI)/8);
	arc(550, 250, 50, 20, (QUARTER_PI)/8, PI-(QUARTER_PI)/8); 		//bottom line
		strokeWeight(1);
 	arc(450, 250, 50, 26, PI, 0);
	arc(550, 250, 50, 26, PI, 0); 
		strokeWeight(1.75);
 	arc(450, 250, 50, 26, PI, PI+HALF_PI+(7*(HALF_PI)/8));
	arc(550, 250, 50, 26, PI+(QUARTER_PI)/4, 2*PI); 
		strokeWeight(2.5);
 	arc(450, 250, 50, 26, PI, PI+HALF_PI+(6*(HALF_PI)/8));
	arc(550, 250, 50, 26, PI+(QUARTER_PI)/2, 2*PI); 
//EYELASHES:
	    strokeWeight(1);
	arc(423, 245, 15, 12, HALF_PI-(QUARTER_PI/2), PI-(QUARTER_PI)/2);		//left top
	arc(424, 243, 15, 12, HALF_PI+(QUARTER_PI/8), PI-(QUARTER_PI)/2);	
	arc(425, 241, 15, 12, HALF_PI-(QUARTER_PI/2), PI-(QUARTER_PI)/2);	
	arc(426, 239, 15, 12, HALF_PI-(QUARTER_PI/2), PI-(QUARTER_PI)/2);	
	arc(428, 238, 15, 12, HALF_PI+(QUARTER_PI/8), PI-(QUARTER_PI)/3);	
	arc(430, 236.5, 15, 12, HALF_PI-(QUARTER_PI/2), PI-(QUARTER_PI)/2);	
	arc(432, 235, 15, 12, HALF_PI+(QUARTER_PI/8), PI-(QUARTER_PI)/2);
	arc(434, 234, 15, 12, HALF_PI+(QUARTER_PI/8), PI-(QUARTER_PI)/3);	
	arc(436, 233, 15, 12, HALF_PI-(QUARTER_PI/2), PI-(QUARTER_PI)/2);	
	arc(438, 232, 15, 12, HALF_PI+(QUARTER_PI/8), PI-(QUARTER_PI)/2);	
	arc(440, 232, 12, 10, HALF_PI+(QUARTER_PI/8), PI-(QUARTER_PI)/3);	
	arc(442, 231.5, 12, 10, HALF_PI-(QUARTER_PI/2), PI-(QUARTER_PI)/2);	
	arc(445, 231, 12, 10, HALF_PI+(QUARTER_PI/8), PI-(QUARTER_PI)/2);
		strokeWeight(.75);
	arc(447, 232, 12, 10, HALF_PI+(QUARTER_PI/8), PI-(QUARTER_PI)/3);	
	arc(449, 231.5, 12, 10, HALF_PI-(QUARTER_PI/2), PI-(QUARTER_PI)/2);	
	arc(451, 231, 12, 10, HALF_PI+(QUARTER_PI/8), PI-(QUARTER_PI)/2);
		strokeWeight(.5);
	arc(453, 232, 12, 10, HALF_PI+(QUARTER_PI/8), PI-(QUARTER_PI)/3);	
	arc(455, 232, 12, 10, HALF_PI-(QUARTER_PI/2), PI-(QUARTER_PI)/2);	
	arc(456, 231, 12, 10, HALF_PI+(QUARTER_PI/8), PI-(QUARTER_PI)/2);
		strokeWeight(1);
	arc(425, 257, 10, 8, PI+(QUARTER_PI)/2, PI+HALF_PI+(QUARTER_PI)/2);		//left bottom
	arc(426, 258, 9, 8, PI+(QUARTER_PI)/2, PI+HALF_PI+(QUARTER_PI)/2);	
		strokeWeight(.5);
	arc(427, 259, 8, 8, PI+(2*(QUARTER_PI)/3), PI+HALF_PI+(QUARTER_PI)/2);	
	arc(428, 260, 8, 8, PI+(2*(QUARTER_PI)/3), PI+HALF_PI+(QUARTER_PI)/2);	
	arc(430, 261, 8, 8, PI+(2*(QUARTER_PI)/3), PI+HALF_PI+(QUARTER_PI)/2);	
		strokeWeight(1);
	arc(578, 245, 15, 12, QUARTER_PI/2, HALF_PI+(QUARTER_PI)/2);			//right top
	arc(577, 243.5, 15, 12, QUARTER_PI/3, HALF_PI+(QUARTER_PI)/8);		
	arc(576, 242, 15, 12, QUARTER_PI/2, HALF_PI+(QUARTER_PI)/2);		
	arc(574, 240.5, 15, 12, QUARTER_PI/3, HALF_PI+(QUARTER_PI)/8);
	arc(573, 239, 15, 12, QUARTER_PI/3, HALF_PI+(QUARTER_PI)/8);		
	arc(572, 237, 15, 12, QUARTER_PI/2, HALF_PI+(QUARTER_PI)/2);		
	arc(569, 236, 15, 12, QUARTER_PI/4, HALF_PI+(QUARTER_PI)/8);
	arc(569, 235.5, 12, 10, QUARTER_PI/3, HALF_PI+(QUARTER_PI)/8);		
	arc(568, 234, 12, 10, QUARTER_PI/2, HALF_PI+(QUARTER_PI)/2);		
	arc(565, 233.5, 12, 10, QUARTER_PI/3, HALF_PI+(QUARTER_PI)/8);	
	arc(564, 233, 12, 10, QUARTER_PI/3, HALF_PI+(QUARTER_PI)/8);		
	arc(562, 232.5, 12, 10, QUARTER_PI/2, HALF_PI+(QUARTER_PI)/2);		
	arc(560, 232, 12, 10, QUARTER_PI/3, HALF_PI+(QUARTER_PI)/8);
		strokeWeight(.75);
	arc(558, 232, 12, 10, QUARTER_PI/3, HALF_PI+(QUARTER_PI)/8);		
	arc(556, 231.5, 12, 10, QUARTER_PI/2, HALF_PI+(QUARTER_PI)/2);		
	arc(554, 231, 12, 10, QUARTER_PI/2, HALF_PI+(QUARTER_PI)/8);
		strokeWeight(.5);
	arc(552, 231.5, 10, 8, QUARTER_PI/3, HALF_PI+(QUARTER_PI)/8);		
	arc(550, 231.5, 10, 8, QUARTER_PI/2, HALF_PI+(QUARTER_PI)/2);		
	arc(548, 231.5, 10, 8, QUARTER_PI/2, HALF_PI+(QUARTER_PI)/8);
		strokeWeight(1);
	arc(575, 257, 10, 8, PI+HALF_PI-(QUARTER_PI)/2, (2*PI)-(QUARTER_PI)/2);	//right bottom
	arc(574, 258, 9, 8, PI+HALF_PI-(QUARTER_PI)/2, (2*PI)-(QUARTER_PI)/2);
		strokeWeight(.5);
	arc(573, 259, 8, 8, PI+HALF_PI-(QUARTER_PI)/2, (2*PI)-(QUARTER_PI)/2);
	arc(572, 260, 8, 8, PI+HALF_PI-(QUARTER_PI)/2, (2*PI)-(QUARTER_PI)/2);
	arc(570, 261, 8, 8, PI+HALF_PI-(QUARTER_PI)/2, (2*PI)-(QUARTER_PI)/2);
//EYEBROWS:
		fill(50, 26, 25);		//brow brown
	quad(423,207, 480,213, 480,223, 423,214);
	arc(421.5, 222, 45, 30, PI-(QUARTER_PI)/2, PI+HALF_PI+(QUARTER_PI)/2);
		fill(221,159,131);		//skin tone
		stroke(50, 26, 25);
	arc(425, 226, 55, 21, PI, PI+HALF_PI+(QUARTER_PI)/2);
		fill(221,159,131);		//skin tone
		noStroke();
	arc(425, 226, 53, 21, HALF_PI+QUARTER_PI, PI+HALF_PI);									//left brow
        fill(50, 26, 25);		//brow brown
	quad(579,207, 520,213, 520,223, 579,215);
	arc(582, 222, 45, 30, PI+QUARTER_PI, QUARTER_PI);
		fill(221,159,131);		//skin tone
		stroke(50, 26, 25);
	arc(578, 226, 55, 21, PI+HALF_PI, 0);
		fill(221,159,131);		//skin tone
		noStroke();
	arc(578, 226, 55, 21, PI, QUARTER_PI);													//right brow
//NOSE:
        noFill();
		stroke(50);
	arc(439, 285, 95, 175, PI+HALF_PI+QUARTER_PI, 0);
	arc(561, 285, 95, 175, PI, PI+QUARTER_PI);
//MASK ELASTIC:
		fill(172, 198, 209);
		stroke(172, 198, 209);
		strokeWeight(2);
	line(430,385, 370,275);
	line(572,385, 630,275);	
//EARS:
		noStroke();
		fill(221,159,131);		//skin tone
	ellipse(370,270, 30, 50);
	ellipse(375,295, 25, 30);
	ellipse(630,270, 30, 50);
	ellipse(625,295, 25, 30);

//MASK:
		fill(172, 198, 209);
		stroke(172, 198, 209);
		strokeWeight(2);
	line(375,265, 365,245);
    line(625,265, 635,245);
		strokeWeight(1);
	arc(500, 287, 45, 30, PI+(QUARTER_PI)/2, PI+HALF_PI+QUARTER_PI+(QUARTER_PI)/2);
	quad(500,280, 375,265, 428,385, 475,425);
	quad(500,280, 625,265, 574,385, 525,425);
	quad(475,425, 525,425, 525,282, 475,282);
//BUN:
	   	fill(19, 16, 13);
	   	stroke(19, 16, 13);
	ellipse(525, 50, 130, 90);
		noFill();
		strokeWeight(1);
	arc(530, 75, 155, 145, HALF_PI+QUARTER_PI, QUARTER_PI);
	    stroke(37, 29, 26);
	arc(527, 78, 154, 142, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(528, 79, 155, 147, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(526, 75, 156, 145, HALF_PI+QUARTER_PI, QUARTER_PI);	
		stroke(19, 20, 12);
		strokeWeight(4);
	
    arc(527, 77, 45, 135, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(528, 77, 160, 147, HALF_PI+QUARTER_PI, QUARTER_PI/2);
	arc(526, 75, 155, 145, HALF_PI+QUARTER_PI, QUARTER_PI/2);
    arc(527, 77, 150, 135, HALF_PI+QUARTER_PI, QUARTER_PI/2);
	arc(528, 77, 145, 147, HALF_PI+QUARTER_PI, QUARTER_PI/2);
	arc(526, 75, 140, 145, HALF_PI+QUARTER_PI, QUARTER_PI/2);
	
    arc(527, 78, 135, 135, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(528, 79, 130, 147, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(526, 75, 125, 145, HALF_PI+QUARTER_PI, QUARTER_PI);
		stroke(50, 26, 25);
    arc(527, 78, 120, 135, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(528, 79, 115, 147, HALF_PI+QUARTER_PI, QUARTER_PI);
		   	stroke(19, 16, 13);
	arc(526, 75, 110, 145, HALF_PI+QUARTER_PI, QUARTER_PI); 
    arc(527, 78, 100, 135, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(528, 79, 95, 147, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(526, 75, 105, 145, HALF_PI+QUARTER_PI, QUARTER_PI);
    arc(527, 78, 90, 135, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(528, 79, 85, 147, HALF_PI+QUARTER_PI, QUARTER_PI);
			stroke(41, 31, 29);
	arc(526, 75, 80, 145, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(527, 78, 75, 135, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(528, 79, 70, 147, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(526, 75, 65, 145, HALF_PI+QUARTER_PI, QUARTER_PI);
	    	stroke(50, 26, 25);
    arc(527, 78, 60, 135, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(528, 79, 55, 147, HALF_PI+QUARTER_PI, QUARTER_PI);
		    stroke(37, 29, 26);
	arc(526, 75, 50, 145, HALF_PI+QUARTER_PI, QUARTER_PI); 
    arc(527, 78, 45, 135, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(528, 79, 40, 147, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(526, 75, 35, 145, HALF_PI+QUARTER_PI, QUARTER_PI);
    arc(527, 78, 30, 135, HALF_PI+QUARTER_PI, QUARTER_PI);
		   	stroke(19, 16, 13);
	arc(528, 79, 25, 147, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(526, 75, 20, 145, HALF_PI+QUARTER_PI, QUARTER_PI);
    arc(527, 78, 15, 135, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(528, 79, 10, 147, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(526, 75, 5, 145, HALF_PI+QUARTER_PI, QUARTER_PI);
    arc(527, 78, 3, 135, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(528, 79, 57, 147, HALF_PI+QUARTER_PI, QUARTER_PI);
	arc(526, 75, 103, 145, HALF_PI+QUARTER_PI, QUARTER_PI);
//HAIR:
		noFill();
		stroke(19, 16, 13);
		strokeWeight(32);
	arc(500, 200, 230, 250, PI+QUARTER_PI, PI+HALF_PI+QUARTER_PI);
		strokeWeight(26);
	arc(500, 200, 245, 265, PI+(QUARTER_PI)/2+(QUARTER_PI)/4, PI+HALF_PI+QUARTER_PI+(QUARTER_PI)/4);
		strokeWeight(20);
	arc(500, 200, 255, 275, PI+(QUARTER_PI)/2, PI+HALF_PI+QUARTER_PI+(QUARTER_PI)/2);
		strokeWeight(15);
	arc(500, 200, 260, 280, PI+(QUARTER_PI)/4, PI+HALF_PI+QUARTER_PI+(QUARTER_PI)/2+(QUARTER_PI)/4);
		strokeWeight(11);
	arc(500, 200, 265, 285, PI, 0);
		strokeWeight(8);
	arc(500, 200, 275, 295, HALF_PI+QUARTER_PI+(QUARTER_PI)/2+(QUARTER_PI)/4, (QUARTER_PI)/4);
		strokeWeight(5);
	arc(500, 200, 275, 300, HALF_PI+QUARTER_PI+(QUARTER_PI)/2, (QUARTER_PI)/2);
		fill(19, 16, 13);
	arc(500, 175, 260, 245, PI+(QUARTER_PI)/2, PI+HALF_PI+QUARTER_PI+(QUARTER_PI)/2, CHORD);
	arc(500, 100, 165, 65, PI+HALF_PI+QUARTER_PI, PI+QUARTER_PI, CHORD);
}

I found this project to be challenging because of the amount of detail I like to use when creating art. With only primitive shapes/tools at my disposal, it was very difficult to use as much detail as I would have liked.

Self-Portrait

sketch.js

PK

Project 1: Self Portrait

function setup() {
createCanvas(600, 800);

}

function draw() {

endShape();

//face
noStroke();
fill(240, 190, 155);
ellipse(290, 320, 270, 350);

//mole
fill(80, 79, 77);
ellipse(240, 460, 7, 10);

//left eye white
fill(204, 208, 210);
beginShape();
curveVertex(205, 300);
curveVertex(205, 300);
curveVertex(236, 288);
curveVertex(256, 304);
curveVertex(248, 309);
curveVertex(238, 311);
curveVertex(215, 301);
curveVertex(215, 301);
endShape(CLOSE);

// right eye white
beginShape();
curveVertex(331, 315);
curveVertex(331, 315);
curveVertex(356, 300);
curveVertex(380, 310);
curveVertex(356, 320);
curveVertex(340, 315);
curveVertex(340, 315);
endShape(CLOSE);


// left eye shadow
fill(192, 195, 196);

beginShape();
curveVertex(230, 290);
curveVertex(248, 295);
curveVertex(256, 305);
curveVertex(247, 305);
curveVertex(251, 301);
curveVertex(245, 295);
curveVertex(229, 287);
endShape();

// right eye shadow
beginShape();
curveVertex(360, 300);
curveVertex(345, 305);
curveVertex(330, 315);
curveVertex(335, 315);
curveVertex(340, 315);
curveVertex(340, 310);
curveVertex(345, 305);
curveVertex(360, 290);
endShape();

//eyeball
fill(0, 0, 0);
ellipse(237, 300, 21, 18);
ellipse(359, 310, 21, 18);

fill(255, 255, 255);
ellipse(235, 295, 4, 4);
ellipse(355, 305, 4, 4);

//eyelid 
beginShape();
strokeWeight(2);
stroke(60, 40, 20);
beginShape();
curveVertex(214, 287);
curveVertex(228, 284);
curveVertex(247, 289);
curveVertex(239, 287);
curveVertex(248, 292);
curveVertex(250, 294);
endShape();

beginShape();
strokeWeight(1);
fill(190, 180, 153);
beginShape();

curveVertex(210, 286);
curveVertex(214, 287);
curveVertex(228, 284);
curveVertex(247, 289);
curveVertex(239, 287);
curveVertex(248, 292);
curveVertex(250, 294);
endShape();

// left eye outline 
beginShape();
strokeWeight(2.5);
noFill();
stroke(62, 38, 22);
beginShape();
curveVertex(205, 315);
curveVertex(210, 295);
curveVertex(240, 290);
curveVertex(260, 305);
curveVertex(265, 335);
endShape();

// right eye outline

beginShape();
curveVertex(325, 344);
curveVertex(330, 315);
curveVertex(355, 300);
curveVertex(380, 310);
curveVertex(391, 330);
endShape();

beginShape();
strokeWeight(2.5);
noFill();
stroke(60, 40, 20);
curveVertex(338, 307);
curveVertex(345, 297); 
curveVertex(354, 292);
endShape();

//nose

noStroke();
fill(180, 130, 125);
beginShape();

curveVertex(260, 360);
curveVertex(265, 375);
curveVertex(280, 385);
curveVertex(295, 395);
curveVertex(310, 388);
curveVertex(328, 385);
curveVertex(329, 372);
curveVertex(329, 385);
curveVertex(325, 396);
curveVertex(310, 395);
curveVertex(286, 399);
curveVertex(270, 390);
curveVertex(260, 375);
curveVertex(270, 360);
curveVertex(275, 350);
curveVertex(278, 380);
endShape();


noFill();
stroke(150, 99, 79);
beginShape();
curveVertex(280, 350);
curveVertex(265, 365);
curveVertex(265, 380);
curveVertex(275, 390);
curveVertex(293, 390);
endShape();

beginShape();
curveVertex(320, 350);
curveVertex(325, 365);
curveVertex(325, 385);
curveVertex(310, 389);
curveVertex(298, 399);
curveVertex(280, 390);
curveVertex(275, 390);
curveVertex(260, 395);
endShape();

//mouth

noStroke();
fill(170, 100, 95);
beginShape();
curveVertex(235, 413);
curveVertex(250, 410);
curveVertex(263, 410);
curveVertex(285, 410);
curveVertex(295, 415);
curveVertex(305, 410);
curveVertex(320, 415);
curveVertex(335, 415);
curveVertex(325, 420);
curveVertex(310, 420);
curveVertex(295, 425);
curveVertex(275, 418);
curveVertex(254, 418);
curveVertex(249, 413);
curveVertex(241, 405);
endShape();

fill(220, 150, 140);
beginShape();
curveVertex(239, 405);
curveVertex(249, 411);
curveVertex(254, 415);
curveVertex(273, 415);
curveVertex(293, 422);
curveVertex(307, 419);
curveVertex(327, 422);
curveVertex(335, 421);
curveVertex(320, 431);
curveVertex(291, 438);
curveVertex(265, 429);
curveVertex(255, 422);
curveVertex(249, 411);
curveVertex(246, 397);
endShape();

noFill();
stroke(120, 60, 50);
beginShape();
curveVertex(225, 420);
curveVertex(226, 412);
curveVertex(233, 400);

endShape();



beginShape();
curveVertex(229, 384);
curveVertex(241, 405);
curveVertex(254, 415);
curveVertex(273, 415);
curveVertex(293, 422);
curveVertex(307, 419);
curveVertex(327, 422);
curveVertex(343, 418);
curveVertex(345, 409);
endShape();

noStroke();
fill(245, 180, 175);
ellipse(270, 425, 9, 3);

//hair 
noStroke();
fill(39, 35, 29);
beginShape();
vertex(340, 145);
vertex(274, 148);
vertex(228, 174);
vertex(202, 223);
vertex(200, 267);
vertex(203, 409);
vertex(200, 442);
vertex(105, 400);
vertex(120, 366);
vertex(128, 315);
vertex(143, 235);
vertex(160, 181);
vertex(189, 132);
vertex(224, 103);
vertex(274, 85);
vertex(324, 80);
vertex(344, 97);
vertex(356, 89);
vertex(370, 95);
vertex(408, 135);
vertex(432, 182);
vertex(448, 236);
vertex(459, 367);

vertex(460, 470);
vertex(472, 494);
vertex(404, 487);
vertex(338, 480);
vertex(362, 461);
vertex(379, 436);
vertex(400, 220);
vertex(381, 176);
vertex(351, 153);
vertex(355, 138);
vertex(346, 114);
vertex(347, 134);
endShape(CLOSE);

noStroke();
fill(39, 35, 29);
ellipse(353, 194, 139, 153);
ellipse(396, 255, 39, 153);
ellipse(380, 264, 39, 53);
ellipse(229, 177, 129, 53);
ellipse(278, 151, 39, 93);
ellipse(210, 179, 99, 83);

fill(39, 35, 29);
beginShape();
vertex(103, 400);
vertex(77, 466);
vertex(195,529);
vertex(197, 422);
endShape(CLOSE);

//eyebrows
fill(39, 35, 29);
beginShape();
vertex(327, 279); 
vertex(354, 279);
vertex(382, 279);
vertex(369, 289);
vertex(326, 286);
endShape(CLOSE);

fill(39, 35, 29);
beginShape();
vertex(261, 270); 
vertex(220, 263);
vertex(204, 273);
vertex(261, 278);
endShape(CLOSE);

}

function setup() {
    createCanvas(800, 1200);
    background(250);
    //creates the text-box looking thing for "2-Dimensional Me"
    textSize(20);
    stroke(0);
    strokeWeight(3);
    fill(255, 145, 164);
    rect(300, 40, 200, 70);
    strokeWeight(0);
    fill(0);
    text("2-Dimensional Me", 320, 80);
    //creates the text-box for my name
    textSize(40);
    fill(204, 204, 255);
    stroke(0);
    strokeWeight(3);
    rect(240, 1050, 325, 75);
    strokeWeight(0);
    fill(20);
    text("Chuong Truong", 262.5, 1100);
    }

function draw() {
    //creates painting-like frame
    fill(150, 75, 0);
    rect(0, 0, 800, 10)
    rect(0, 10, 10, 1180);
    rect(790, 10, 10, 1180);
    rect(0, 1190, 1200, 10);
    //creates base face canvas
    strokeWeight(1);
    fill(241, 194, 125);
    rect(150, 300, 500, 700);
    //Creates lines that attach it to the ends of the painting frame, the 3d effect was unintensional
    fill(2, 0, 0);
    strokeWeight(3);
    line(10, 10, 300, 40);
    line(500, 40, 790, 10);
    line(10, 75, 300, 75);
    line(500, 75, 790, 75);
    line(10, 150, 300, 110);
    line(500, 110, 790, 150);
    //creates eyes
    fill(250);
    quad(240, 520, 290, 440, 340 ,520, 290, 600);
    quad(460, 520, 510, 440, 560, 520, 510, 600);
    //pupils
    fill(99, 57, 15);
    circle(510, 520, 50);
    circle(290, 520, 50);
    fill(20);
    circle(290, 520, 30);
    circle(510, 520, 30);
    //eyelids
    fill(241, 194, 125);
    triangle(265, 480, 290, 440, 315, 480);
    triangle(485, 480, 510, 440, 535, 480);
    triangle(265, 560, 290, 600, 315, 560);
    triangle(485, 560, 510, 600, 535, 560);
    //eyebrows
    fill(80);
    rect(260, 420, 60, 5);
    rect(480, 420, 60, 5);
    //nose
    line(400, 600, 400, 700);
    line(400, 700, 350, 750);
    line(400, 700, 450, 750);
    fill(20);
    circle(415, 740, 10);
    circle(385, 740, 10);
    //mouth
    fill(241, 194, 125);
    strokeWeight(5);
    arc(340, 780, 200, 200, HALF_PI, PI);
    fill(20);
    square(235, 780, 10);
    square(340, 875, 10);
    //hair
    triangle(150, 280, 300, 280, 100, 180);
    triangle(250, 280, 300, 280, 200, 180);
    triangle(280, 280, 350, 280, 230, 170);
    triangle(320, 280, 400, 280, 450, 160);
    triangle(400, 280, 520, 280, 580, 170);
    triangle(530, 280, 580, 280, 700, 180);
    triangle(580, 280, 620, 280, 650, 170);
    triangle(600, 280, 620, 280, 670, 180);
    triangle(620, 280, 650, 280, 710, 160);
    triangle(100, 250, 150, 330, 150, 280);
    triangle(650, 350, 650, 300, 700, 220);
    rect(150, 260, 500, 100);
    noLoop();
}

sketch

Month: September 2021

LO: My Inspiration

Project 1: My portrait

LO: My inspiration

Project 1: My Self Portrait

Self-Portrait

Project 1: Self Portrait

Project: Self Portrait

Project 1: My Self Portrait

Project 1: Self-Portrait