var tMove2

var tMove3 

var tMove4

var tMove5

var tMove6

var tMove7

var tMove8

​

var triMove

var triMove2

var triMove3

​

​

var arcMove 

var lineMove 

var lineMove2 

​

var ellipseMove 

var ellipseMove2 

var rectMove 

​

function setup() {

  createCanvas(420,430);

}

​

function draw() {

  background(255,232,165);

  noStroke();

  fill(181,216,235);

  rect (10,10,400,410);

  //Label

  stroke(255);

  strokeWeight(0);

  fill(255);

  textSize(25);

  textStyle(BOLD);

  textFont('Courier New');

  text('SCOTTIE',163,393);

  //ear

  tMove = map(mouseY,225,300,30,50,true);

  tMove2 = map(mouseY,225,300,145,120,true);

  tMove3 = map(mouseY,225,300,275,300,true);

  stroke(71,93,106);

  strokeWeight(0);

  fill(53,69,79)

  triangle(tMove2,tMove,198,80,161,150);

  triangle(tMove3,tMove,225,80,262,150);

  tMove4 = map(mouseY,225,300,55,70,true);

  tMove5 = map(mouseY,225,300,155,140,true);

  tMove6 = map(mouseY,225,300,265,280,true);

  tMove7 = map(mouseY,225,300,180,168,true)

  tMove8 = map(mouseY,225,300,240,250,true)

  stroke(235,91,114);

  strokeWeight(0);

  fill(235,91,114)

  triangle(tMove5,tMove4,tMove7,81,170,130);

  triangle(tMove6,tMove4,tMove8,81,255,130);

  //Body

  stroke(71,93,106);

  strokeWeight(0);

  fill(71,93,106);

  rect(136,250,155,100,100,100,0,0);

  //paw1

  fill(53,69,79);

  ellipse(144,338,57,35);

  ellipse(123,345,20,30);

  ellipse(140,345,20,30);

  ellipse(155,345,20,30);

  triangle(160,350,160,324,200,350);

  //paw2

  ellipse(238,336,57,35);

  ellipse(216,345,20,30);

  ellipse(233,345,20,30);

  ellipse(250,345,20,30);

    triangle(284,350,260,324,250,350);

  //shadow

  stroke(61,81,92);

  strokeWeight(0);

  fill(61,81,92);

  triangle(160,250,240,300,265,250);

  //Scarf

  triMove = map(mouseY,225,300,165,180,true);

  triMove2 = map(mouseY,225,300,265,270,true);

  triMove3 = map(mouseY,225,300,190,185,true);

  fill(159,17,27);

  triangle(triMove,250,210,310,triMove2,250);

​

  fill(177,22,35);

  triangle(165,250,triMove3,300,triMove2,250);

  //face

  stroke(71,93,106);

  strokeWeight(0);

  fill(71,93,106);

    beginShape();

    vertex(168,80);

        vertex(250,80);

        vertex(270,130);

        vertex(268,160);

    vertex(280,255);

    vertex(150,255);

    vertex(155,160);

    vertex(150,130);

        endShape(CLOSE);

    stroke(61,81,92);

    strokeWeight(0);

    fill(61,81,92);

    quad(190,150,200,200,233,200,240,150);

    //Side

    stroke(71,93,106);

    strokeWeight(0);

    fill(71,93,106);

    quad(155,180,130,210,115,237,150,240);

    quad(270,180,300,210,315,237,272,240);

    //Side

    stroke(61,81,92);

    strokeWeight(0);

    fill(61,81,92);

    quad(170,180,130,230,135,265,160,255);

    quad(260,180,300,230,300,265,273,255);

​

  //nose and mouth

  arcMove = map(mouseY,225,300,241,220,true);

  lineMove = map(mouseY,225,300,243,230,true);

  lineMove2 = map(mouseY,225,300,251,240,true);

  stroke(0);

  strokeWeight(0);

  fill(244,166,169);

  arc(218,arcMove,35,36,0,PI,CHORD);

  stroke(205,84,103);

  strokeWeight(2);

  line(218,lineMove,218,lineMove2);

  stroke(71,93,106);

  strokeWeight(0);

  fill(71,93,106);

  rect(193,201,51,40);

  stroke(0);

  strokeWeight(0);

  fill(0);

  triangle(200,200,234,200,218,225);

  stroke(0);

  strokeWeight(4);

    line(218,208,218,240);

  stroke(0);

  strokeWeight(4);

    line(195,243,220,240);

  line(218,240,242,242);

  //eyes

  strokeWeight(0);

  fill(53,69,79);

  ellipse(175,150,40,50);

  ellipse(247,150,40,50);

  strokeWeight(0);

  fill(119,79,56);

  ellipse(175,153,30,30);

  ellipse(247,153,30,30);

  fill(39,17,4)

  ellipse(175,156,25,25);

  ellipse(247,156,25,25);

  ellipseMove = map(mouseX,230,180,178,169,true);

  ellipseMove2 = map(mouseX,230,180,250,240,true);

  fill(255);

  ellipse(ellipseMove,150,10,10);

  ellipse(ellipseMove2,150,10,10);

  rectMove = map(mouseY,225,350,105,120,true);

  stroke(38,49,56);

  strokeWeight(0);

  fill(38,49,56);

  rect(145,rectMove,50,15,10);

  rect(224,rectMove,50,15,10);

  //Detail Fur

    stroke(0);

  strokeWeight(3);

  point(175,210);

    point(170,230);

    point(190,225);

    point(258,210);

  point(260,230);

  point(240,225);

  //Follow Bone

  push();

  translate(mouseX,mouseY);

  noStroke();

  fill(251,248,245);

  rect(0,0,60,20);

  ellipse(0,0,23,23);

  ellipse(0,20,23,23);

  ellipse(60,0,23,23);

  ellipse(60,20,23,23);

  pop();

  }