Your browser does not support the canvas tag.

previous        Show / Hide Source        Download        next
void setup() {
  size(400, 400);

  noStroke();
  rectMode (CORNERS);
  ellipseMode (CORNERS);
}
void draw() {

  //Background
  fill(136, 232, 165);
  rect(400, 400, 0, 0);
  //CAPE
  fill (85, 60, 129);
  triangle (60, 200, 340, 200, 200, 340);
  //EARS
  fill (222, 188, 136);
  triangle (80, 140, 160, 140, 160, 200);
  triangle (320, 140, 240, 140, 240, 200);
  //Face
  fill(237, 212, 172);
  ellipse (140, 40, 260, 180);
  rect(140, 100, 260, 200);
  //LEFT EYEBROW
  fill (103);
  triangle(120, 100, 140, 80, 180, 120);
  //RIGHT EYEBROW
  triangle (220, 120, 260, 80, 280, 100);
  //NOSE
  fill(193, 125, 161);
  triangle (200, 120, 180, 200, 220, 200);
  //BEARD
  fill (193);
  rect (140, 280, 260, 240);
  triangle (140, 280, 260, 280, 200, 400);
  //MOUSTACHE
  fill (103);
  rect (140, 200, 260, 240);
  triangle (140, 200, 100, 260, 180, 240);
  triangle (220, 240, 260, 200, 300, 260);
  //EYES
  if (mousePressed) {
    fill(255, 249, 62);
    triangle (mouseX, mouseY, 160, 160, 160, 140);
    triangle (mouseX, mouseY, 240, 160, 240, 140);
  } else {
    fill(255);
  }

  ellipse (140, 120, 180, 160);
  ellipse (220, 120, 260, 160);
}