Your browser does not support the canvas tag.

previous        Show / Hide Source        Download        next
void setup(){
  //sets the screen size to 400 by 400 pixels
  size(400,400);
  //base background colour is gray
  background(60,60,60);
  //framerate is set to 60
  frameRate(60);
}

void draw(){
  frameRate(60);
  //STADIUM
  background(60,60,60);
  noStroke();
  fill(214,211,255);
  rectMode(CORNERS);
  rect(0,0,400,100);
  strokeWeight(3);
  stroke(60,60,60);
  line(0,20,400,20);
  line(0,40,400,40);
  line(0,55,400,55);
  line(0,70,400,70);
  line(0,80,400,80);
  line(0,90,400,90);
  line(0,95,400,95);
  line(20,0,20,100);
  line(40,0,40,100);
  line(60,0,60,100);
  line(80,0,80,100);
  line(100,0,100,100);
  line(120,0,120,100);
  line(140,0,140,100);
  line(160,0,160,100);
  line(180,0,180,100);
  line(200,0,200,100);
  line(220,0,220,100);
  line(240,0,240,100);
  line(260,0,260,100);
  line(280,0,280,100);
  line(300,0,300,100);
  line(320,0,320,100);
  line(340,0,340,100);
  line(360,0,360,100);
  line(380,0,380,100);
  stroke(0);
  strokeWeight(5);
  fill(255);
  rectMode(CORNERS);
  rect(0,10-mouseX*-0.01,20,90-mouseX*-0.01);  //p
  rect(0,10-mouseX*-0.01,40,50-mouseX*-0.01);
  rect(20,20-mouseX*-0.01,20,40-mouseX*-0.01);
  rect(50,10-mouseX*-0.01,90,90-mouseX*-0.01);  //u
  rect(70,10-mouseX*-0.01,70,70-mouseX*-0.01);
  rect(100,10-mouseX*-0.01,140,90-mouseX*-0.01);  //n
  rect(120,30-mouseX*-0.01,120,90-mouseX*-0.01);
  rect(150,10-mouseX*-0.01,170,90-mouseX*-0.01);  //c
  rect(150,10-mouseX*-0.01,190,30-mouseX*-0.01);
  rect(150,70-mouseX*-0.01,190,90-mouseX*-0.01);
  rect(200,10-mouseX*-0.01,240,90-mouseX*-0.01);  //h
  rect(220,10-mouseX*-0.01,220,40-mouseX*-0.01);
  rect(220,60-mouseX*-0.01,220,90-mouseX*-0.01);
  rect(250,10-mouseX*-0.01,290,90-mouseX*-0.01);  //o
  rect(270,40-mouseX*-0.01,270,60-mouseX*-0.01);
  rect(300,10-mouseX*-0.01,340,90-mouseX*-0.01);  //u
  rect(320,10-mouseX*-0.01,320,70-mouseX*-0.01);
  rect(350,10-mouseX*-0.01,400,30-mouseX*-0.01);  //t
  rect(365,10-mouseX*-0.01,385,90-mouseX*-0.01);
  noStroke();
  rect(3,13-mouseX*-0.01,18,88-mouseX*-0.01);  //p cover
  rect(153,13-mouseX*-0.01,168,87-mouseX*-0.01);  //c cover
  rect(353,12-mouseX*-0.01,397,28-mouseX*-0.01);  //t cover
  
  //AUDIENCE
  strokeWeight(2);
  stroke(0);
  fill(255,129,115);  //orange
  ellipseMode(CENTER);
  ellipse(75,120-mouseY*-0.02,20,20);
  ellipse(100,120-mouseY*-0.02,20,20);
  ellipse(125,120-mouseY*-0.02,20,20);
  ellipse(150,120-mouseY*-0.02,20,20);
  ellipse(175,120-mouseY*-0.02,20,20);
  ellipse(200,120-mouseY*-0.02,20,20);
  ellipse(225,120-mouseY*-0.02,20,20);
  ellipse(250,120-mouseY*-0.02,20,20);
  ellipse(275,120-mouseY*-0.02,20,20);
  ellipse(300,120-mouseY*-0.02,20,20);
  ellipse(325,120-mouseY*-0.02,20,20);
  ellipse(75,145-mouseY*-0.02,20,20);
  ellipse(100,145-mouseY*-0.02,20,20);
  ellipse(125,145-mouseY*-0.02,20,20);
  ellipse(150,145-mouseY*-0.02,20,20);
  ellipse(175,145-mouseY*-0.02,20,20);
  ellipse(200,145-mouseY*-0.02,20,20);
  ellipse(225,145-mouseY*-0.02,20,20);
  ellipse(250,145-mouseY*-0.02,20,20);
  ellipse(275,145-mouseY*-0.02,20,20);
  ellipse(300,145-mouseY*-0.02,20,20);
  ellipse(325,145-mouseY*-0.02,20,20);
  ellipse(75,170-mouseY*-0.02,20,20);
  ellipse(100,170-mouseY*-0.02,20,20);
  ellipse(125,170-mouseY*-0.02,20,20);
  ellipse(150,170-mouseY*-0.02,20,20);
  ellipse(175,170-mouseY*-0.02,20,20);
  ellipse(200,170-mouseY*-0.02,20,20);
  ellipse(225,170-mouseY*-0.02,20,20);
  ellipse(250,170-mouseY*-0.02,20,20);
  ellipse(275,170-mouseY*-0.02,20,20);
  ellipse(300,170-mouseY*-0.02,20,20);
  ellipse(325,170-mouseY*-0.02,20,20);
  
  //RING
  //flooring
  noStroke();
  fill(8,146,0);  //green
  rectMode(CORNERS);
  rect(45,195,355,400);
  triangle(45,192,-45,400,45,400);
  triangle(355,192,445,400,355,400);
  strokeWeight(4);
  stroke(0);  //black
  line(45,192,355,192);
  line(45,192,-45,400);
  line(355,192,445,400);
  
  //back part
  stroke(255,245,245);  //off white
  strokeWeight(5);
  noFill();
  line(50,125,350,125);
  line(50,150,350,150);
  line(50,175,350,175);
  
  //posts
  stroke(242,123,109);
  strokeWeight(15);
  line(50,125,50,200);
  line(350,125,350,200);
  strokeWeight(7);
  stroke(255,216,212);
  line(52,125,52,200);
  line(347,125,347,200);
  
  //sidelines
  stroke(255,245,244);  //off white
  strokeWeight(5);
  line(50,125,0,175);
  line(50,150,0,225);
  line(50,175,0,275);
  line(350,125,400,175);
  line(350,150,400,225);
  line(350,175,400,275);
  
  //KING HIPPO
  ellipseMode(CENTER);
  noStroke();
  fill(0,0,0,120);
  ellipse(200,325+mouseY*0.1,140,50);  //shadow
  strokeWeight(3);
  stroke(255,187,166);
  fill(239,158,33);
  ellipse(175,275+mouseY*0.1,30,60);  //left leg
  ellipse(225,275+mouseY*0.1,30,60);  //right leg
  stroke(0);
  fill(181,49,33);
  rect(150,200+mouseY*0.1,250,275+mouseY*0.1);  //pants
  stroke(255,187,166);
  fill(239,158,33);
  ellipse(130,190+mouseY*0.1,40,40);  //left arm
  ellipse(270,190+mouseY*0.1,40,40);  //right arm
  ellipse(160,170+mouseY*0.1,40,30);  //left shoulder
  ellipse(240,170+mouseY*0.1,40,30);  //right shoulder
  ellipse(200,200+mouseY*0.1,100,100);  //body
  triangle(200,100+mouseY*0.1,170,150+mouseY*0.1,230,150+mouseY*0.1);  //head
  noStroke();
  fill(255);
  triangle(185,135+mouseY*0.1,190,125+mouseY*0.1,195,135+mouseY*0.1);  //teeth
  triangle(215,135+mouseY*0.1,210,125+mouseY*0.1,205,135+mouseY*0.1);
  strokeWeight(3);
  stroke(255,187,166);
  fill(239,158,33);
  ellipse(200,150+mouseY*0.1,60,35);  //jaw
  fill(0);
  noStroke();
  ellipse(200,120+mouseY*0.1,30,10);  //eye shadow
  fill(255);
  ellipse(195,120+mouseY*0.1,10,10);  //left eye
  ellipse(205,120+mouseY*0.1,10,10);  //right eye
  fill(0);
  ellipse(197,120+mouseY*0.1,3,3);  //left eye 2
  ellipse(203,120+mouseY*0.1,3,3);  //right eye 2
  stroke(0);
  strokeWeight(3);
  line(193,112+mouseY*0.1,200,115+mouseY*0.1);  //eyebrows
  line(207,112+mouseY*0.1,200,115+mouseY*0.1);
  strokeWeight(2);
  line(200,170+mouseY*0.1,200,190+mouseY*0.1);  //chest
  line(180,200+mouseY*0.1,200,190+mouseY*0.1);
  line(220,200+mouseY*0.1,200,190+mouseY*0.1);
  stroke(255);
  strokeWeight(8);
  line(180,220+mouseY*0.1,220,240+mouseY*0.1);  //bandage
  line(180,240+mouseY*0.1,220,220+mouseY*0.1);
  fill(0);
  rectMode(CENTER);
  rect(175,310+mouseY*0.1,30,30);  //shoes
  rect(225,310+mouseY*0.1,30,30);
  rectMode(CORNERS);
  fill(247,105,255);
  strokeWeight(4);
  ellipse(150,200+mouseY*0.1,30+mouseX*0.1,30+mouseX*0.1);  //left glove
  ellipse(250,200+mouseY*0.1,70-mouseX*0.1,70-mouseX*0.1);  //right glove
  noStroke();
  fill(8,146,0);  //green
  triangle(200,255+mouseY*0.1,195,280+mouseY*0.1,205,280+mouseY*0.1);
  
  //LITTLE MAC
  ellipseMode(CENTER);
  fill(0,0,0,120);
  noStroke();
  ellipse(100+mouseX*0.5,375+mouseY*0.1,100,50);  //shadow
  //boxing gloves
  fill(68,190,204);  //blue
  strokeWeight(2);
  stroke(255);
  ellipse(60 + mouseX * 0.5, 240 + mouseY * 0.1,20,20); //left glove
  ellipse(140 + mouseX * 0.5, 240 + mouseY * 0.1,20,20); //right glove
  //body
  strokeWeight(1);
  stroke(0);  //black
  ellipseMode(CENTER);
  rectMode(CENTER);
  fill(0);  //black
  rect(100 + mouseX * 0.5, 260 + mouseY * 0.1,30,60);  //body
  fill(255,207,198);   //mac skin tone
  stroke(239,158,33);  //outer
  triangle(85 + mouseX * 0.5, 230 + mouseY * 0.1,80 + mouseX * 0.5, 230 + mouseY * 0.1, 85 + mouseX * 0.5, 290 + mouseY * 0.1);  //left body
  triangle(115 + mouseX * 0.5, 230 + mouseY * 0.1,120 + mouseX * 0.5, 230 + mouseY * 0.1, 115 + mouseX * 0.5, 290 + mouseY * 0.1);  //right body
  fill(255,207,198);  //mac skin tone
  stroke(255,207,198);
  strokeWeight(15);
  line(100 + mouseX * 0.5, 215 + mouseY * 0.1, 100 + mouseX * 0.5, 235 + mouseY * 0.1);  //neck
  strokeWeight(1);
  stroke(239,158,33);  //outer
  ellipse(60 + mouseX * 0.5, 255 + mouseY * 0.1, 15,37); //left arm 2
  ellipse(140 + mouseX * 0.5, 255 + mouseY * 0.1, 15,37); //right arm 2
  triangle(80 + mouseX * 0.5, 230 + mouseY * 0.1,85 + mouseX * 0.5, 255 + mouseY*0.1, 60 + mouseX * 0.5, 275 + mouseY * 0.1);  //left arm 1
  triangle(120 + mouseX * 0.5, 230 + mouseY * 0.1,115 + mouseX * 0.5, 255 + mouseY*0.1, 140 + mouseX * 0.5, 275 + mouseY * 0.1);  //right arm 1
  fill(0);
  ellipse(100 + mouseX * 0.5, 215 + mouseY * 0.1,30,40);  //head
  fill(255,207,198);  //mac skin tone
  ellipse(83 + mouseX * 0.5, 215 + mouseY * 0.1,5,10);  //left ear
  ellipse(118 + mouseX * 0.5, 215 + mouseY * 0.1,5,10);  //right ear
  //waist
  noStroke();
  fill(68,190,204);  //blue
  triangle(85+mouseX*0.5,290+mouseY*0.1,115+mouseX*0.5,290+mouseY*0.1,75+mouseX*0.5,370+mouseY*0.1);  //left short
  triangle(85+mouseX*0.5,290+mouseY*0.1,115+mouseX*0.5,290+mouseY*0.1,125+mouseX*0.5,370+mouseY*0.1);  //right short
  fill(255,207,198);
  stroke(239,158,33);  //outer
  triangle(80+mouseX*0.5,330+mouseY*0.1,95+mouseX*0.5,330+mouseY*0.1,75+mouseX*0.5,370+mouseY*0.1);  //left leg
  triangle(105+mouseX*0.5,330+mouseY*0.1,120+mouseX*0.5,330+mouseY*0.1,125+mouseX*0.5,370+mouseY*0.1);  //right leg
  stroke(68,190,204);  //blue
  fill(0);
  rect(80+mouseX*0.5,360+mouseY*0.1,20,30);  //left shoe
  rect(120+mouseX*0.5,360+mouseY*0.1,20,30);  //right shoe
}

