Fanjie Jin – Project 01 – Self Portrait

Sketch

//Fanjie Jin
//Section C
//Fjin@andrew.cmu.edu
//Project-01-Face

function setup(){
  createCanvas(600,600);
  background(167,226,235)}
// computer
function draw(){
//chair
  noStroke();
  fill(149,70,41);
  quad(362,343,545,354,535,600,337,600);

//cloth
  noStroke();
  fill(78,101,111);
  ellipse(329,600,280,220);

  noStroke();
  fill(72,75,75);
  quad(0,250,62,233,155,600,0,600);

  noStroke();
  fill(132,132,132);
  quad(62,233,108,244,203,600,155,600);

//neck
  noStroke();
  fill(255,223,203);
  rect(302,430,50,69);

  noStroke();
  fill(255,223,203);
  ellipse(329,335,195,230);

  noStroke();
  fill(255,223,203);
  ellipse(327,496,50,30);

//face
  noStroke();
  fill(230,202,184);
  ellipse(327,449,50,20);

  noStroke();
  fill(255,223,203);
  ellipse(329,350,195,210);

//ears
  noStroke();
  fill(255,223,203);
  ellipse(238,380,35,35);

  noStroke();
  fill(255,223,203);
  ellipse(418,380,35,35);

//hair
  fill(0);
  stroke(255);
  strokeWeight();
  beginShape();
  vertex(239, 340);
  quadraticVertex(304, 345, 359, 315);
  quadraticVertex(361, 324, 358, 330);
  quadraticVertex(400, 300, 400, 290);
  quadraticVertex(420, 320, 427, 357);
  quadraticVertex(450, 250, 340, 210);
  quadraticVertex(210, 210, 230, 360);
  endShape();

//hand
  fill(167,226,235);
  stroke(255);
  strokeWeight();
  beginShape();
  vertex(260, 600);
  quadraticVertex(260, 590, 260, 560);
  quadraticVertex(255, 590, 255, 600);
  endShape()

  fill(149,70,41);
  stroke(255);
  strokeWeight();
  beginShape();
  vertex(403, 600);
  quadraticVertex(403, 590, 403, 560);
  quadraticVertex(408, 590, 408, 600);
  endShape()

//eye left
  noStroke();
  fill(0);
  ellipse(283,370,13,13);

  noStroke();
  fill(255);
  ellipse(285,368,3,3);

//eyes right
  noStroke();
  fill(0);
  ellipse(373,370,13,13);

  noStroke();
  fill(255);
  ellipse(374,368,3,3);

//glasses
  noFill()
  stroke(87, 22, 22);
  strokeWeight(7);
  ellipse(374,378,50,50);

  noFill();
  stroke(87, 22, 22);
  strokeWeight(7);
  ellipse(285,378,50,50);

  noFill();
  strokeWeight(7);
  beginShape();
  vertex(310, 378);
  quadraticVertex(330, 365, 349, 378);
  endShape();

  noFill();
  stroke(87, 22, 22);
  strokeWeight(7);
  line(399,378,424,360);

  noFill();
  stroke(87, 22, 22);
  strokeWeight(7);
  line(260,378,230,360);

  noFill();
  strokeWeight(3);
  beginShape();
  vertex(310, 425);
  quadraticVertex(330, 435, 349, 425);
  endShape();

//ear
  noFill();
  strokeWeight(7);
  beginShape();
  vertex(310, 378);
  quadraticVertex(330, 365, 349, 378);
  endShape();

//eyebrow
  noFill();
  strokeWeight(2);
  beginShape();
  vertex(270, 350);
  quadraticVertex(284, 340, 298, 350);
  endShape();

  noFill();
  strokeWeight(2);
  beginShape();
  vertex(360, 350);
  quadraticVertex(374, 340, 388, 350);
  endShape();}

Throughout the process, I have begun to gain more familiarity with this new workflow and I am looking forward to learning how to develop the code I wrote in much cleaner, more efficient ways.