createCanvas(720, 720);

} 

​

function draw() {

  //background(145, 188, 68);

  r = map(mouseY, 0, width, 166, 145); //ugly green

  g = map(mouseY, 0, width, 176, 188);

  b = map(mouseY, 0, width, 188, 68);

  background(r, g, b);

//PEBBLES (1) [from left to right]

    strokeWeight(5);

    stroke(70);

    fill(255);

    angleMode(DEGREES);

      var P1X_1 = map(mouseX, 0, width, 134, 115);

      var P1Y_1 = map(mouseY, 0, width, 138, 85);

      var P1W_1 = map(mouseX, 0, width, 40, 35);

      var P1H_1 = map(mouseY, 0, width, 31, 10);

      push();

      translate(-58, 75);

      rotate(-30);

      ellipse(P1X_1, P1Y_1, P1W_1, P1H_1);

      pop();

      //ORIGINAL = ellipse(119, 138, 40, 31);

      var P1X_2 = map(mouseX, 0, width, 137, 122);

      var P1Y_2 = map(mouseY, 0, width, 161, 116);

      var P1W_2 = map(mouseX, 0, width, 54, 57);

      var P1H_2 = map(mouseY, 0, width, 45, 13); 

      push();

      translate(-80, 100);

      rotate(-35);

      ellipse(P1X_2, P1Y_2, P1W_2, P1H_2);

      pop();

      //ORIGINAL = ellipse(122, 161, 54, 45);

    var P1X_3 = map(mouseX, 0, width, 151, 145);//+15

    var P1Y_3 = map(mouseY, 0, width, 188, 148); 

    var P1W_3 = map(mouseX, 0, width, 81, 86);

    var P1H_3 = map(mouseY, 0, width, 58, 20);

      push();

      translate(-100, 133);

      rotate(-40);

      ellipse(P1X_3, P1Y_3, P1W_3, P1H_3);

      pop();

      //ORIGINAL = ellipse(136, 188, 81, 58);

      var P1X_4 = map(mouseX, 0, width, 160, 150);//+10

      var P1Y_4 = map(mouseY, 0, width, 215, 190);

      var P1W_4 = map(mouseX, 0, width, 100, 110);

      var P1H_4 = map(mouseY, 0, width, 60, 30);

      push();

      translate(-113, 170);

      rotate(-48);

      ellipse(P1X_4, P1Y_4, P1W_4, P1H_4);

      pop();

      //ORIGINAL = ellipse(160, 215, 100, 60);

​

//PEBBLES (2)

    var P2X_1 = map(mouseY, 0, width, 412, 414);

      var P2Y_1 = map(mouseY, 0, width, 75, 28);

      var P2W_1 = map(mouseX, 0, width, 40, 41);

      var P2H_1 = map(mouseY, 0, width, 28, 10);

      push();

      translate(12, -71);

      rotate(10);

      ellipse(P2X_1, P2Y_1, P2W_1, P2H_1);

      pop();

      //ORIGINAL = ellipse(412, 75, 40, 28);

      var P2X_2 = map(mouseX, 0, width, 400, 404);

      var P2Y_2 = map(mouseY, 0, width, 93, 53);

      var P2W_2 = map(mouseX, 0, width, 62, 65);

      var P2H_2 = map(mouseY, 0, width, 42, 15);

      push();

      translate(20, -68);

      rotate(10);

      ellipse(P2X_2, P2Y_2, P2W_2, P2H_2);

      pop();

      //ORIGINAL = ellipse(400, 93, 62, 42);

      var P2X_3 = map(mouseX, 0, width, 396, 400);

      var P2Y_3 = map(mouseY, 0, width, 110, 85);

      var P2W_3 = map(mouseX, 0, width, 81, 85);

      var P2H_3 = map(mouseY, 0, width, 43, 20);

      push();

      translate(20, -65);

      rotate(10);

      ellipse(P2X_3, P2Y_3, P2W_3, P2H_3);

      pop();

      //ORIGINAL = ellipse(396, 110, 81, 43);

​

//PEBBLES (3)

    var P3X_1 = map(mouseX, 0, width, 488, 500); 

    var P3Y_1 = map(mouseY, 0, width, 68, 25);

    var P3W_1 = map(mouseX, 0, width, 50, 55);

    var P3H_1 = map(mouseY, 0, width, 30, 10);

    push();

    translate(93, -195);

    rotate(25);

    ellipse(P3X_1, P3Y_1, P3W_1, P3H_1);

    pop();

    //ORIGINAL = ellipse(484, 63, 50, 30);

      var P3X_2 = map(mouseX, 0, width, 490, 500);

      var P3Y_2 = map(mouseY, 0, width, 84, 45);

      var P3W_2 = map(mouseX, 0, width, 68, 71);

      var P3H_2 = map(mouseY, 0, width, 40, 15);

    push();

    translate(90, -190);

    rotate(25);

    ellipse(P3X_2, P3Y_2, P3W_2, P3H_2);

    pop();

    //ORIGINAL = ellipse(490, 84, 68, 40);

      var P3X_3 = map(mouseX, 0, width, 490, 495);

      var P3Y_3 = map(mouseY, 0, width, 116, 80);

      var P3W_3 = map(mouseX, 0, width, 92, 90);

      var P3H_3 = map(mouseY, 0, width, 55, 20);

      push();

      translate(95, -195);

      rotate(25);

      ellipse(P3X_3, P3Y_3, P3W_3, P3H_3);

      pop();

      //ORIGINAL = ellipse(490, 116, 92, 55);

      var P3X_4 = map(mouseX, 0, width, 479, 485);

      var P3Y_4 = map(mouseY, 0, width, 141, 115);

      var P3W_4 = map(mouseX, 0, width, 122, 116);

      var P3H_4 = map(mouseY, 0, width, 65, 25);

      push();

      translate(105, -190);

      rotate(25);

      ellipse(P3X_4, P3Y_4, P3W_4, P3H_4);

      pop();

      //ORIGINAL = ellipse(479, 141, 122, 65);

//PEBBLES (4)

      var P4X_1 = map(mouseY, 0, width, 618, 668);

      var P4Y_1 = map(mouseY, 0, width, 229, 186);

      var P4W_1 = map(mouseY, 0, width, 33, 10);

      var P4H_1 = map(mouseY, 0, width, 39, 44);

      push();

      translate(-30, 330);

      rotate(-30);

      ellipse(P4X_1, P4Y_1, P4W_1, P4H_1);

      pop();

      //ORIGINAL = ellipse(618, 229, 33, 39);

      var P4X_2 = map(mouseY, 0, width, 603, 645);

      var P4Y_2 = map(mouseY, 0, width, 251, 210);

      var P4W_2 = map(mouseY, 0, width, 50, 20);

      var P4H_2 = map(mouseY, 0, width, 63, 68);

      push();

      translate(-43, 325);

      rotate(-30);

      ellipse(P4X_2, P4Y_2, P4W_2, P4H_2);

      pop();

      //ORIGINAL = ellipse(603, 251, 50, 63);

      var P4X_3 = map(mouseY, 0, width, 579, 610);

      var P4Y_3 = map(mouseY, 0, width, 262, 230);

      var P4W_3 = map(mouseY, 0, width, 65, 25);

      var P4H_3 = map(mouseY, 0, width, 80, 85);

      push();

      translate(-50, 320);

      rotate(-30);

      ellipse(P4X_3, P4Y_3, P4W_3, P4H_3);

      pop();

      //ORIGINAL = ellipse(579, 262, 65, 80);

​

//BOTTOM HEAD LAYER (GRAY)

    noStroke();

    fill(70);

      ellipse(354, 318, 484, 427);

      ellipse(260, 502, 69, 69);

      ellipse(430, 502, 69, 69);

      var bottomY4 = map(mouseY, 0, 720, 542, 570);

      var bottomW4 = map(mouseX, 0, 720, 225, 220);

      var bottomH4 = map(mouseY, 0, 720, 245, 250);

      ellipse(345, bottomY4, bottomW4, bottomH4);

    ORIGINAL = ellipse(345, 542, 225, 245);

​

//TOP HEAD LAYER (WHITE)

    noStroke();

    fill(255);

    ellipse(354, 318, 471, 413);

    ellipse(266, 502, 66, 66);

    ellipse(424, 502, 66, 66);

      var topY4 = map(mouseY, 0, 720, 542, 570);

      var topW4 = map(mouseX, 0, 720, 213, 208);

      var topH4 = map(mouseY, 0, 720, 233, 238);

      ellipse(345, topY4, topW4, topH4);

      ORIGINAL = ellipse(345, 542, 213, 233);

​

//DARK CIRCLES

    noStroke();

    fill(70);

    angleMode(DEGREES);

    //Left Dark Circle

      push();

      translate(-156, 167);

      rotate(-33);

      ellipse(207, 352, 117, 143);

      pop();

    //Right Dark Circle

      push();

      translate(320, -220);

      rotate(37);

      ellipse(477, 378, 140, 200);

      pop();

​

​

//DARK HOOPS

    strokeWeight(4);

    stroke(70);

    noFill();

    angleMode(DEGREES);

    //Smaller Right Hoop

      push();

      translate(327, -212);

      rotate(37);

      ellipse(464, 382, 135, 205);

      pop();

    //Larger Right Hoop

      push();

      translate(323, -208);

      rotate(37);

      ellipse(463, 382, 144, 218);

      pop();

    //Top Left Hoop

      push();

      translate(-153, 172);

      rotate(-33);

      ellipse(207, 352, 117, 147);

      pop();

    //Bottom Left Hoop

    push();

      translate(-147, 183);

      rotate(-33);

      ellipse(207, 352, 117, 147);

      pop();

//EYELIDS

  strokeWeight(4);

  stroke(70);

  fill(150);

  //Left Eye

    var lefteyelid_X = map(mouseX, 0, 720, 198, 155);

    var lefteyelid_H = map(mouseY, 0, 720, 70, 85);

    push();

    translate(-127, 123);

    rotate(-25);

    ellipse(lefteyelid_X, 356, 145, lefteyelid_H);

    pop();

    //ORIGINAL = ellipse(200, 356, 145, 70);

  //Right Eye

    var righteyelid_X = map(mouseX, 0, 720, 473, 515);

    var righteyelid_H = map(mouseY, 0, 720, 85, 100);

    push();

    translate(260, -190);

    rotate(30);

    ellipse(righteyelid_X, 380, 175, righteyelid_H);

    pop();

    //ORIGINAL = ellipse(473, 385, 175, 85);

​

//EYES

    strokeWeight(5);

    stroke(70);

    fill(255);

    //Left Eye

      var x1 = map(mouseX, 0, 720, 198, 156);

      var w1 = map(mouseX, 0, 720, 145, 165);

      var h1 = map(mouseY, 0, 720, 40, 165);

      push();

      translate(-127, 123);

      rotate(-25);

    ellipse(x1, 354, w1, h1);

    pop();

    //ORIGINAL = ellipse(205, 354, 145, 40);

​

    //Right Eye

      var x2 = map(mouseX, 0, 720, 473, 515);

      var w2 = map(mouseX, 0, 720, 175, 210);

      var h2 = map(mouseY, 0, 720, 50, 210);

      push();

      translate(260, -190);

      rotate(30);

      ellipse(x2, 380, w2, h2);

    pop();

      //ORIGINAL = ellipse(473, 385, 175, 50);

​

​

//LIGHT PUPILS

    strokeWeight(2);

    stroke(70);

    //fill(145, 188, 68);

    fill(166, 176, 188);

    //Right Pupil

      if (mouseY > width/2) {

        fill(145, 188, 68);

        var angle = 0;

        angle = map(mouseY, 0, width, 0, 360);

        push();

        translate(480, 375);

        rotate(angle);

        ellipse(10, 10, 34.5, 34.5);

        pop();

        } else { 

        fill(166, 176, 188);

        angle = map(mouseY, 0, width, 0, 360);

        push();

        translate(480, 375);

        rotate(angle);

        ellipse(10, 10, 34.5, 34.5);

        pop();

        }

    //Left Pupil

      angle = map(mouseY, 0, width, 0, 360);

      push();

      translate(179, 365);

      rotate(angle);

      ellipse(7, 7, 26, 26);

      pop();

//GRAY PUPILS

    noStroke();

    fill(70);

​

    //Right 

      angle = map(mouseY, 0, width, 0, 360);

      push();

      translate(480, 375);

      rotate(angle);

      ellipse(10, 10, 20, 20);

      pop();

    //Left

      angle = map(mouseY, 0, width, 0, 360);

      push();

      translate(179, 365);

      rotate(angle);

      ellipse(7, 7, 15, 15);

      pop();

​

​

//WHITE REFLECTION

  noStroke();

  fill(255);

  //Right

    angle = map(mouseY, 0, width, 0, 360);

      push();

      translate(480, 375);

      rotate(angle);

    ellipse(18, 10, 10, 14);

    pop();

    //ORIGINAL = ellipse(500, 385, 10, 14);

  //Left

    angle = map(mouseY, 0, width, 0, 360);

    push();

      translate(181, 367);

      rotate(angle);

    ellipse(11, 4, 7, 10);

    pop();

​

//MOUTH

    strokeWeight(4);

    stroke(70);

    fill(70);

      var mouthw1 = map(mouseX, 0, 720, 95, 40);

    var mouthh1 = map(mouseY, 0, 720, 4, 77);

      ellipse(343, 607, mouthw1, mouthh1);

    //ORIGINAL = ellipse(343, 607, 92, 4);

//NOSTRILS

    strokeWeight(5);

    stroke(70);

    fill(70);

    //Right

      var nostrilx1 = map(mouseX, 0, 720, 342, 335);

      var nostrily1 = map(mouseY, 0, 720, 455, 460);

      var nostrilw1 = map(mouseX, 0, 720, 10, 20);

      var nostrilh1 = map(mouseY, 0, 720, 10, 20);

      ellipse(nostrilx1, nostrily1, nostrilw1, nostrilh1);

      //ORIGINAL = ellipse(342, 460, 17, 17);

​

    //Left

      var nostrilx2 = map(mouseX, 0, 720, 283, 279);

      var nostrily2 = map(mouseY, 0, 720, 480, 485);

      var nostrilw2 = map(mouseX, 0, 720, 13, 22);

      var nostrilh2 = map(mouseY, 0, 720, 13, 22);

      ellipse(nostrilx2, nostrily2, nostrilw2, nostrilh2);

      //ORIGINAL = ellipse(283, 480, 15, 15);

​

//HOLLOWED CHEEKS

  noStroke();

  fill(70); 

​

  //Right

    push();

    translate(336, -144);

    rotate(30);

    ellipse(431, 555.5, 17, 115);

    pop();

​

  //Left

    push();

    translate(-186, 144);

    rotate(-23);

    ellipse(246.5, 544.5, 15, 120);

    pop();

}