//to nobles, welcome to the earth.
//Hello, slender man!
//Min Qiu Jian(John) Wei
//ID: 991392059

//Original artwork by Attonwubber on DevianArt.
//Slender man, click the mosue or press any button on keyboard will reveal slender
//man's face.

void setup(){
 
 size (400,400);
 noStroke();
 background(180,10,10);
 
 rectMode(CORNER);
 fill(0);
 
 //slender man's head.
 rect(170,40,50,10);
 rect(160,50,10,10);
 rect(220,50,10,10);
 rect(150,60,10,70);
 rect(230,60,10,70);
 rect(160,130,10,10);
 rect(220,130,10,10);
 rect(170,140,50,10);
 
 //slender man's suit.
 rect(110,150,170,10);
 rect(110,160,20,10);
 rect(260,160,20,10);
 
 //slender man's right arm.
 rect(110,170,10,210);
 rect(140,200,10,200);
 rect(120,320,20,10);
 rect(120,350,20,10);
 rect(120,380,20,10);
 
 //slender man's left arm.
 rect(270,170,10,210);
 rect(240,200,10,200);
 rect(250,320,20,10);
 rect(250,350,20,10);
 rect(250,380,20,10);
 
 //slender man's tie/collar/chest.
 rect(150,160,10,10);
 rect(150,170,20,10);
 rect(230,160,10,10);
 rect(220,170,20,10);
 rect(160,180,70,10);
 rect(160,190,10,40);
 rect(220,190,10,40);
 
 //slender man's tie.
 rect(180,160,10,120);
 rect(200,160,10,120);
 rect(190,280,10,70);
 rect(200,290,10,10);
 rect(200,310,10,10);
 
 rect(180,340,30,10);
 rect(170,350,10,10);
 rect(210,350,10,10);
 rect(160,360,10,10);
 rect(220,360,10,10);
 rect(150,370,10,10);
 rect(230,370,10,10);
 
 rect(170,230,10,10);
 rect(210,230,10,10);
 
 //slender man's jason?
 rect(180,370,30,10);
 rect(180,380,10,20);
 rect(200,380,10,20);
 
 //slender man's tentacles.
 //top left tentacle.
 rect(90,140,40,10);
 rect(80,130,30,10);
 rect(70,120,30,10);
 rect(60,110,30,10);
 rect(50,100,30,10);
 rect(50,60,20,40);
 rect(60,50,20,10);
 rect(70,40,10,10);
 rect(80,30,40,20);
 rect(120,40,10,10);
 rect(110,50,20,20);
 rect(100,70,20,10);
 
 //left tentacle 1.
 rect(50,160,60,30);
 rect(40,180,10,30);
 rect(30,190,10,40);
 rect(20,210,10,30);
 
 //left tentacle 2.
 rect(100,200,10,30);
 rect(90,210,10,30);
 rect(80,220,10,30);
 rect(70,230,10,30);
 rect(60,240,20,40);
 rect(90,270,10,10);
 rect(70,280,30,10);
 rect(80,290,20,40);
 rect(70,320,20,10);
 rect(60,350,20,10);
 
 //bottom left tentacle.
 rect(100,340,10,30);
 rect(90,350,10,30);
 rect(80,360,10,10);
 rect(70,370,20,30);
 
 //top right tentacle.
 rect(260,140,20,10);
 rect(260,130,30,10);
 rect(270,120,30,10);
 rect(280,90,20,30);
 rect(270,80,20,10);
 rect(260,70,20,10);
 
 //right tentacle 1.
 rect(280,160,10,30);
 rect(290,150,10,30);
 rect(300,140,10,30);
 rect(310,130,10,30);
 rect(320,120,30,30);
 rect(350,130,10,30);
 rect(360,140,10,40);
 
 //right tentacle 2.
 rect(280,230,10,30);
 rect(290,240,10,30);
 rect(300,250,10,30);
 rect(310,260,10,30);
 rect(320,270,30,20);
 rect(350,260,10,30);
 rect(360,250,10,30);
 rect(370,230,20,40);
 rect(360,220,20,10);
 rect(340,210,30,10);
 
 //buttom right tentacle.
 rect(280,310,10,30);
 rect(290,320,10,30);
 rect(300,330,10,30);
 rect(310,340,10,30);
 rect(320,350,10,30);
 rect(330,360,10,30);
 rect(340,370,20,30);
 
 fill(70);
 //right sleeve.
 rect(130,160,20,10);
 rect(120,170,30,30);
 rect(120,200,20,120);
 
 //left sleeve.
 rect(240,160,20,10);
 rect(240,170,30,30);
 rect(250,200,20,120);
 
 //chest/
 rect(150,180,10,50);
 rect(230,180,10,50);
 
 rect(150,230,20,10);
 rect(220,230,20,10);
 
 rect(150,240,30,110);
 rect(210,240,30,110);
 
 rect(150,340,30,10);
 rect(150,350,20,10);
 rect(150,360,10,10);
 
 rect(210,340,30,10);
 rect(220,350,20,10);
 rect(230,360,10,10);
 
 rect(180,280,10,60);
 rect(200,280,10,10);
 rect(200,300,10,10);
 rect(200,320,10,20);
 
 //slender man's pants.
 rect(180,350,30,10);
 rect(170,360,50,10);
 rect(160,370,20,10);
 rect(150,380,30,20);
 
 rect(210,370,20,10);
 rect(210,380,30,20);
 
 //slender man's tie/
 fill(210);
 rect(170,190,10,40);
 rect(210,190,10,40);
 rect(160,160,20,10);
 rect(170,170,10,10);
 rect(210,160,20,10);
 rect(210,170,10,10);
 
 fill(180,0,0);
 rect(190,160,10,10);
 rect(190,170,10,10);
 
}