void mousePressed(){  //right punch
  frameRate(10);
  //RING
  //flooring
  noStroke();
  fill(8,146,0);  //green
  rectMode(CORNERS);
  rect(45,195,355,400);
  triangle(45,192,-45,400,45,400);
  triangle(355,192,445,400,355,400);
  strokeWeight(4);
  stroke(0);  //black
  line(45,192,355,192);
  line(45,192,-45,400);
  line(355,192,445,400);
  
  //back part
  stroke(255,245,245);  //off white
  strokeWeight(5);
  noFill();
  line(50,125,350,125);
  line(50,150,350,150);
  line(50,175,350,175);
  
  //posts
  stroke(242,123,109);
  strokeWeight(15);
  line(50,125,50,200);
  line(350,125,350,200);
  strokeWeight(7);
  stroke(255,216,212);
  line(52,125,52,200);
  line(347,125,347,200);
  
  //sidelines
  stroke(255,245,244);  //off white
  strokeWeight(5);
  line(50,125,0,175);
  line(50,150,0,225);
  line(50,175,0,275);
  line(350,125,400,175);
  line(350,150,400,225);
  line(350,175,400,275);
  
  //KING HIPPO
  ellipseMode(CENTER);
  noStroke();
  fill(0,0,0,120);
  ellipse(200,325+mouseY*0.1-5,140,50);  //shadow
  strokeWeight(3);
  stroke(255,187,166);
  fill(239,158,33);
  ellipse(175,275+mouseY*0.1-5,30,60);  //left leg
  ellipse(225,275+mouseY*0.1-5,30,60);  //right leg
  stroke(0);
  fill(181,49,33);
  rect(150,200+mouseY*0.1-5,250,275+mouseY*0.1-5);  //pants
  stroke(255,187,166);
  fill(239,158,33);
  ellipse(130,190+mouseY*0.1-5,40,40);  //left arm
  ellipse(270,190+mouseY*0.1-5,40,40);  //right arm
  ellipse(160,170+mouseY*0.1-5,40,30);  //left shoulder
  ellipse(240,170+mouseY*0.1-5,40,30);  //right shoulder
  ellipse(200,200+mouseY*0.1-5,100,100);  //body
  triangle(200,100+mouseY*0.1-5,170,150+mouseY*0.1-5,230,150+mouseY*0.1-5);  //head
  noStroke();
  fill(255);
  triangle(185,135+mouseY*0.1-5,190,125+mouseY*0.1-5,195,135+mouseY*0.1-5);  //teeth
  triangle(215,135+mouseY*0.1-5,210,125+mouseY*0.1-5,205,135+mouseY*0.1-5);
  strokeWeight(3);
  stroke(255,187,166);
  fill(239,158,33);
  ellipse(200,150+mouseY*0.1-5,60,35);  //jaw
  fill(0);
  noStroke();
  ellipse(200,120+mouseY*0.1-5,30,10);  //eye shadow
  fill(255);
  ellipse(195,120+mouseY*0.1-5,10,10);  //left eye
  ellipse(205,120+mouseY*0.1-5,10,10);  //right eye
  fill(0);
  ellipse(197,120+mouseY*0.1-5,3,3);  //left eye 2
  ellipse(203,120+mouseY*0.1-5,3,3);  //right eye 2
  stroke(0);
  strokeWeight(3);
  line(193,112+mouseY*0.1-5,200,105+mouseY*0.1-5);  //eyebrows
  line(207,112+mouseY*0.1-5,200,105+mouseY*0.1-5);
  strokeWeight(2);
  line(200,170+mouseY*0.1-5,200,190+mouseY*0.1);  //chest
  line(180,200+mouseY*0.1-5,200,190+mouseY*0.1);
  line(220,200+mouseY*0.1-5,200,190+mouseY*0.1);
  stroke(255);
  strokeWeight(8);
  line(180,220+mouseY*0.1-5,220,240+mouseY*0.1-5);  //bandage
  line(180,240+mouseY*0.1-5,220,220+mouseY*0.1-5);
  fill(0);
  rectMode(CENTER);
  rect(175,310+mouseY*0.1-5,30,30);  //shoes
  rect(225,310+mouseY*0.1-5,30,30);
  rectMode(CORNERS);
  fill(247,105,255);
  strokeWeight(4);
  ellipse(150,200+mouseY*0.1-5,30+mouseX*0.1,30+mouseX*0.1);  //left glove
  ellipse(250,200+mouseY*0.1-5,70-mouseX*0.1,70-mouseX*0.1);  //right glove
  noStroke();
  fill(8,146,0);  //green
  triangle(200,255+mouseY*0.1-5,195,280+mouseY*0.1-5,205,280+mouseY*0.1-5);
  
  //LITTLE MAC
  //shadow
  ellipseMode(CENTER);
  fill(0,0,0,120);
  noStroke();
  ellipse(100+mouseX*0.5,375+mouseY*0.1,100,50);  //shadow
  //boxing gloves
  fill(68,190,204);  //blue
  strokeWeight(2);
  stroke(255);
  ellipse(60 + mouseX * 0.5, 240 + mouseY * 0.1,20,20); //left glove
  //body
  strokeWeight(1);
  stroke(0);  //black
  ellipseMode(CENTER);
  rectMode(CENTER);
  fill(0);  //black
  rect(100 + mouseX * 0.5, 260 + mouseY * 0.1,30,60);  //body
  fill(255,207,198);   //mac skin tone
  stroke(239,158,33);  //outer
  triangle(85 + mouseX * 0.5, 230 + mouseY * 0.1,80 + mouseX * 0.5, 230 + mouseY * 0.1, 85 + mouseX * 0.5, 290 + mouseY * 0.1);  //left body
  triangle(115 + mouseX * 0.5, 230 + mouseY * 0.1,120 + mouseX * 0.5, 230 + mouseY * 0.1, 115 + mouseX * 0.5, 290 + mouseY * 0.1);  //right body
  fill(255,207,198);  //mac skin tone
  stroke(255,207,198);
  strokeWeight(15);
  line(100 + mouseX * 0.5, 215 + mouseY * 0.1, 100 + mouseX * 0.5, 235 + mouseY * 0.1);  //neck
  strokeWeight(1);
  stroke(239,158,33);  //outer
  ellipse(60 + mouseX * 0.5, 255 + mouseY * 0.1, 15,37); //left arm 2
  triangle(80 + mouseX * 0.5, 230 + mouseY * 0.1,85 + mouseX * 0.5, 255 + mouseY*0.1, 60 + mouseX * 0.5, 275 + mouseY * 0.1);  //left arm 1
  triangle(120 + mouseX * 0.5, 230 + mouseY * 0.1,115 + mouseX * 0.5, 175 + mouseY*0.1, 140 + mouseX * 0.5, 230 + mouseY * 0.1);  //right arm 1
  triangle(120 + mouseX * 0.5, 230 + mouseY * 0.1,115 + mouseX * 0.5, 255 + mouseY*0.1, 140 + mouseX * 0.5, 230 + mouseY * 0.1);  //right arm 2
  fill(68,190,204);  //blue
  strokeWeight(2);
  stroke(255);
  ellipse(115 + mouseX * 0.5, 175 + mouseY * 0.1,20,20); //right glove
  strokeWeight(1);
  stroke(239,158,33);  //outer
  fill(0);
  ellipse(100 + mouseX * 0.5, 215 + mouseY * 0.1,30,40);  //head
  fill(255,207,198);  //mac skin tone
  ellipse(83 + mouseX * 0.5, 215 + mouseY * 0.1,5,10);  //left ear
  ellipse(118 + mouseX * 0.5, 215 + mouseY * 0.1,5,10);  //right ear
  //waist
  noStroke();
  fill(68,190,204);  //blue
  triangle(85+mouseX*0.5,290+mouseY*0.1,115+mouseX*0.5,290+mouseY*0.1,75+mouseX*0.5,370+mouseY*0.1);  //left short
  triangle(85+mouseX*0.5,290+mouseY*0.1,115+mouseX*0.5,290+mouseY*0.1,125+mouseX*0.5,370+mouseY*0.1);  //right short
  fill(255,207,198);
  stroke(239,158,33);  //outer
  triangle(80+mouseX*0.5,330+mouseY*0.1,95+mouseX*0.5,330+mouseY*0.1,75+mouseX*0.5,370+mouseY*0.1);  //left leg
  triangle(105+mouseX*0.5,330+mouseY*0.1,120+mouseX*0.5,330+mouseY*0.1,125+mouseX*0.5,370+mouseY*0.1);  //right leg
  stroke(68,190,204);  //blue
  fill(0);
  rect(80+mouseX*0.5,360+mouseY*0.1,20,30);  //left shoe
  rect(120+mouseX*0.5,360+mouseY*0.1,20,30);  //right shoe
}

