Project-01-Face – [OLD FALL 2020] 15-104 • Introduction to Computing for Creative Practice

//Laurel Rountree //D function setup() { createCanvas(600, 600); background(600); text("p5.js vers 0.9.0 test.", 10, 15); } function draw() { background(35, 32, 39); noStroke(); fill(96, 57, 19); //dark brown hair ellipse(width/2, 342, 365.4, 616.5); ellipse(240.5, 92.5, 100); ellipse(364, 92.5, 100); ellipse(191.5, 138, 100); ellipse(413, 138, 100); ellipse(156.3, 205, 100); ellipse(448.3, 205, 100); ellipse(139.5, 287, 100); ellipse(465, 287, 100); ellipse(123, 372, 100); ellipse(481.5, 372, 100); ellipse(139.7, 427, 100); ellipse(465, 427, 100); fill(135, 179, 142); // green hair band ellipse(width/2, 169.8, 231.4, 247.4); fill(96, 57, 19); //dark brown hair ellipse(width/2, 219, 231.4, 293); fill(152, 112, 71); //med brown body rect(77.5, 486, 445, 114); ellipse(width/2, 489, 445, 233); rect(250, 300, 99, 136); ellipse(width/2, 473, 244, 124); fill(135, 179, 142); //green shirt rect(180, 470, 237, 138); fill(38, 34, 98); ellipse(width/2, 473, 244, 124); fill(152, 112, 71); //med brown body ellipse(width/2, 445, 244, 124); fill(38, 34, 98); rect(166.25, 387.5, 25, 214); rect(410.3, 387.5, 25, 214); fill(169, 124, 80); //light brown face ellipse(width/2, 316.2, 175, 104.5); ellipse(246.7, 229.2, 112,248.5); ellipse(353.3, 229.2, 112, 248.5); ellipse(width/2, 229.2, 112, 248.5); ellipse(width/2, 142, 177.3, 104.5); ellipse(188, 232, 44.7, 83.8); ellipse(415,232, 44.7, 83.8); fill(130, 94, 60); //med brown eyelids ellipse(246.5, 194.5, 51.7, 36.3); ellipse(362, 194.5, 51.7,36.3); fill(169, 124, 80); //light brown eyelids ellipse(362, 196, 54.5, 34.3); ellipse(246.65, 196, 54.5, 34.3); fill(96, 57, 19); //dark brown face ellipse(361, 163.3, 58, 18); ellipse(246.5, 163.3, 58, 18); ellipse(311, 293, 86, 73); ellipse(246.3, 200.2, 55.5, 39); ellipse(361, 200.2, 55.5, 39); fill(169, 124, 80); ellipse(width/2, 288.6, 109.3, 71.5); fill(96, 57, 19); ellipse(width/2, 272, 48.4, 30,7); fill(169, 124, 80); ellipse(width/2, 267.8, 48.4, 30,7); fill(230,231,232); // white eyes ellipse(247.5, 205.5, 52.4, 36.8); ellipse(360, 205.5, 52.4, 36.8); fill(96, 57, 19); //dark brown eyes ellipse(251.5, 202.2, 25.2, 34.5); ellipse(356, 202.2, 25.2, 34.5); noLoop(); }

Week 1

sketch-self portrait Download

function setup() {
  createCanvas(650, 650);
}

function draw() {
  background(107,116,145);
  
  //hair
  fill(132, 117, 82);
  noStroke();
  beginShape();
  curveVertex(width/2-140,290);
  curveVertex(width/2-130,230);
  curveVertex(width/2-120,350);
  curveVertex(width/2-130,550);
  curveVertex(width/2+130,550);
  curveVertex(width/2+120,350);
  curveVertex(width/2+140,250);
  endShape(CLOSE);
  
  //main body
  fill(247, 194, 150);
  noStroke();
  beginShape();
  vertex(width/2-35, 390);
  vertex(width/2-35, 430);
  vertex(150, 470);
  vertex(100, 550);
  vertex(100, 650);
  vertex(550, 650);
  vertex(550, 550);
  vertex(500, 470);
  vertex(width/2+35, 430);
  vertex(width/2+35, 390);
  endShape(CLOSE);
  
  //face
  fill(247, 194, 150);
  noStroke();
  ellipse(width/2,240,250,320)
  //ears
  ellipse(width/2-110,320,20,40)
  ellipse(width/2+110,320,20,40)
  
  
 //hats
  fill(0);
  noStroke();
  beginShape();
  curveVertex(width/2-200,300);
  curveVertex(width/2-200,320);
  curveVertex(width/2-100,100);
  curveVertex(width/2,50);
  curveVertex(width/2+100,100);
  curveVertex(width/2+200,320);
  curveVertex(width/2+200,300);
  endShape();
  
  
  //lips
  fill(190,111,82);
  noStroke();
  beginShape();
  curveVertex(width/2-35,350);
  curveVertex(width/2-30,360);
  curveVertex(width/2,370);
  curveVertex(width/2+30,360);
  curveVertex(width/2+35,350);
  endShape();
  
  beginShape();
  curveVertex(width/2-35,370);
  curveVertex(width/2-30,360);
  curveVertex(width/2,355);
  curveVertex(width/2+30,360);
  curveVertex(width/2+35,370);
  endShape();
  
  //nose
  fill(239, 217, 192);
  noStroke();
  beginShape();
  vertex(width/2-8, 320);
  vertex(width/2-10, 335);
  vertex(width/2+10, 335);
  vertex(width/2+8, 320);
  endShape(CLOSE);
  noLoop();
  
  fill(239, 217, 192);
  noStroke();
  beginShape();
  curveVertex(width/2-10, 335);
  curveVertex(width/2-10, 335);
  curveVertex(width/2, 340);
  curveVertex(width/2+10, 335);
  curveVertex(width/2+10, 335);
  endShape();
  
  //garment with transparency
  fill(150,190);
  stroke(220);
  strokeWeight(3);
  beginShape();
  curveVertex(width/2-45,405);
  curveVertex(width/2-35,425);
  curveVertex(width/2-57,435);
  curveVertex(150, 460);
  curveVertex(100, 550);
  curveVertex(120, 650);
  curveVertex(520, 650);
  curveVertex(550, 550);
  curveVertex(500, 460);
  curveVertex(width/2+57,435);
  curveVertex(width/2+35,425);
  curveVertex(width/2+45,405);
  endShape(CLOSE);

  //garment on top layer
  fill(250);
  noStroke();
  beginShape();
  vertex(width/2,610)
  vertex(width/2-50,430)
  vertex(width/2-170,430)
  vertex(width/2-180,470)
  vertex(width/2-180,650)
  vertex(width/2+180,650)
  vertex(width/2+180,470)
  vertex(width/2+170,430)
  vertex(width/2+50,430)
  endShape();
  
  //accessories*line
  stroke(2);
  strokeWeight(1);
  strokeCap(SQUARE);
  line(width/2-110,330,width/2-110,385);
  line(width/2+110,330,width/2+110,385);
  noLoop();
  
  fill(249,239,80);//the spherical structure
  ellipse(width/2-110,385,50,50);
  ellipse(width/2+110,385,50,50);
  
  
  }

Tag: Project-01-Face

Portrait

Project 1 : Self Portrait