Fox

var option = 1;

​

function setup () {

  createCanvas (800, 800);

}

​

function draw () {

​

  background (0, 85, 30);

  noStroke ();

    var x1 = map(mouseX, 0, width, 350, 410);

    var y1 = map(mouseY, 0, height, 275, 400);

    var eye_x1 = map(mouseX, 0, width, 285, 395);

    var eye_y1 = map(mouseY, 0, height, y1+70, y1+80);

    var x2 = map(mouseX, 0, width, 350, 410);

    var y2 = map(mouseY, 0, height, 225, 325);

    var eye_x2 = map(mouseX, 0, width, 290, 390);

    var eye_y2 = map(mouseY, 0, height, y2+50, y2+85);

    var x3 = map(mouseX, 0, width, 350, 410);

    var y3 = map(mouseY, 0, height, 350, 450);

    var eye_x3 = map(mouseX, 0, width, 290, 390);

    var eye_y3 = map(mouseY, 0, height, y3+80, y3+90);

    var x4 = map(mouseX, 0, width, 350, 410);

    var y4 = map(mouseY, 0, height, 275, 400);

if (option == 1){

/// NEUTRAL EXPRESSION

// TAIL

    fill (255, 125, 50);

     beginShape ();

       curveVertex (425, 1325);

       curveVertex (450, 500);

       curveVertex (675, 575);

       curveVertex (700, 1275);

      endShape ();

      beginShape ();

       curveVertex (775, 324);

       curveVertex (675, 574);

       curveVertex (450, 499);

       curveVertex (700, 99);

      endShape ();

     fill (255, 165, 60); 

      triangle (625, 505, 660, 570, 600, 570);

     fill (255, 125, 50);

      ellipse (590, 530, 85, 85);

// BODY

     fill (255, 160, 35);

      ellipse (400, 550, 300, 400);

     fill (255, 180, 55);

      ellipse (400, 700, 185, 75);

     fill (255, 180, 75);

      ellipse (400, 440, 175, 200);

     fill (255, 135, 50);

      ellipse (400, 650, 75, 200);

// FOLIAGE      

     fill (0, 85, 30);

      ellipse (400, 700, 50, 200);

      rect (0, 700, 800, 100);

     fill (50, 135, 70, 75);

      ellipse (400, 0, 800, 225);

      ellipse (200, 100, 350, 125);

      ellipse (600, 100, 350, 125);

      ellipse (175, 200, 300, 75);

      ellipse (625, 200, 300, 75);

      ellipse (125, 300, 450, 150);

      ellipse (675, 300, 450, 150);

      ellipse (150, 400, 275, 50);

      ellipse (650, 400, 275, 50);

      ellipse (100, 450, 175, 25);

      ellipse (700, 450, 175, 25);

      ellipse (75, 500, 100, 15);

      ellipse (725, 500, 100, 15);

// HEAD

     fill (255, 180, 40);

      arc (x1-75, y1+35, 100, 75, HALF_PI, PI);

      arc (x1+115, y1+35, 100, 75, PI+PI, PI+PI+HALF_PI);

      beginShape ();

        vertex (x1-105, y1);

        vertex (x1+145, y1);

        vertex (x1+145, y1+75);

        vertex (x1+80, y1+125);

        vertex (x1+70, y1+130);

        vertex (x1+40, y1+215);

        vertex (x1, y1+215);

        vertex (x1-30, y1+130);

        vertex (x1-40, y1+125);

        vertex (x1-105, y1+75);

        vertex (x1-105, y1);

      endShape ();  

// EARS

     fill (255, 200, 100);

     stroke (255, 180, 40);

      arc (x1-55, y1+10, 100, 310, PI, PI+HALF_PI, PIE);

     fill (145, 80, 10);

      triangle (x1-55, y1-160, x1, y1, x1-55, y1+10);

     fill (255, 200, 100);

      arc (x1+95, y1+10, 100, 310, PI+HALF_PI, PI+PI, PIE);

     fill (145, 80, 10);

      triangle (x1+95, y1-160, x1+40, y1, x1+95, y1+10);

     fill (75, 25, 0);

      arc (x1-70, y1+5, 50, 220, PI, PI+HALF_PI, PIE);

      arc (x1+110, y1+5, 50, 220, PI+HALF_PI, PI+PI, PIE);

// CHEEKS    

     fill (255, 200, 100);

     stroke (255, 200, 100);

      beginShape ();

        curveVertex (x1-410, y1+550);

        curveVertex (x1-105, y1+75);

        curveVertex (x1, y1+215);

        curveVertex (x1-90, y1+100);

        curveVertex (x1-350, y1+70);

      endShape ();

      beginShape ();

        curveVertex (x1+450, y1+550);

        curveVertex (x1+145, y1+75);

        curveVertex (x1+40, y1+215);

        curveVertex (x1+130, y1+100);

        curveVertex (x1+390, y1+70);

      endShape ();

      arc (x1-85, y1+65, 100, 75, HALF_PI, PI, PIE);

      arc (x1+125, y1+65, 100, 75, PI+PI, PI+PI+HALF_PI, PIE);

// NOSE

     fill (255, 200, 100);

      quad (x1-15, y1+170, x1+55, y1+170, x1+40, y1+215, x1, y1+215);

      ellipse (x1+20, y1+170, 70, 20);

     fill (75, 25, 0);

      triangle (x1+5, y1+190, x1+35, y1+190, x1+20, y1+200);

// EYES

     fill (75, 25, 0);

      ellipse (x1-40, y1+75, 75, 35);

      ellipse (x1+80, y1+75, 75, 35);

     fill (255, 245, 80);

      ellipse (x1-40, y1+80, 50, 15);

      ellipse (x1+80, y1+80, 50, 15);

// PUPILS

     fill (75, 25, 0);

     noStroke ();

      ellipse (eye_x1, eye_y1, 10, 20);

      ellipse (eye_x1+120, eye_y1, 10, 20); }

​

​

if (option == 2){ 

/// SURPRISED EXPRESSION

// TAIL

     fill (255, 125, 50);

      beginShape ();

       curveVertex (725, 25);

       curveVertex (400, 175);

       curveVertex (400, 450);

       curveVertex (1175, 450);

      endShape ();

      beginShape ();

       curveVertex (175, 25);

       curveVertex (400, 175);

       curveVertex (400, 450);

       curveVertex (-325, 450);

      endShape ();

     fill (255, 165, 60); 

      triangle (400, 200, 425, 250, 370, 250);

     fill (255, 125, 50);

      ellipse (400, 280, 85, 85);

// BODY

     fill (255, 160, 35);

      ellipse (400, 550, 300, 400);

     fill (255, 180, 55);

      ellipse (400, 700, 185, 75);

     fill (255, 180, 75);

      ellipse (400, 440, 175, 200);

     fill (255, 135, 50);

      ellipse (400, 650, 75, 200);

// FOLIAGE      

     fill (0, 85, 30);

      ellipse (400, 700, 50, 200);

      rect (0, 700, 800, 100);

     fill (50, 135, 70, 75);

      ellipse (400, 0, 800, 225);

      ellipse (200, 100, 350, 125);

      ellipse (600, 100, 350, 125);

      ellipse (175, 200, 300, 75);

      ellipse (625, 200, 300, 75);

      ellipse (125, 300, 450, 150);

      ellipse (675, 300, 450, 150);

      ellipse (150, 400, 275, 50);

      ellipse (650, 400, 275, 50);

      ellipse (100, 450, 175, 25);

      ellipse (700, 450, 175, 25);

      ellipse (75, 500, 100, 15);

      ellipse (725, 500, 100, 15);

// HEAD

     fill (255, 180, 40);

      arc (x2-75, y2+35, 100, 75, HALF_PI, PI);

      arc (x2+115, y2+35, 100, 75, PI+PI, PI+PI+HALF_PI);

      beginShape ();

        vertex (x2-105, y2);

        vertex (x2+145, y2);

        vertex (x2+145, y2+75);

        vertex (x2+80, y2+125);

        vertex (x2+70, y2+130);

        vertex (x2+40, y2+215);

        vertex (x2, y2+215);

        vertex (x2-30, y2+130);

        vertex (x2-40, y2+125);

        vertex (x2-105, y2+75);

        vertex (x2-105, y2);

      endShape ();  

// EARS

     fill (145, 80, 10);

     stroke (255, 180, 40);

      quad (x2+95, y2-160, x2+40, y2, x2+70, y2+10, x2+145, y2+10);

      quad (x2-55, y2-160, x2, y2, x2-30, y2+10, x2-105, y2+10);

      arc (x2-55, y2+10, 100, 310, PI, PI+HALF_PI, PIE);

      arc (x2-56, y2+10, 50, 310, PI+HALF_PI, PI+PI, PIE);

      arc (x2+95, y2+10, 100, 310, PI+HALF_PI, PI+PI, PIE);

      arc (x2+96, y2+10, 50, 310, PI, PI+HALF_PI, PIE);

     fill (255, 200, 100);

     noStroke ();

      arc (x2+95, y2+10, 100, 310, PI+HALF_PI, PI+PI, PIE);

      arc (x2+96, y2+10, 50, 310, PI, PI+HALF_PI, PIE);

      arc (x2-55, y2+10, 100, 310, PI, PI+HALF_PI, PIE);

      arc (x2-56, y2+10, 50, 310, PI+HALF_PI, PI+PI, PIE);

     fill (75, 25, 0);

      arc (x2-60, y2+5, 70, 250, PI, PI+HALF_PI, PIE);

      arc (x2-61, y2+5, 25, 250, PI+HALF_PI, PI+PI, PIE);

      arc (x2+100, y2+5, 70, 250, PI+HALF_PI, PI+PI, PIE);

      arc (x2+101, y2+5, 25, 250, PI, PI+HALF_PI, PIE);

// CHEEKS    

     fill (255, 200, 100);

     stroke (255, 200, 100);

      beginShape ();

        curveVertex (x2-410, y2+550);

        curveVertex (x2-105, y2+75);

        curveVertex (x2, y2+215);

        curveVertex (x2-90, y2+100);

        curveVertex (x2-350, y2+70);

      endShape ();

      beginShape ();

        curveVertex (x2+450, y2+550);

        curveVertex (x2+145, y2+75);

        curveVertex (x2+40, y2+215);

        curveVertex (x2+130, y2+100);

        curveVertex (x2+390, y2+70);

      endShape ();

      arc (x2-85, y2+65, 100, 75, HALF_PI, PI, PIE);

      arc (x2+125, y2+65, 100, 75, PI+PI, PI+PI+HALF_PI, PIE);

// NOSE

     fill (255, 200, 100);

      quad (x2-15, y2+170, x2+55, y2+170, x2+40, y2+215, x2, y2+215);

      ellipse (x2+20, y2+170, 70, 20);

     fill (75, 25, 0);

      triangle (x2+5, y2+190, x2+35, y2+190, x2+20, y2+200);

// EYES

    fill (75, 25, 0);

      ellipse (x2-40, y2+65, 60, 75);

      ellipse (x2+80, y2+65, 60, 75);

     fill (255, 245, 80);

      ellipse (x2-40, y2+70, 50, 55);

      ellipse (x2+80, y2+70, 50, 55);

// PUPILS

     fill (75, 25, 0);

     noStroke ();

      ellipse (eye_x2, eye_y2, 10, 20);

      ellipse (eye_x2+120, eye_y2, 10, 20); }

if (option == 3){ 

/// SAD EXPRESSION

// TAIL

    fill (255, 125, 50);

     beginShape ();

       curveVertex (425, 1425);

       curveVertex (450, 600);

       curveVertex (675, 675);

       curveVertex (700, 1375);

      endShape ();

      beginShape ();

       curveVertex (775, 424);

       curveVertex (675, 674);

       curveVertex (450, 599);

       curveVertex (700, 199);

      endShape ();

     fill (255, 165, 60); 

      triangle (625, 605, 660, 670, 600, 670);

     fill (255, 125, 50);

      ellipse (590, 630, 85, 85);

// BODY

     fill (255, 160, 35);

      ellipse (400, 550, 300, 400);

     fill (255, 180, 55);

      ellipse (400, 700, 185, 75);

     fill (255, 180, 75);

      ellipse (400, 440, 175, 200);

     fill (255, 135, 50);

      ellipse (400, 650, 75, 200);

// FOLIAGE      

     fill (0, 85, 30);

      ellipse (400, 700, 50, 200);

      rect (0, 700, 800, 100);

     fill (50, 135, 70, 75);

      ellipse (400, 0, 800, 225);

      ellipse (200, 100, 350, 125);

      ellipse (600, 100, 350, 125);

      ellipse (175, 200, 300, 75);

      ellipse (625, 200, 300, 75);

      ellipse (125, 300, 450, 150);

      ellipse (675, 300, 450, 150);

      ellipse (150, 400, 275, 50);

      ellipse (650, 400, 275, 50);

      ellipse (100, 450, 175, 25);

      ellipse (700, 450, 175, 25);

      ellipse (75, 500, 100, 15);

      ellipse (725, 500, 100, 15);

// HEAD

     fill (255, 180, 40);

      arc (x3-75, y3+35, 100, 75, HALF_PI, PI);

      arc (x3+115, y3+35, 100, 75, PI+PI, PI+PI+HALF_PI);

      beginShape ();

        vertex (x3-105, y3);

        vertex (x3+145, y3);

        vertex (x3+145, y3+75);

        vertex (x3+80, y3+125);

        vertex (x3+70, y3+130);

        vertex (x3+40, y3+215);

        vertex (x3, y3+215);

        vertex (x3-30, y3+130);

        vertex (x3-40, y3+125);

        vertex (x3-105, y3+75);

        vertex (x3-105, y3);

      endShape ();  

// EARS

     fill (255, 200, 100);

     stroke (255, 180, 40);

      arc (x3-55, y3+10, 100, 310, PI, PI+QUARTER_PI+.5, PIE);

      arc (x3+95, y3+10, 100, 310, PI+HALF_PI+QUARTER_PI-.5, PI+PI, PIE);

     fill (75, 25, 0);

      arc (x3-70, y3+5, 50, 220, PI, PI+QUARTER_PI+.5, PIE);

      arc (x3+110, y3+5, 50, 220, PI+HALF_PI+QUARTER_PI-.5, PI+PI, PIE);

     fill (145, 80, 10);

      triangle (x3-95, y3-120, x3, y3, x3-60, y3+10);

      triangle (x3+135, y3-120, x3+40, y3, x3+95, y3+10);

// CHEEKS    

     fill (255, 200, 100);

     stroke (255, 200, 100);

      beginShape ();

        curveVertex (x3-410, y3+550);

        curveVertex (x3-105, y3+75);

        curveVertex (x3, y3+215);

        curveVertex (x3-90, y3+100);

        curveVertex (x3-350, y3+70);

      endShape ();

      beginShape ();

        curveVertex (x3+450, y3+550);

        curveVertex (x3+145, y3+75);

        curveVertex (x3+40, y3+215);

        curveVertex (x3+130, y3+100);

        curveVertex (x3+390, y3+70);

      endShape ();

      arc (x3-85, y3+65, 100, 75, HALF_PI, PI, PIE);

      arc (x3+125, y3+65, 100, 75, PI+PI, PI+PI+HALF_PI, PIE);

// NOSE

     fill (255, 200, 100);

      quad (x3-15, y3+170, x3+55, y3+170, x3+40, y3+215, x3, y3+215);

      ellipse (x3+20, y3+170, 70, 20);

     fill (75, 25, 0);

      triangle (x3+5, y3+190, x3+35, y3+190, x3+20, y3+200);

// EYES

    fill (75, 25, 0);

      ellipse (x3-40, y3+75, 75, 60);

      ellipse (x3+80, y3+75, 75, 60);

     fill (255, 245, 80);

      ellipse (x3-40, y3+80, 60, 35);

      ellipse (x3+80, y3+80, 60, 35);

     fill (75, 25, 0);

     noStroke ();

      ellipse (x3-40, y3+70, 70, 20);

      ellipse (x3+80, y3+70, 70, 20);

     fill (255, 180, 40);

      ellipse (x3-45, y3+55, 75, 30);

      ellipse (x3+85, y3+55, 75, 30);

// PUPILS

     fill (75, 25, 0);

     noStroke ();

      ellipse (eye_x3, eye_y3, 10, 20);

      ellipse (eye_x3+120, eye_y3, 10, 20);}

if (option == 4){

/// HAPPY EXPRESSION

// TAIL

    fill (255, 125, 50);

     beginShape ();

       curveVertex (800, 1275);

       curveVertex (425, 575);

       curveVertex (625, 300);

       curveVertex (1175, 725);

      endShape ();

      beginShape ();

       curveVertex (1000, -350);

       curveVertex (400, 550);

       curveVertex (625, 300);

       curveVertex (925, -925);

      endShape ();

     fill (255, 165, 60); 

      triangle (585, 360, 615, 305, 550, 315);

     fill (255, 125, 50);

      ellipse (550, 350, 70, 70); 

// BODY

     fill (255, 160, 35);

      ellipse (400, 550, 300, 400);

     fill (255, 180, 55);

      ellipse (400, 700, 185, 75);

     fill (255, 180, 75);

      ellipse (400, 440, 175, 200);

     fill (255, 135, 50);

      ellipse (400, 650, 75, 200);

// FOLIAGE      

     fill (0, 85, 30);

      ellipse (400, 700, 50, 200);

      rect (0, 700, 800, 100);

     fill (50, 135, 70, 75);

      ellipse (400, 0, 800, 225);

      ellipse (200, 100, 350, 125);

      ellipse (600, 100, 350, 125);

      ellipse (175, 200, 300, 75);

      ellipse (625, 200, 300, 75);

      ellipse (125, 300, 450, 150);

      ellipse (675, 300, 450, 150);

      ellipse (150, 400, 275, 50);

      ellipse (650, 400, 275, 50);

      ellipse (100, 450, 175, 25);

      ellipse (700, 450, 175, 25);

      ellipse (75, 500, 100, 15);

      ellipse (725, 500, 100, 15);

// HEAD

     fill (255, 180, 40);

      arc (x4-75, y4+35, 100, 75, HALF_PI, PI);

      arc (x4+115, y4+35, 100, 75, PI+PI, PI+PI+HALF_PI);

      beginShape ();

        vertex (x4-105, y4);

        vertex (x4+145, y4);

        vertex (x4+145, y4+75);

        vertex (x4+80, y4+125);

        vertex (x4+70, y4+130);

        vertex (x4+40, y4+215);

        vertex (x4, y4+215);

        vertex (x4-30, y4+130);

        vertex (x4-40, y4+125);

        vertex (x4-105, y4+75);

        vertex (x4-105, y4);

      endShape ();  

// EARS

     fill (145, 80, 10);

     stroke (255, 180, 40);

      quad (x4+95, y4-160, x4+40, y4, x4+70, y4+10, x4+145, y4+10);

      quad (x4-55, y4-160, x4, y4, x4-30, y4+10, x4-105, y4+10);

      arc (x4-55, y4+10, 100, 310, PI, PI+HALF_PI, PIE);

      arc (x4-56, y4+10, 50, 310, PI+HALF_PI, PI+PI, PIE);

      arc (x4+95, y4+10, 100, 310, PI+HALF_PI, PI+PI, PIE);

      arc (x4+96, y4+10, 50, 310, PI, PI+HALF_PI, PIE);

     fill (255, 200, 100);

     noStroke ();

      arc (x4+95, y4+10, 100, 310, PI+HALF_PI, PI+PI, PIE);

      arc (x4+96, y4+10, 50, 310, PI, PI+HALF_PI, PIE);

      arc (x4-55, y4+10, 100, 310, PI, PI+HALF_PI, PIE);

      arc (x4-56, y4+10, 50, 310, PI+HALF_PI, PI+PI, PIE);

     fill (75, 25, 0);

      arc (x4-60, y4+5, 70, 250, PI, PI+HALF_PI, PIE);

      arc (x4-61, y4+5, 25, 250, PI+HALF_PI, PI+PI, PIE);

      arc (x4+100, y4+5, 70, 250, PI+HALF_PI, PI+PI, PIE);

      arc (x4+101, y4+5, 25, 250, PI, PI+HALF_PI, PIE);

// CHEEKS    

     fill (255, 200, 100);

     stroke (255, 200, 100);

      beginShape ();

        curveVertex (x4-410, y4+550);

        curveVertex (x4-105, y4+75);

        curveVertex (x4, y4+215);

        curveVertex (x4-90, y4+100);

        curveVertex (x4-350, y4+70);

      endShape ();

      beginShape ();

        curveVertex (x4+450, y4+550);

        curveVertex (x4+145, y4+75);

        curveVertex (x4+40, y4+215);

        curveVertex (x4+130, y4+100);

        curveVertex (x4+390, y4+70);

      endShape ();

      arc (x4-85, y4+65, 100, 75, HALF_PI, PI, PIE);

      arc (x4+125, y4+65, 100, 75, PI+PI, PI+PI+HALF_PI, PIE);

// NOSE

     fill (255, 200, 100);

      quad (x4-15, y4+170, x4+55, y4+170, x4+40, y4+215, x4, y4+215);

      ellipse (x4+20, y4+170, 70, 20);

     fill (75, 25, 0);

      triangle (x4+5, y4+190, x4+35, y4+190, x4+20, y4+200);

// EYES

     fill (75, 25, 0);

      ellipse (x4-35, y4+65, 65, 35);

      ellipse (x4+75, y4+65, 65, 35);

     fill (255, 180, 40);

     noStroke ();

      ellipse (x4-33, y4+70, 50, 30);

      ellipse (x4+73, y4+70, 50, 30); }

​

}

​

function mousePressed () {

  option++;

  /// ^^^ same as righting option = option+1, bringint it to the next option

  if (option > 4){

    option = 1; }

    /// ^^^ allows the options to revert back to the first option 

    ///     after arriving at the last, creating a loop! (reversal)

}