Category: Uncategorized

Project 1: My Self Portrait

camel_self_portrait

function setup() {
    createCanvas(670, 750);
    background(232,228,130);
}

function draw() {
    noStroke();

    fill(0,0,0);
    rect(70,50,450,480,200); //back hair

    fill(255,160,122);
    rect(140,150,310,350,150); //head

    fill(188,143,143);
    rect(0,550,600,800,150); //body

    fill(255,160,122);
    rect(255,450,90,150,80); // neck

    fill(0,0,0);
    rect(110,65,200,200,100); //left bang

    rect(280,65,200,200,100); //right bang

    rect(120,230,40,300,30); //left stroke

    rect(430,230,40,300,30); //right stroke

    rect(480,200,100,200,70); //clip

    ellipse(520,170,80); //clip piece

    ellipse(237,330,30); // left eye

    ellipse(355,328,30); // right eye

    fill(255,127,80);
    rect(280,330,30,70,30); //nose

    fill(220,20,60);
    ellipse(300,430,50); //mouth

    fill(255,160,122);
    rect(250,400,120,20);

    fill(240,128,128,100);
    ellipse(200,400,100); // left blush
    ellipse(395,400,100); // right blush

    fill(255,160,122);
    rect(500,510,150,160,50); //palm
    rect(542,600,80,210); //wrist
    //rect(450,590,80,40,50); //thumb
    rect(510,420,32,130,50); //index finger
    rect(550,410,32,130,50); //middle finger
    //rect(580,410,32,130,50); //ring finger
    //rect(615,450,32,100,50); //little finger


    strokeWeight(5);
    stroke(218,165,32);
    fill(255,255,255,50);
    ellipse(230,330,100); // left frame
    ellipse(365,328,100); // right frame
    line(280,330,310,330); // frame connector

    noLoop();
}

Project 1- My Self Portrait

sketch
function setup() {
    createCanvas(600, 800);
    background(255);
    text("Brian Curtin Section C", 10, 15);
}

function draw() {
    fill(30, 60, 17)
    quad(500, 500, 100, 500, 0, 800, 600, 800)
    fill(255, 220, 30)
    ellipse(width/2, height/2, 225, 260)
    fill(255)
    triangle(100, 800, 150, 800, 150, 600)
    fill(255)
    triangle(450, 800, 500, 800, 450, 600)
    fill(30)
    rect(150, 350, 300, 25)
    fill(30)
    quad(180, 350, 420, 350, 400, 270, 200, 270)
    fill(30)
    ellipse(260, 420, 60, 60)
    fill(30)
    ellipse(340, 420, 60, 60)
    line(290, 420, 310, 420)
    line(190, 400, 230, 420)
    line(410, 400, 370, 420)
    line(280, 490, 320, 490)
}

Project 1: Self Portrait

sketch
function setup() {
    createCanvas(1000, 800);
    background(255, 255, 0);
    text("p5.js vers 0.9.0 test.", 10, 15);
}

function draw() {
    stroke(255, 255, 0);
    strokeWeight(8);
    fill(255,153,153)
    square(225,100,600);                       //hair
    stroke(191,206,255)
    fill(191,206,255) ;
    ellipse((width/2),410 ,500,550);    //head
    fill(255,71,154);
    circle(350,400,100);
    circle(600,400,110);                       // eyes
    fill(255,255,255);
    ellipse(340,375,100,75);
    ellipse(590,375,110,80);
    arc((width/2), 525, 100, 100, 2 * PI, PI); //mouth
    stroke(0)                                  
    noFill();
    square(275,325,150,20)
    square(525,325,150,20)                     //glasses
    line(425, 400, 525, 400)
    noLoop()
}

Project 1: My Self Portrait

sketch
function setup() {
    createCanvas(400, 520);

}

