​

function setup() {

  createCanvas(400, 400);

  colorus= (255, 60, 104);

  mouthWidth = 20;

}

​

function draw() {

  background('#fae');

    textSize(29.5);

  var s = 'The FitnessGram Pacer Test is a multistage aerobic capacity test that progressively gets more difficult as it continues. The 20 meter pacer test will begin in 30 seconds. Line up at the start. The running speed starts slowly but gets faster each minute after you hear this signal bodeboop. A sing lap should be completed every time you hear this sound. ding Remember to run in a straight line and run as long as possible. The second time you fail to complete a lap before the sound, your test is over. The test will begin on the word start. On your mark. Get ready!… Start.'

  fill(255, 249, 255);

  text(s, 10, 10, 700, 800);

  fill (51, 204, 204);

  noStroke();

  ellipse(260, 400, 400, 500);

  fill (255, 255, 0);

  noStroke();

  triangle(70, 130, 30, 30, 145, 55);//left horn

  fill (255, 255, 0);

  noStroke();

  triangle(375, 45, 280, 210, 50, 55);//right horn

  fill (0, 153, 204);

  noStroke();

  ellipse(220, 240, 230, 300);//neck shadow

  fill(102, 255, 204);

  noStroke();

  ellipse (200, 150, 275, 250);//cranium

  fill (102, 255, 204);

  noStroke();

  ellipse (200, 250, 200, 250);//lower half of face

  fill(51, 204, 204);

  noStroke();

  ellipse (202, 115, 100, 110);

  ellipse (128, 178, 75, 60);

  ellipse (278, 178, 75, 60);//eyebags

  fill(255, 255, 153);

  noStroke();

  ellipse (200, 110, 100, 110);

  ellipse (125, 175, 75, 60);

  ellipse (275, 175, 75, 60);//eyes

​

  var m = map(mouseX, 0, width, 125 - 18.75, 125 - 18.75 + 37.5, true);

  fill(255, 0, 102);

  noStroke(0);

  ellipse(200, 110, 50, 65);

  ellipse (m, 175, 37.5, 30);

  ellipse (m + 150, 175, 37.5, 30);//red pupils

  fill (0);

  noStroke()

  rect(205, 200, 5, 30);

  rect(190, 200, 5, 30);//nostrils

​

  fill (102, 0, 255);

  noStroke();

  ellipse(200, 300, mouthWidth, 115);//mouth

  fill(102, 255, 204);

  noStroke();

  triangle(400, 400, 400, 700, 350, 300);//most right finger

  fill(102, 255, 204);

  noStroke();

  triangle(400, 400, 400, 700, 350, 300);//most right finger

  fill(102, 255, 204);

  noStroke();

  triangle(400, 400, 400, 450, 300, 310);//second right finger

  fill(102, 255, 204);

  noStroke();

  triangle(350, 400, 350, 400, 550, 400);//second right finger

  fill(102, 255, 204);

  noStroke();

  triangle(50, 320, 280, 600, 130, 500);//left finger

  fill(102, 255, 204);

  noStroke();

  triangle(75, 320, 280, 600, 130, 500);//left finger

}

​

function mouseMoved() {

  if ((mouseX > 0) && (mouseX < 200) && (mouthWidth < 100) && (mouseY >0) && (mouseY < height) ) 

  { 

    mouthWidth = mouthWidth + 5 }

  if ((mouseX > 200) && (mouseX < width) && (mouthWidth > 20)){

    mouthWidth = mouthWidth - 5 }

​

​

}

​