createCanvas(520, 520);

}

​

function draw() {

  var eyebrowLeft = 220;

  var eyebrowRight = 277;

  var piercingX = mouseX;

  var piercingY = mouseY;

  background(236, 144, 208 );

​

  //Hair

  noStroke()

  fill(53, 16, 7);

  arc(260, 260, 300, 380, QUARTER_PI + HALF_PI, QUARTER_PI, OPEN);

​

  //Face 

  noStroke()

  fill(218, 182, 144);

  ellipse(260, 255, 200, 260);

​

  //Bang

  noStroke()

  fill(220, 213, 167 );

  arc(300, 150, 150, 100, 0, PI + QUARTER_PI, CHORD);

  fill(53, 16, 7);

  arc(180, 120, 140, 148, 0, 0.75 * Math.PI);

​

​

  //Eyebrows

  stroke(21, 19, 19);

  strokeWeight(8);

  noFill();

  line(195,eyebrowLeft,243,230);

  line(195, eyebrowLeft, 177, 230);

  line(eyebrowRight, 230, 325, 220);

  line(325,220, 343, 227);

​

  //Eyeshadow

  stroke(20, 2, 15 );

  strokeWeight(6);

  arc(210, 255, 45, 15, PI, TWO_PI, OPEN);

  arc(310, 255, 45, 15, PI, TWO_PI, OPEN);

  arc(210, 257, 40, 30, HALF_PI, PI);

  arc(310, 257, 40, 30, 0, HALF_PI);

​

  //Eyes

  strokeWeight(1)

  fill(30, 16, 19);

  ellipse(210, 260, 28, 25);

  ellipse(310, 260, 28, 25);

​

  //Eyeballs

  noStroke()

  fill(255)

  ellipse(207, 252, 8, 8);

  ellipse(306, 252, 8, 8);

​

  //Nose

  fill(255, 0, 0)

  triangle(260, 270, 270, 300, 250, 300);

​

  //Mouth

  fill(214, 124, 157 );

  arc(260, 325, 49, 35, 0, PI);

  stroke(0);

  strokeWeight(2)

  line(236, 325, 284, 325);

  noStroke();

  triangle(236, 324, 265, 324, 253, 313);

  triangle(284, 324, 255, 324, 267, 313);

​

  //Hoodie

  rectMode(CENTER)

  fill(0);

  rect(260, 470, 205, 150, 20);

  fill(255, 204, 229);

​

​

  //Neck

  fill(218, 182, 144)

  rect(260, 380, 50, 55, 20);

  //Piercings

  fill(208, 206, 195 );

  ellipse(mouseX+3, mouseY, 5, 5);

  ellipse(mouseX, mouseY + 22, 5, 5);

  //mouseY = 210

  //mouseX = 322

​

  ellipse(mouseX - 79, mouseY + 133, 5, 5);

  ellipse(mouseX - 45, mouseY + 133, 5, 5);

​

​

​

​

​

​

​

​

​

}