function draw() {
    background(81, 139, 255);

    strokeWeight(0)
    fill(190, 157, 5);
    rect(96, 230, 209, 195);

    strokeWeight(0);
    fill(255, 247, 187);
    ellipse(200, 225, 209, 209);

    strokeWeight(0);
    fill(255, 247, 187);
    rect(165, 306, 71, 42);

    strokeWeight(0);
    fill(0);
    rect(165, 340, 71, 30);

    strokeWeight(0);
    fill(190, 157, 5);
    ellipse(150, 170, 100, 100);

    strokeWeight(0);
    fill(190, 157, 5);
    rect(92, 120, 60, 100, 50 ,0 ,0 ,0)  
    
    strokeWeight(0);
    fill(190, 157, 5);
    ellipse(249, 170, 100, 100);

    strokeWeight(0);
    fill(190, 157, 5);
    rect(250, 120, 57, 100, 0, 50, 0, 0); 

    strokeWeight(0);
    fill(190, 157, 5);
    rect(145, 120, 110, 45);

    strokeWeight(0);
    fill(0);
    ellipse(200, 460, 200, 200);
    //shoulder circle

    strokeWeight(0);
    fill(0);
    ellipse(162, 252, 10, 10);
    //eyes

    strokeWeight(0);
    fill(0);
    ellipse(240, 252, 10, 10);
    //eyes

    strokeWeight(0);
    fill(0);
    rect(100, 460, 200, 202);

    strokeWeight(0);
    fill(0);
    ellipse(200, 292, 20, 20);

    strokeWeight(0);
    fill(255, 247, 187);
    ellipse(200, 289, 24, 20);

    strokeWeight(0);
    fill(255, 184, 154);
    ellipse(143, 271, 20, 20);

    strokeWeight(0);
    fill(255, 184, 154);
    ellipse(260, 271, 20, 20);

    strokeWeight(0);
    fill(243, 215, 123);
    ellipse(200, 270, 12, 12)

    strokeWeight(0);
    fill(255, 247, 187);
    ellipse(200, 268, 12, 12)

}

Project 1: My Self Portrait

function setup() {
    createCanvas(800, 600);
}
function draw() {
    background(249,246,238);//face color
    fill(5,5,5); //black hair 
    rect(0,0,70,600);
    rect(100,0,40,600);
    rect(720,0,70,600);
    rect(650,0,40,600);
    fill(118,93,53);//highlights
    rect(70,0,30,600);
    rect(690,0,30,600);

    fill(5,5,5);//eyebrows
    strokeWeight(18);
    line(450,150,550,140);//right eyebrow
    line(550,140,590,155);
    line(350,150,250,140);//left eyebrow
    line(210,155,250,140);

    fill(255,255,255);//eyes
    ellipse(260,250,50,60);//left eye
    ellipse(530,250,50,60);//right eye
 
    fill(48,43,36);//lashes
    line(260,200,260,210);//left 1
    line(240,200,250,210);//left 2
    line(530,200,530,210);//right 1
    line(550,200,540,210);//right 2

    fill(48,43,36);//eyebags
    strokeWeight(13);
    line(275,290,240,330);//left 
    line(535,290,560,330);//right 

    fill(208,165,105);//nose
    triangle(400,250,360,350,440,350);

    fill(179,78,50);//lips
    strokeWeight(7);
    arc(350,400,200,90,0,HALF_PI,CHORD);

    noLoop();
}

My project is a very zoomed in version of my face and emphasizes my highlights, and is mostly symmetrical other than my mouth.

LO: My Inspiration

The Event of a Thread

This project is called The Event of a Thread, by main artist Ann Hamilton. This large scaled installation piece is a field of fourty-two swings on which the audience can sit and swing on. The body weight pulling the swing back and forth also affects the giant curtain’s turbulence, while record players play a chorus in the background. I admire the diversity of elements that the audience can be fascinated by in this piece, in that there are lots for the audience to hear, see, and feel. Through the interaction the audience has with the work, they can influence the piece and see how the piece changes.

Over twenty people including the artist, composer, advisor, producer and so on were involved in creating this piece.

Link to description & photos:

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);

}