//Rat

​

let Rat;

​

function preload() {

  Rat = loadImage("Rat.jpg");

}

​

/*

Grey 43,38,37

Whitish 251,251,251

White 255

Black 0

Cream 244,234,230

Dark Ear 158,102,81

Ear 236,204,192

Tail 187,158,98

Hands/Feet 251,230,248

shadow 210,214,216

*/

​

function setup() {

  createCanvas(1000, 620);

  background(100);

  angleMode(DEGREES);

  strokeWeight(0);

 // image(Rat, 0, 0);

}

​

function draw() {

​

  //push();

  mouse(color('#03A9F4'),0,0,.5,.5); 

  //pop();

  //push();

  mouse(color('#F642DA'),0,300, .5, .5);

  //pop();

  //push();

  mouse(color('#F4ED03'),0,300,1,1);

  //pop();

//   //push();

//   mouse(200,12,99,0,-500,.5,.5);

//   //pop();

//   //push();

//   mouse(143,200,120,6000,300,.5,.5);

//   //pop();

}

​

function mouse(tailFill, posX, posY, scaleX, scaleY) {

​

  translate(posX, posY);

​

  scale(scaleX, scaleY);

  push(); //back ear

  fill(236, 204, 192);

  quad(711, 77, 731, 78, 740, 120, 695, 120);

  pop();

​

  push(); //back ear

  fill(236, 204, 192);

  quad(711, 90, 731, 78, 740, 120, 680, 125);

  pop();

​

  push(); //back ear

  fill(236, 204, 192);

  ellipse(721, 78, 20, 20);

  pop();

​

  push(); //back ear

  translate(717, 60);

  rotate(88);

  fill(236, 204, 192);

  rect(0, 0, 20, 6, 4);

  pop();

​

  push(); //back ear

  translate(715, 58);

  rotate(45);

  fill(236, 204, 192);

  rect(0, 0, 19, 6, 4);

  pop();

​

  push(); //front foot

  fill(251, 230, 248);

  quad(340, 480, 400, 480, 419, 522, 370, 525);

  pop();

​

  push(); //front foot

  fill(251, 230, 248);

  quad(370, 525, 418, 520, 510, 542, 515, 552);

  pop();

​

  push(); //front foot

  fill(251, 230, 248);

  quad(400, 530, 450, 535, 462, 550, 415, 545);

  pop();

​

  push(); //front foot

  fill(251, 230, 248);

  quad(448, 534, 508, 545, 508, 550, 456, 550);

  pop();

​

  push(); //front foot

  fill(251, 230, 248);

  quad(470, 535, 490, 525, 525, 528, 510, 545);

  pop();

​

  push(); //front foot

  fill(251, 230, 248);

  triangle(510, 535, 525, 545, 500, 548);

  pop();

​

  push(); //back foot

  fill(251, 230, 248);

  translate(500, 483);

  rotate(5);

  rect(0, 0, 110, 11);

  pop();

​

  push(); //back foot

  fill(251, 230, 248);

  translate(500, 471);

  rotate(10);

  rect(0, 0, 110, 11);

  pop();

​

  push(); //back foot

  fill(251, 230, 248);

  translate(556, 481);

  rotate(-4);

  rect(0, 0, 35, 11);

  pop();

​

  push(); //back foot

  fill(251, 230, 248);

  translate(544, 486);

  rotate(20);

  rect(0, 0, 35, 11);

  pop();

​

  push(); //back hand

  fill(210, 214, 216);

  quad(660, 390, 715, 340, 723, 395, 695, 418);

  pop();

​

  push(); //back hand

  fill(251, 230, 248);

  quad(693, 418, 700, 410, 723, 395, 727, 408);

  pop();

​

  push(); // back hand

  fill(251, 230, 248);

  translate(713, 399);

  rotate(25);

  rect(0, 0, 40, 20, 10);

  pop();

​

  push(); // back hand

  fill(251, 230, 248);

  translate(747, 412);

  rotate(83);

  rect(0, 0, 35, 20, 10);

  pop();

​

  push(); //back hand

  fill(251, 230, 248);

  translate(697, 413.5);

  rotate(31);

  rect(0, 0, 50, 5);

  pop();

​

  push(); //back hand

  fill(251, 230, 248);

  translate(703, 411);

  rotate(31);

  rect(0, 0, 50, 10);

  pop();

​

  push(); //back hand

  fill(251, 230, 248);

  translate(709, 411);

  rotate(70);

  rect(0, 0, 28, 10, 4);

  pop();

​

  push(); //back hand

  fill(251, 230, 248);

  quad(728, 410, 749, 440, 743, 460, 715, 448);

  pop();

​

  push(); //back hand

  fill(251, 230, 248);

  quad(728, 410, 743, 460, 730, 465, 725, 460);

  pop();

​

  push(); //Tail

  fill(tailFill);

  beginShape();

  curveVertex(270,495);

  curveVertex(185,494);

  curveVertex(110,515);

  curveVertex(112,520);

  curveVertex(250,580);

  curveVertex(500,560);

  curveVertex(550,559);

  curveVertex(550,560);

  curveVertex(500,580);

  curveVertex(250,610);

  curveVertex(30,540);

  curveVertex(20,500);

  curveVertex(150,450);

  curveVertex(280,445);

  endShape(CLOSE);

  pop();

  push();

  fill(210, 214, 216);

  rotate(-8);

  translate(320, 470);

  rect(0, 0, 110, 90, 10);

  pop();

​

  push();

  fill(210, 214, 216);

  translate(446, 421);

  rotate(-30);

  rect(0, 0, 40, 90, 10);

  pop();

​

  push();

  fill(210, 214, 216);

  translate(456, 418);

  rotate(-40);

  rect(0, 0, 80, 90, 10);

  pop();

​

  push(); //back

  point(395, 137);

  point(480, 90);

  point(575, 140);

​

  fill(67, 70, 72);

  beginShape();

  vertex(395, 140);

  quadraticVertex(480, 90, 575, 137);

  endShape();

  pop();

​

  push();

  fill(244, 234, 230);

  translate(746, 255);

  rotate(114);

  rect(0, 0, 150, 20, 10);

  pop();

​

  push();

  fill(244, 234, 230);

  translate(510, 360);

  rotate(45);

  rect(0, 0, 120, 30);

  pop();

​

  push();

  fill(244, 234, 230);

  translate(510, 385);

  rotate(30);

  rect(0, 0, 120, 30);

  pop();

​

  push();

  fill(244, 234, 230);

  translate(692, 380);

  rotate(125);

  rect(0, 0, 150, 20, 10);

  pop();

​

  push();

  fill(244, 234, 230);

  beginShape();

  curveVertex(535, 400);

  curveVertex(585, 300);

  curveVertex(660, 400);

  curveVertex(650, 450);

  curveVertex(640, 510);

  curveVertex(605, 520);

  curveVertex(585, 490);

  endShape(CLOSE);

  pop();

​

  push(); //body

  fill(67, 70, 72);

  quad(500, 126, 625, 143, 750, 275, 530, 425);

  pop();

​

  push(); //neck

  fill(67, 70, 72);

  translate(625, 138);

  rotate(-16);

  rect(0, 0, 109, 168, 10);

  pop();

​

  push(); //head

  fill(67, 70, 72);

  translate(725, 105);

  rotate(13);

  rect(0, 0, 70, 150, 10);

  pop();

  push(); //chest

  fill(67, 70, 72);

  translate(696, 205);

  rotate(33);

  rect(0, 0, 70, 150, 10);

  pop();

​

  push();

  fill(67, 70, 72);

  beginShape();

  curveVertex(705, 315);

  curveVertex(720, 200);

  curveVertex(760, 200);

  curveVertex(754, 255);

  endShape(CLOSE);

  pop();

​

  push();

  fill(67, 70, 72);

  translate(780, 116);

  rotate(24);

  rect(0, 0, 100, 30, 10);

  pop();

​

  push();

  fill(67, 70, 72);

  translate(780, 122);

  rotate(20);

  rect(0, 0, 110, 30, 10);

  pop();

​

  push();

  fill(67, 70, 72);

  translate(854, 152);

  rotate(8);

  rect(0, 0, 30, 65, 10);

  pop();

​

  push();

  fill(67, 70, 72);

  translate(822, 182);

  rotate(8);

  rect(0, 0, 30, 65, 10);

  pop();

  push();

  fill(67, 70, 72);

  translate(810, 212);

  rotate(-20);

  rect(0, 0, 60, 30, 10);

  pop();

​

  push();

  fill(67, 70, 72);

  translate(815.5, 246);

  rotate(-20);

  ellipse(0, 0, 60, 30);

  pop();

​

  push();

  fill(67, 70, 72);

  translate(725, 252);

  rotate(-13);

  rect(0, 0, 80, 30, 10);

  pop();

​

  push();

  fill(67, 70, 72);

  quad(725, 115, 870, 165, 830, 240, 725, 280);

  pop();

​

  push();

  fill(67, 70, 72);

  quad(743, 265, 758, 265, 718, 345, 700, 357);

  pop();

​

  push();

  fill(67, 70, 72);

  beginShape();

  curveVertex(540, 360);

  curveVertex(600, 410);

  curveVertex(650, 408);

  curveVertex(677, 340);

  endShape(CLOSE);

  pop();

​

  push();

  fill(67, 70, 72);

  translate(600, 405);

  rotate(15);

  rect(0, 0, 20, 20, 4);

  pop();

​

  push();

  fill(67, 70, 72);

  translate(625, 395.5);

  rotate(55);

  rect(0, 0, 20, 30, 4);

  pop();

​

  push(); //eye

  fill(0);

  ellipse(750, 160, 30, 30);

​

  fill(255);

  translate(744, 160);

  rotate(-8);

  rect(0, 0, 4, 4, 1);

  pop();

  push();

  fill(67, 70, 72);

  translate(733, 106);

  rotate(74);

  rect(0, 0, 10, 85, 5);

  pop();

​

  push(); //left ear

  fill(236, 204, 192);

  beginShape();

  curveVertex(608, 140);

  curveVertex(612, 127);

  curveVertex(640, 114);

  curveVertex(670, 136);

  curveVertex(677, 155);

  curveVertex(678, 175);

  curveVertex(660, 208);

  curveVertex(650, 215);

  curveVertex(625, 180);

  curveVertex(610, 160);

  endShape(CLOSE);

  pop();

​

  push(); //left ear

  fill(251, 230, 248);

  beginShape();

  curveVertex(640, 116);

  curveVertex(665, 136);

  curveVertex(675, 155);

  curveVertex(675, 175);

  curveVertex(660, 200);

  curveVertex(645, 205);

  curveVertex(635, 180);

  curveVertex(650, 160);

  endShape(CLOSE);

  pop();

​

  push(); //nose

  fill(251, 230, 248);

  beginShape();

  curveVertex(860, 172);

  curveVertex(865, 169);

  curveVertex(875, 168);

  curveVertex(875, 188);

  curveVertex(860, 190);

  endShape(CLOSE);

  pop();

​

  push();

  fill(158, 102, 81);

  beginShape();

  curveVertex(640, 160);

  curveVertex(650, 158);

  curveVertex(670, 170);

  curveVertex(655, 200);

  curveVertex(652, 185);

  curveVertex(638, 170);

  endShape(CLOSE);

​

  push();

  fill(244, 234, 230);

  beginShape();

  curveVertex(270, 500);

  curveVertex(260, 470);

  curveVertex(250, 430);

  curveVertex(285, 300);

  curveVertex(377, 150);

  curveVertex(510, 145);

  curveVertex(525, 340);

  curveVertex(585, 390);

  curveVertex(500, 410);

  curveVertex(400, 510);

  endShape(CLOSE);

  pop;

​

  push();

  fill(244, 234, 230);

  quad(500, 350, 580, 390, 580, 440, 500, 415);

  pop;

​

  push();

  fill(67, 70, 72);

  translate(570, 380);

  rotate(40);

  ellipse(0, 0, 105, 20);

  pop();

​

  push();

  fill(244, 234, 230);

  quad(600, 516, 643, 480, 659, 540, 640, 560);

  pop();

​

  push();

  fill(251, 230, 248);

  quad(635, 550, 650, 525, 666, 550, 641, 580);

  pop();

​

  push();

  fill(251, 230, 248);

  quad(642, 578, 666, 550, 676, 590, 640, 590);

  pop();

​

  push();

  fill(251, 230, 248);

  quad(670, 582, 704, 590, 695, 598, 640, 590);

  pop();

​

  push();

  fill(251, 230, 248);

  quad(670, 582, 704, 590, 695, 598, 640, 590);

  pop();

}

​