void draw(){
  frameRate(15);
  //red--->rainbow weeee!
 
 
 fill(180,0,0,mouseY);
 rect(190,190,10,10);
 rect(190,200,10,10);
 rect(190,210,10,10);
 rect(190,220,10,10);
 rect(190,230,10,10);
 rect(190,240,10,10);
 rect(190,250,10,10);
 rect(190,260,10,10);
 rect(190,270,10,10);
 
 fill(140);
 rect(120,330,20,20);
 rect(250,330,20,20);
 
 //slender man's shadow effect.
 
 fill(200/1.5+mouseX,200/1.5+mouseX,200/1.5+mouseX);
 rect(120,360,10,20);
 rect(250,360,10,20);
 fill(200*1.5-mouseX+200,200*1.5-mouseX+200,200*1.5-mouseX+200);
 rect(130,360,10,20);
 rect(260,360,10,20);
  
 fill(200*1.5-mouseX+200,200*1.5-mouseX+200,200*1.5-mouseX+200);
 rect(190,50,30,10);
 rect(200,60,30,10);
 rect(210,70,20,50);
 rect(200,120,30,10);
 rect(190,130,30,10);
 
 fill(200/1.5+mouseX,200/1.5+mouseX,200/1.5+mouseX);
 rect(170,50,20,10);
 rect(160,60,30,10);
 rect(160,70,20,50);
 rect(160,120,30,10);
 rect(170,130,20,10);
 
 fill(255);
 rect(190,60,10,10);
 rect(180,70,30,50);
 rect(190,120,10,10);
 
 
}

void mousePressed(){
//when mouse pressed, slender man will show his face.
 frameRate(2);
rectMode(CORNER);
fill(0);
rect(170,70,10,40);
rect(210,70,10,40);
rect(180,120,30,10);

}

void keyPressed(){
//when key pressed, slender man will show sad face. 
  frameRate(10);
  fill(0);
  rect(170,80,20,10);
  rect(200,80,20,10);
  rect(180,110,30,10);
  rect(180,120,10,5);
  rect(200,120,10,5);

}