​

function setup() {

  createCanvas(380, 400);

​

  noStroke();

​

  background("#f6511d");

}

​

function draw() {

  let n = frameCount * 0.02;

  let eyeX = 200 * noise(n);

    let eyeY = 350 * noise(n+20);

​

  fill("#ffb400");

  rect(63, 90, 250, 220, 50);

​

  fill("#00a6ed");

  rect(100, 120, 180, 180, 30);

​

  fill("#f6511d");

  rect(90, 265, 200, 50, 20);

​

  fill(220);

  rect(150, 220, 80, 30, 10);

​

  fill("#f6511d");

  rect(170, 240, 40, 15, 200);

​

  fill(11111);

  ellipse(160, 170, 50, 65);

  ellipse(217, 170, 50, 65);

​

  // console.log(mouseY);

  // if (mouseX > 145 && mouseX < 175) {

  //   fill(00000);

  //   if (mouseY < 185 && mouseY > 150) {

  //     fill(00000);

  //     ellipse(mouseX, mouseY, 20, 35);

  //     ellipse(mouseX + 57, mouseY, 20, 35);

  //   } else if (mouseY >= 185) {

  //     fill(00000);

  //     ellipse(mouseX, 185, 20, 35);

  //     ellipse(mouseX + 57, 185, 20, 35);

  //   } else if (mouseY <= 150) {

  //     fill(00000);

  //     ellipse(mouseX, 150, 20, 35);

  //     ellipse(mouseX + 57, 150, 20, 35);

  //   } else {

  //     ellipse(mouseX, 170, 20, 35);

  //     ellipse(mouseX + 57, 170, 20, 35);

  //   }

  // }

fill(0);

     ellipse(eyeX, eyeY, 20, 35);

      ellipse(eyeX + 57, eyeY, 20, 35);

  //   if (mouseX > 201 && mouseX < 233) {

  //     fill(00000);

  //     ellipse(mouseX - 57, 170, 20, 35);

  //     ellipse(mouseX, 170, 20, 35);

  //   }

​

//   if (mouseX >= 175) {

//     fill(00000);

//     ellipse(175, 170, 20, 35);

//     ellipse(175 + 57, 170, 20, 35);

//   }

​

//   if (mouseX <= 145) {

//     fill(00000);

//     ellipse(145, 170, 20, 35);

//     ellipse(145 + 57, 170, 20, 35);

//   }

​

  fill("#00a6ed");

  rect(100, 120, 180, 40, 30);

}

​