void keyPressed(){  //left punch
  frameRate(10);
  //RING
  //flooring
  noStroke();
  fill(8,146,0);  //green
  rectMode(CORNERS);
  rect(45,195,355,400);
  triangle(45,192,-45,400,45,400);
  triangle(355,192,445,400,355,400);
  strokeWeight(4);
  stroke(0);  //black
  line(45,192,355,192);
  line(45,192,-45,400);
  line(355,192,445,400);
  
  //back part
  stroke(255,245,245);  //off white
  strokeWeight(5);
  noFill();
  line(50,125,350,125);
  line(50,150,350,150);
  line(50,175,350,175);
  
  //posts
  stroke(242,123,109);
  strokeWeight(15);
  line(50,125,50,200);
  line(350,125,350,200);
  strokeWeight(7);
  stroke(255,216,212);
  line(52,125,52,200);
  line(347,125,347,200);
  
  //sidelines
  stroke(255,245,244);  //off white
  strokeWeight(5);
  line(50,125,0,175);
  line(50,150,0,225);
  line(50,175,0,275);
  line(350,125,400,175);
  line(350,150,400,225);
  line(350,175,400,275);
  
  //KING HIPPO
  ellipseMode(CENTER);
  noStroke();
  fill(0,0,0,120);
  ellipse(200,325+mouseY*0.1-5,140,50);  //shadow
  strokeWeight(3);
  stroke(255,187,166);
  fill(239,158,33);
  ellipse(175,275+mouseY*0.1-5,30,60);  //left leg
  ellipse(225,275+mouseY*0.1-5,30,60);  //right leg
  stroke(0);
  fill(181,49,33);
  rect(150,200+mouseY*0.1-5,250,275+mouseY*0.1-5);  //pants
  stroke(255,187,166);
  fill(239,158,33);
  ellipse(130,190+mouseY*0.1-5,40,40);  //left arm
  ellipse(270,190+mouseY*0.1-5,40,40);  //right arm
  ellipse(160,170+mouseY*0.1-5,40,30);  //left shoulder
  ellipse(240,170+mouseY*0.1-5,40,30);  //right shoulder
  ellipse(200,200+mouseY*0.1-5,100,100);  //body
  triangle(200,100+mouseY*0.1-5,170,150+mouseY*0.1-5,230,150+mouseY*0.1-5);  //head
  noStroke();
  fill(255);
  triangle(185,135+mouseY*0.1-5,190,125+mouseY*0.1-5,195,135+mouseY*0.1-5);  //teeth
  triangle(215,135+mouseY*0.1-5,210,125+mouseY*0.1-5,205,135+mouseY*0.1-5);
  strokeWeight(3);
  stroke(255,187,166);
  fill(239,158,33);
  ellipse(200,150+mouseY*0.1-5,60,35);  //jaw
  fill(0);
  noStroke();
  ellipse(200,120+mouseY*0.1-5,30,10);  //eye shadow
  fill(255);
  ellipse(195,120+mouseY*0.1-5,10,10);  //left eye
  ellipse(205,120+mouseY*0.1-5,10,10);  //right eye
  fill(0);
  ellipse(197,120+mouseY*0.1-5,3,3);  //left eye 2
  ellipse(203,120+mouseY*0.1-5,3,3);  //right eye 2
  stroke(0);
  strokeWeight(3);
  line(193,112+mouseY*0.1-5,200,105+mouseY*0.1-5);  //eyebrows
  line(207,112+mouseY*0.1-5,200,105+mouseY*0.1-5);
  strokeWeight(2);
  line(200,170+mouseY*0.1-5,200,190+mouseY*0.1);  //chest
  line(180,200+mouseY*0.1-5,200,190+mouseY*0.1);
  line(220,200+mouseY*0.1-5,200,190+mouseY*0.1);
  stroke(255);
  strokeWeight(8);
  line(180,220+mouseY*0.1-5,220,240+mouseY*0.1-5);  //bandage
  line(180,240+mouseY*0.1-5,220,220+mouseY*0.1-5);
  fill(0);
  rectMode(CENTER);
  rect(175,310+mouseY*0.1-5,30,30);  //shoes
  rect(225,310+mouseY*0.1-5,30,30);
  rectMode(CORNERS);
  fill(247,105,255);
  strokeWeight(4);
  ellipse(150,200+mouseY*0.1-5,30+mouseX*0.1,30+mouseX*0.1);  //left glove
  ellipse(250,200+mouseY*0.1-5,70-mouseX*0.1,70-mouseX*0.1);  //right glove
  noStroke();
  fill(8,146,0);  //green
  triangle(200,255+mouseY*0.1-5,195,280+mouseY*0.1-5,205,280+mouseY*0.1-5);
  
  //LITTLE MAC
  //shadow
  ellipseMode(CENTER);
  fill(0,0,0,120);
  noStroke();
  ellipse(100+mouseX*0.5,375+mouseY*0.1,100,50);  //shadow
  //boxing gloves
  fill(68,190,204);  //blue
  strokeWeight(2);
  stroke(255);
  ellipse(140 + mouseX * 0.5, 240 + mouseY * 0.1,20,20); //right glove
  //body
  strokeWeight(1);
  stroke(0);  //black
  ellipseMode(CENTER);
  rectMode(CENTER);
  fill(0);  //black
  rect(100 + mouseX * 0.5, 260 + mouseY * 0.1,30,60);  //body
  fill(255,207,198);   //mac skin tone
  stroke(239,158,33);  //outer
  triangle(85 + mouseX * 0.5, 230 + mouseY * 0.1,80 + mouseX * 0.5, 230 + mouseY * 0.1, 85 + mouseX * 0.5, 290 + mouseY * 0.1);  //left body
  triangle(115 + mouseX * 0.5, 230 + mouseY * 0.1,120 + mouseX * 0.5, 230 + mouseY * 0.1, 115 + mouseX * 0.5, 290 + mouseY * 0.1);  //right body
  fill(255,207,198);  //mac skin tone
  stroke(255,207,198);
  strokeWeight(15);
  line(100 + mouseX * 0.5, 215 + mouseY * 0.1, 100 + mouseX * 0.5, 235 + mouseY * 0.1);  //neck
  strokeWeight(1);
  stroke(239,158,33);  //outer
  ellipse(140 + mouseX * 0.5, 255 + mouseY * 0.1, 15,37); //right arm 2
  triangle(80 + mouseX * 0.5, 230 + mouseY * 0.1,85 + mouseX * 0.5, 175 + mouseY*0.1, 60 + mouseX * 0.5, 230 + mouseY * 0.1);  //left arm 1
  triangle(80 + mouseX * 0.5, 230 + mouseY * 0.1,85 + mouseX * 0.5, 255 + mouseY*0.1, 60 + mouseX * 0.5, 230 + mouseY * 0.1);  //left arm 2
  triangle(120 + mouseX * 0.5, 230 + mouseY * 0.1,115 + mouseX * 0.5, 255 + mouseY*0.1, 140 + mouseX * 0.5, 275 + mouseY * 0.1);  //right arm 1
  fill(68,190,204);  //blue
  strokeWeight(2);
  stroke(255);
  ellipse(85 + mouseX * 0.5, 175 + mouseY * 0.1,20,20); //left glove
  strokeWeight(1);
  stroke(239,158,33);  //outer
  fill(0);
  ellipse(100 + mouseX * 0.5, 215 + mouseY * 0.1,30,40);  //head
  fill(255,207,198);  //mac skin tone
  ellipse(83 + mouseX * 0.5, 215 + mouseY * 0.1,5,10);  //left ear
  ellipse(118 + mouseX * 0.5, 215 + mouseY * 0.1,5,10);  //right ear
  //waist
  noStroke();
  fill(68,190,204);  //blue
  triangle(85+mouseX*0.5,290+mouseY*0.1,115+mouseX*0.5,290+mouseY*0.1,75+mouseX*0.5,370+mouseY*0.1);  //left short
  triangle(85+mouseX*0.5,290+mouseY*0.1,115+mouseX*0.5,290+mouseY*0.1,125+mouseX*0.5,370+mouseY*0.1);  //right short
  fill(255,207,198);
  stroke(239,158,33);  //outer
  triangle(80+mouseX*0.5,330+mouseY*0.1,95+mouseX*0.5,330+mouseY*0.1,75+mouseX*0.5,370+mouseY*0.1);  //left leg
  triangle(105+mouseX*0.5,330+mouseY*0.1,120+mouseX*0.5,330+mouseY*0.1,125+mouseX*0.5,370+mouseY*0.1);  //right leg
  stroke(68,190,204);  //blue
  fill(0);
  rect(80+mouseX*0.5,360+mouseY*0.1,20,30);  //left shoe
  rect(120+mouseX*0.5,360+mouseY*0.1,20,30);  //right shoe
}