Your browser does not support the canvas tag.

previous        Show / Hide Source        Download        next
void setup(){
 size(400,400);
 frameRate(60);
 //60 or GTFO
  
}

void draw(){
background(255);
//window
fill(0,200-mouseX/2,255-mouseX/2);
rect(100,100,200,150);
//sill
fill(245,241,222);
rect(100,250,200,50);
//Left Head
fill(245-mouseX/2,241-mouseX/2,230-mouseX/2);
ellipse(130,-mouseY/10+100,50,60);
//Eyes for left head
fill(0);
ellipse(120,-mouseY/10+110,10,10);
ellipse(140,-mouseY/10+110,10,10);
//Iris for Left head
fill(255,0,0);
ellipse(120,-mouseY/10+110,4,10);
ellipse(140,-mouseY/10+110,4,10);
//Right Head
fill(245-mouseX/2,241-mouseX/2,230-mouseX/2);
ellipse(mouseX/10+300,150,60,50);
//Eyes for Right head
fill(0);
ellipse(mouseX/10+290,160,10,10);
ellipse(mouseX/10+290,140,10,10);
//Iris for Right head
fill(255,0,0);
ellipse(mouseX/10+290,160,10,4);
ellipse(mouseX/10+290,140,10,4);
//Block hide the rest of the head
//Ceiling
fill(255);
rect(0,0,400,100);
//Poster nvm its a door
fill(154,93,32);
rect(300,100,100,200);
//Door details
//top
rect(320,125,80,50);
rect(330,135,70,30);
line(320,125,330,135);
line(320,175,330,165);

//nob
fill(255,215,0);
ellipse(325,200,20,20);
//shading
noStroke();
fill(255-mouseX/4,255-mouseX/4,255-mouseX/4);
triangle(0,0,175,0,0,240);
fill(255-mouseX/4,255-mouseX/4,255-mouseX/4);
triangle(300,0,400,0,400,100);
stroke(0);
}