Your browser does not support the canvas tag.
previous        Show / Hide Source    
Process
    Download        next
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////ASSIGNMENT 1///////////////////
/*
Introduction to Media Computation
Interactive Drawing
Apartment Scene
Vanessa Urnos

Scene turns from day to night via MouseY interaction of mouse grazing up and down.
Most items in the scene turns a darker colour whereas some windows have a light turn on and one that is off.
Lamp post also turns on as well as the light beside the door
*/

/////////////////////////////////////////////////////////////////////////////////////////////////Size///////////////////////
void setup () {
  size(400,400);

}

void draw () {

///////////////////////////////////////////////SKY BACKGROUND//////////////////////

/////////////////////////////////////////SKY/////////////////
////////////////////////////////Sky Gradient 1/////
//First Gradient During Day
noStroke();
fill(120,221,250);
rectMode(CORNERS);
rect(0,0,400,100);
//1st Gradient During Night  
noStroke();
fill(50,0,73,mouseY*0.5);
rectMode(CORNERS);
rect(0,0,400,100);

////////////////////////////////Sky Gradient 2/////
//2nd Gradient During Day
noStroke();
fill(133,224,250);
rectMode(CORNERS);
rect(0,100,400,200);
//2nd Gradient During Night  
noStroke();
fill  (68,0,99,mouseY*0.5);
rectMode(CORNERS);
rect(0,100,400,200);

///////////////////////////////Sky Gradient 3/////
//3rd Gradient During Day
noStroke();
fill(147,227,251);
rectMode(CORNERS);
rect(0,200,400,300);
//3rd Gradient During Night  
noStroke();
fill(87,0,126,mouseY*0.5);
rectMode(CORNERS);
rect(0,200,400,300);

//////////////////////////////Sky Gradient 4/////
//4th Gradient During Day
noStroke();
fill(160,231,251);
rectMode(CORNERS);
rect(0,300,400,360);
//4th Gradient During Night  
noStroke();
fill(115,0,167,mouseY*0.5);
rectMode(CORNERS);
rect(0,300,400,360);

//////////////////////////////Sky Gradient 5/////
//5th Gradient During Day
noStroke();
fill(174,234,252);
rectMode(CORNERS);
rect(0,360,400,400);
//5th Gradient During Night  
noStroke();
fill(139,0,201,mouseY*0.5);
rectMode(CORNERS);
rect(0,360,400,400);


////////////////////////////////////////////APARMENT BUILDING///////////////////

///////////////////////////////////OVERHEAD//////////////////
///////////////////////////////Overhead Top Default
noStroke();
fill(255,228,181);
rectMode(CORNERS);
rect(80,40,320,50);
//Change to Night Overhead
noStroke();
fill(160,82,45,mouseY*0.5);
rectMode(CORNERS);
rect(80,40,320,50);

////////////////////////////Overhead Bottom Default
noStroke();
fill(210,180,140);
rectMode(CORNERS);
rect(90,50,310,60);
//Change to Night Overhead
noStroke();
fill(139,69,19,mouseY*0.5);
rectMode(CORNERS);
rect(90,50,310,60);

///////////////////////////////////////////STRUCTURE///////////////////

////////////////////////////////////////SECOND FLOOR/////////////
//Second Floor During the Day
noStroke();
fill (245,222,179);
rectMode(CORNERS);
rect(90,60,310,240);
//Second Floor During the Night
noStroke();
fill(244,164,96,mouseY*0.5);
rectMode(CORNERS);
rect(90,60,310,240);

///////////////////////////////////////////////////////////////////////////////////WALL DETAILS OF SECOND FLOOR///////////
//////////////////////////////////////////////////////////////////////BRICK TEXTURE/////////////

/////////////////////////////////////////////////////////Apartment Bricks/////

////////////////////////Horizontal Brick Texture
stroke(255);
line(100,70,300,70);
stroke(255);
stroke(255);
line(100,80,300,80);
stroke(255);
line(100,90,300,90);
stroke(255);
line(100,100,300,100);
stroke(255);
line(100,110,300,110);
stroke(255);
line(100,120,300,120);
stroke(255);
line(100,130,300,130);
stroke(255);
line(100,140,300,140);
stroke(255);
line(100,150,300,150);
stroke(255);
line(100,160,300,160);
stroke(255);
line(100,170,300,170);
stroke(255);
line(100,180,300,180);
stroke(255);
line(100,190,300,190);
stroke(255);
line(100,200,300,200);
stroke(255);
line(100,210,300,210);
stroke(255);
line(100,220,300,220);
stroke(255);
line(100,230,300,230);

////////////////////////////////////////////////////Vertical Lines for Bricks

///////////////////////1st line of Bricks
stroke(255);
line(110,60,110,70);
stroke(255);
line(130,60,130,70);
stroke(255);
line(150,60,150,70);
stroke(255);
line(170,60,170,70);
stroke(255);
line(190,60,190,70);
stroke(255);
line(210,60,210,70);
stroke(255);
line(230,60,230,70);
stroke(255);
line(250,60,250,70);
stroke(255);
line(270,60,270,70);
stroke(255);
line(290,60,290,70);

//////////////////////2nd line of Bricks
stroke(255);
line(120,70,120,80);
stroke(255);
line(140,70,140,80);
stroke(255);
line(160,70,160,80);
stroke(255);
line(180,70,180,80);
stroke(255);
line(200,70,200,80);
stroke(255);
line(220,70,220,80);
stroke(255);
line(240,70,240,80);
stroke(255);
line(260,70,260,80);
stroke(255);
line(280,70,280,80);

//////////////////////////3rd line of Bricks
stroke(255);
line(110,80,110,90);
stroke(255);
line(130,80,130,90);
stroke(255);
line(150,80,150,90);
stroke(255);
line(170,80,170,90);
stroke(255);
line(190,80,190,90);
stroke(255);
line(210,80,210,90);
stroke(255);
line(230,80,230,90);
stroke(255);
line(250,80,250,90);
stroke(255);
line(270,80,270,90);
stroke(255);
line(290,80,290,90);

//////////////////////////4th Line of Bricks
stroke(255);
line(120,90,120,100);
stroke(255);
line(140,90,140,100);
stroke(255);
line(160,90,160,100);
stroke(255);
line(180,90,180,100);
stroke(255);
line(200,90,200,100);
stroke(255);
line(220,90,220,100);
stroke(255);
line(240,90,240,100);
stroke(255);
line(260,90,260,100);
stroke(255);
line(280,90,280,100);

////////////////////////////////5th line of Bricks
stroke(255);
line(110,100,110,110);
stroke(255);
line(130,100,130,110);
stroke(255);
line(150,100,150,110);
stroke(255);
line(170,100,170,110);
stroke(255);
line(190,100,190,110);
stroke(255);
line(210,100,210,110);
stroke(255);
line(230,100,230,110);
stroke(255);
line(250,100,250,110);
stroke(255);
line(270,100,270,110);
stroke(255);
line(290,100,290,110);

//////////////////////////////6th line of Bricks
stroke(255);
line(120,110,120,120);
stroke(255);
line(140,110,140,120);
stroke(255);
line(160,110,160,120);
stroke(255);
line(180,110,180,120);
stroke(255);
line(200,110,200,120);
stroke(255);
line(220,110,220,120);
stroke(255);
line(240,110,240,120);
stroke(255);
line(260,110,260,120);
stroke(255);
line(280,110,280,120);

/////////////////////////////////7th line of Bricks
stroke(255);
line(110,120,110,130);
stroke(255);
line(130,120,130,130);
stroke(255);
line(150,120,150,130);
stroke(255);
line(170,120,170,130);
stroke(255);
line(190,120,190,130);
stroke(255);
line(210,120,210,130);
stroke(255);
line(230,120,230,130);
stroke(255);
line(250,120,250,130);
stroke(255);
line(270,120,270,130);
stroke(255);
line(290,120,290,130);

///////////////////////////////////8th line of Bricks
stroke(255); 
line(120,130,120,140);
stroke(255);
line(140,130,140,140);
stroke(255);
line(160,130,160,140);
stroke(255);
line(180,130,180,140);
stroke(255);
line(200,130,200,140);
stroke(255);
line(220,130,220,140);
stroke(255);
line(240,130,240,140);
stroke(255);
line(260,130,260,140);
stroke(255);
line(280,130,280,140);

///////////////////////////////9th line of Bricks
stroke(255);
line(110,140,110,150);
stroke(255);
line(130,140,130,150);
stroke(255);
line(150,140,150,150);
stroke(255);
line(170,140,170,150);
stroke(255);
line(190,140,190,150);
stroke(255);
line(210,140,210,150);
stroke(255);
line(230,140,230,150);
stroke(255);
line(250,140,250,150);
stroke(255);
line(270,140,270,150);
stroke(255);
line(290,140,290,150);

///////////////////////////////10th line of Bricks
stroke(255);
line(120,150,120,160);
stroke(255);
line(140,150,140,160);
stroke(255);
line(160,150,160,160);
stroke(255);
line(180,150,180,160);
stroke(255);
line(200,150,200,160);
stroke(255);
line(220,150,220,160);
stroke(255);
line(240,150,240,160);
stroke(255);
line(260,150,260,160);
stroke(255);
line(280,150,280,160);

/////////////////////////////11th line of Bricks
stroke(255);
line(110,160,110,170);
stroke(255);
line(130,160,130,170);
stroke(255);
line(150,160,150,170);
stroke(255);
line(170,160,170,170);
stroke(255);
line(190,160,190,170);
stroke(255);
line(210,160,210,170);
stroke(255);
line(230,160,230,170);
stroke(255);
line(250,160,250,170);
stroke(255);
line(270,160,270,170);
stroke(255);
line(290,160,290,170);

/////////////////////////////12th line of Bricks
stroke(255);
line(120,170,120,180);
stroke(255);
line(140,170,140,180);
stroke(255);
line(160,170,160,180);
stroke(255);
line(180,170,180,180);
stroke(255);
line(200,170,200,180);
stroke(255);
line(220,170,220,180);
stroke(255);
line(240,170,240,180);
stroke(255);
line(260,170,260,180);
stroke(255);
line(280,170,280,180);

/////////////////////////////13th line of Bricks
stroke(255);
line(110,180,110,190);
stroke(255);
line(130,180,130,190);
stroke(255);
line(150,180,150,190);
stroke(255);
line(170,180,170,190);
stroke(255);
line(190,180,190,190);
stroke(255);
line(210,180,210,190);
stroke(255);
line(230,180,230,190);
stroke(255);
line(250,180,250,190);
stroke(255);
line(270,180,270,190);
stroke(255);
line(290,180,290,190);

///////////////////////////////14th line of Bricks
stroke(255);
line(120,190,120,200);
stroke(255);
line(140,190,140,200);
stroke(255);
line(160,190,160,200);
stroke(255);
line(180,190,180,200);
stroke(255);
line(200,190,200,200);
stroke(255);
line(220,190,220,200);
stroke(255);
line(240,190,240,200);
stroke(255);
line(260,190,260,200);
stroke(255);
line(280,190,280,200);
 
////////////////////////////15th line of Bricks
stroke(255);
line(110,200,110,210);
stroke(255);
line(130,200,130,210);
stroke(255);
line(150,200,150,210);
stroke(255);
line(170,200,170,210);
stroke(255);
line(190,200,190,210);
stroke(255);
line(210,200,210,210);
stroke(255);
line(230,200,230,210);
stroke(255);
line(250,200,250,210);
stroke(255);
line(270,200,270,210);
stroke(255);
line(290,200,290,210);

/////////////////////////////16th line of Bricks
stroke(255);
line(120,210,120,220);
stroke(255);
line(140,210,140,220);
stroke(255);
line(160,210,160,220);
stroke(255);
line(180,210,180,220);
stroke(255);
line(200,210,200,220);
stroke(255);
line(220,210,220,220);
stroke(255);
line(240,210,240,220);
stroke(255);
line(260,210,260,220);
stroke(255);
line(280,210,280,220);

/////////////////////////////17th line of Bricks
stroke(255);
line(110,220,110,230);
stroke(255);
line(130,220,130,230);
stroke(255);
line(150,220,150,230);
stroke(255);
line(170,220,170,230);
stroke(255);
line(190,220,190,230);
stroke(255);
line(210,220,210,230);
stroke(255);
line(230,220,230,230);
stroke(255);
line(250,220,250,230);
stroke(255);
line(270,220,270,230);
stroke(255);
line(290,220,290,230);

///////////////////////////18th line of Bricks
stroke(255);
line(120,230,120,240);
stroke(255);
line(140,230,140,240);
stroke(255);
line(160,230,160,240);
stroke(255);
line(180,230,180,240);
stroke(255);
line(200,230,200,240);
stroke(255);
line(220,230,220,240);
stroke(255);
line(240,230,240,240);
stroke(255);
line(260,230,260,240);
stroke(255);
line(280,230,280,240);

//////////////////////////////19th line of Bricks
stroke(255);
line(110,240,110,250);
stroke(255);
line(130,240,130,250);
stroke(255);
line(150,240,150,250);
stroke(255);
line(170,240,170,250);
stroke(255);
line(190,240,190,250);
stroke(255);
line(210,240,210,250);
stroke(255);
line(230,240,230,250);
stroke(255);
line(250,240,250,250);
stroke(255);
line(270,240,270,250);
stroke(255);
line(290,240,290,250);


/////////////////////////////Second Floor Wall Details During The Day

//Sides
noStroke();
fill(210,180,140);
rectMode(CORNERS);
rect(90,60,100,240);

noStroke();
fill(210,180,140);
rectMode(CORNERS);
rect(300,60,310,240);

/////////////////////////////////Second Floor Wall Details During the Night

//Sides
noStroke();
fill(139,69,19,mouseY*0.5);
rectMode(CORNERS);
rect(90,60,100,240);

noStroke();
fill(139,69,19,mouseY*0.5);
rectMode(CORNERS);
rect(300,60,310,240);

///////////////////////////////////////////SECOND OVERHEAD FOR THE FIRST FLOOR/////
//////////////////////////////Second Floor Top overhead During the Day
noStroke();
fill(255,228,181);
rectMode(CORNERS);
rect(80,240,320,250);
//Change to Night Overhead
noStroke();
fill(160,82,45,mouseY*0.5);
rectMode(CORNERS);
rect(80,240,320,250);

//////////////////////////////Second Floor Bottom overhead During the Day
noStroke();
fill(210,180,140);
rectMode(CORNERS);
rect(90,250,310,260);
//////////////////////////////Second Floor Bottom overhead During the Night
noStroke();
fill(139,69,19,mouseY*0.5);
rectMode(CORNERS);
rect(90,250,310,260);


///////////////////////////////////////////////////FIRST FLOOR//////////////////
//////////////////////////////////First Floor During the Day
noStroke();
fill(255,255,240);
rectMode(CORNERS);
rect(90,260,310,380);

/////////////////////////////////First Floor During the Night
noStroke();
fill(245,222,179,mouseY*0.5);
rectMode(CORNERS);
rect(90,260,310,380);

/////////////////////////////First Floor Wall Details During The Day
noStroke();
fill(210,180,140);
rectMode(CORNERS);
rect(90,260,100,380);

noStroke();
fill(210,180,140);
rectMode(CORNERS);
rect(300,260,310,380);

/////////////////////////////////First Floor Wall Details During the Night

noStroke();
fill(139,69,19,mouseY*0.5);
rectMode(CORNERS);
rect(90,260,100,380);

noStroke();
fill(139,69,19,mouseY*0.5);
rectMode(CORNERS);
rect(300,260,310,380);

/////////////////////////////////////////////////////////FOUNDATION//////////////

//////////////////////////////////////Top Foundation During the day
noStroke();
fill(255,228,181);
rectMode(CORNERS);
rect(80,380,320,390);
/////////////////////////////////Top Foundation During the night
noStroke();
fill(160,82,45,mouseY*0.5);
rectMode(CORNERS);
rect(80,380,320,390);

///////////////////////////Bottom Foundation During the Day
noStroke();
fill(210,180,140);
rectMode(CORNERS);
rect(70,390,330,400);

///////////////////////////////////Bottom Foundation During the Night
noStroke();
fill(139,69,19,mouseY*0.5);
rectMode(CORNERS);
rect(70,390,330,400);

////////////////////////////////////////////////////////////Balconies////////////


////////////////////////////////////1st balcony
//Horizontal Lines
stroke(128,128,128);
line(75,120,90,120);
stroke(128,128,128);
line(75,140,90,140);
//Veritcal Lines
stroke(128,128,128);
line(75,120,75,140);
stroke(128,128,128);
line(80,120,80,140);
stroke(128,128,128);
line(85,120,85,140);

///////////////////////////////////2nd  balcony
//Horizontal Lines
stroke(128,128,128);
line(310,120,325,120);
stroke(128,128,128);
line(310,140,325,140);
//Veritcal Lines
stroke(128,128,128);
line(325,120,325,140);
stroke(128,128,128);
line(320,120,320,140);
stroke(128,128,128);
line(315,120,315,140);


////////////////////////////////3rd  balcony
//Horizontal Lines
stroke(128,128,128);
line(75,180,90,180);
stroke(128,128,128);
line(75,200,90,200);
//Veritcal Lines
stroke(128,128,128);
line(75,180,75,200);
stroke(128,128,128);
line(80,180,80,200);
stroke(128,128,128);
line(85,180,85,200);

/////////////////////////////////4th balcony
//Horizontal Lines
stroke(128,128,128);
line(310,180,325,180);
stroke(128,128,128);
line(310,200,325,200);
//Veritcal Lines
stroke(128,128,128);
line(325,180,325,200);
stroke(128,128,128);
line(320,180,320,200);
stroke(128,128,128);
line(315,180,315,200);

/////////////////////////////////////////////////////////////////////////////////////////////////////////////WINDOWS/////////////

///////////////////////////////////////////////////SECOND(THIRD line) FLOOR WINDOWS////
///////////////////////////////////////////////////Window1/////
///////////////////////////During the Day
//Top Edge
noStroke();
fill  (222,184,135);
rectMode(CORNERS);
rect(130,85,150,90);
noStroke();
fill(210,180,140);
rectMode(CORNERS);
rect(125,90,155,95);
//Bottom Edge
noStroke();
fill  (222,184,135);
rectMode(CORNERS);
rect(125,120,155,125);
noStroke();
fill(210,180,140);
rectMode(CORNERS);
rect(130,125,150,130);
//Window Frame
noStroke();
fill(210,180,140);
rectMode(CORNERS);
rect(130,95,150,120);
//Glass
noStroke();
fill(255);
rectMode(CORNERS);
rect(135,100,145,115);

//////////////////////////////During the Night
//Top Edge
noStroke();
fill  (160,82,45,mouseY*0.5);
rectMode(CORNERS);
rect(130,85,150,90);
noStroke();
fill(139,69,19,mouseY*0.5);
rectMode(CORNERS);
rect(125,90,155,95);
//Bottom Edge
noStroke();
fill  (139,69,19,mouseY*0.5);
rectMode(CORNERS);
rect(125,120,155,125);
noStroke();
fill(160,82,45,mouseY*0.5);
rectMode(CORNERS);
rect(130,125,150,130);
//Window Frame
noStroke();
fill(160,82,45,mouseY*0.5);
rectMode(CORNERS);
rect(130,95,150,120);
//Glass with light On
noStroke();
fill(253,255,137,mouseY);
rectMode(CORNERS);
rect(135,100,145,115);

/////////////////////////////////////////////////////////////////Window 2/////
///////////////////////////////////////During the Day
//Top Edge
noStroke();
fill(210,180,140);
rectMode(CORNERS);
rect(185,90,215,95);
noStroke();
fill  (222,184,135);
rectMode(CORNERS);
rect(190,85,210,90);
//Bottom Edge
noStroke();
fill  (222,184,135);
rectMode(CORNERS);
rect(185,120,215,125);
noStroke();
fill(210,180,140);
rectMode(CORNERS);
rect(190,125,210,130);
//Window Frame
noStroke();
fill(210,180,140);
rectMode(CORNERS);
rect(190,95,210,120);
//Glass
noStroke();
fill(255);
rectMode(CORNERS);
rect(195,100,205,115);

/////////////////////////////////During the Night
//Top Edge
noStroke();
fill  (160,82,45,mouseY*0.5);
rectMode(CORNERS);
rect(185,90,215,95);
noStroke();
fill(139,69,19,mouseY*0.5);
rectMode(CORNERS);
rect(190,85,210,90);
//Bottom Edge
noStroke();
fill  (139,69,19,mouseY*0.5);
rectMode(CORNERS);
rect(185,120,215,125);
noStroke();
fill(160,82,45,mouseY*0.5);
rectMode(CORNERS);
rect(190,125,210,130);
//Window Frame
noStroke();
fill(160,82,45,mouseY*0.5);
rectMode(CORNERS);
rect(190,95,210,120);
//Glass with light On
noStroke();
fill (253,255,137,mouseY);
rectMode(CORNERS);
rect(195,100,205,115);

///////////////////////////////////////////////////////////////////Window 3/////
/////////////////////////////////////During the Day
//Top Edge
noStroke();
fill(210,180,140);
rectMode(CORNERS);
rect(245,90,275,95);
noStroke();
fill  (222,184,135);
rectMode(CORNERS);
rect(250,85,270,90);
//Bottom Edge
noStroke();
fill  (222,184,135);
rectMode(CORNERS);
rect(245,120,275,125);
noStroke();
fill(210,180,140);
rectMode(CORNERS);
rect(250,125,270,130);
//Window Frame
noStroke();
fill(210,180,140);
rectMode(CORNERS);
rect(250,95,270,120);
//Glass
noStroke();
fill(255);
rectMode(CORNERS);
rect(255,100,265,115);

//////////////////////////////////During the Night
//Top Edge
noStroke();
fill  (160,82,45,mouseY*0.5);
rectMode(CORNERS);
rect(245,90,275,95);
noStroke();
fill(139,69,19,mouseY*0.5);
rectMode(CORNERS);
rect(250,85,270,90);
//Bottom Edge
noStroke();
fill  (139,69,19,mouseY*0.5);
rectMode(CORNERS);
rect(245,120,275,125);
noStroke();
fill(160,82,45,mouseY*0.5);
rectMode(CORNERS);
rect(250,125,270,130);
//Window Frame
noStroke();
fill(160,82,45,mouseY*0.5);
rectMode(CORNERS);
rect(250,95,270,120);
//Glass with light On
noStroke();
fill  (253,255,137,mouseY);
rectMode(CORNERS);
rect(255,100,265,115);

/////////////////////////////////////////////////Second (second line) floor windows
//////////////////////////////////////////////////////////////Window1/////
///////////////////////////////////During the Day
//Top Edge
noStroke();
fill  (222,184,135);
rectMode(CORNERS);
rect(130,145,150,150);
noStroke();
fill(210,180,140);
rectMode(CORNERS);
rect(125,150,155,155);
//Bottom Edge
noStroke();
fill  (222,184,135);
rectMode(CORNERS);
rect(125,180,155,185);
noStroke();
fill(210,180,140);
rectMode(CORNERS);
rect(130,185,150,190);
//Window Frame
noStroke();
fill(210,180,140);
rectMode(CORNERS);
rect(130,150,150,180);
//Glass
noStroke();
fill(255);
rectMode(CORNERS);
rect(135,160,145,175);

///////////////////////////////////During the Night
//Top Edge
noStroke();
fill  (160,82,45,mouseY*0.5);
rectMode(CORNERS);
rect(130,145,150,150);
noStroke();
fill(139,69,19,mouseY*0.5);
rectMode(CORNERS);
rect(125,150,155,155);
//Bottom Edge
noStroke();
fill  (139,69,19,mouseY*0.5);
rectMode(CORNERS);
rect(125,180,155,185);
noStroke();
fill(160,82,45,mouseY*0.5);
rectMode(CORNERS);
rect(130,185,150,190);
//Window Frame
noStroke();
fill(160,82,45,mouseY*0.5);
rectMode(CORNERS);
rect(130,150,150,180);
//Glass with light On
noStroke();
fill(253,255,137,mouseY);
rectMode(CORNERS);
rect(135,160,145,175);

//////////////////////////////////////////////////////////////////////Window 2/////
/////////////////////////////////During the Day
//Top Edge
noStroke();
fill(222,184,135);
rectMode(CORNERS);
rect(190,145,210,150);
noStroke();
fill(210,180,140);
rectMode(CORNERS);
rect(185,150,215,155);
//Bottom Edge
noStroke();
fill  (222,184,135);
rectMode(CORNERS);
rect(185,180,215,185);
noStroke();
fill(210,180,140);
rectMode(CORNERS);
rect(190,185,210,190);
//Window Frame
noStroke();
fill(210,180,140);
rectMode(CORNERS);
rect(190,150,210,180);
//Glass
noStroke();
fill(255);
rectMode(CORNERS);
rect(195,160,205,175);

//////////////////////////////////During the Night
//Top Edge
noStroke();
fill  (160,82,45,mouseY*0.5);
rectMode(CORNERS);
rect(190,145,210,150);
noStroke();
fill(139,69,19,mouseY*0.5);
rectMode(CORNERS);
rect(185,150,215,155);
//Bottom Edge
noStroke();
fill  (139,69,19,mouseY*0.5);
rectMode(CORNERS);
rect(185,180,215,185);
noStroke();
fill(160,82,45,mouseY*0.5);
rectMode(CORNERS);
rect(190,185,210,190);
//Window Frame
noStroke();
fill(160,82,45,mouseY*0.5);
rectMode(CORNERS);
rect(190,150,210,180);
//Glass with light On
noStroke();
fill (0,mouseY*1);
rectMode(CORNERS);
rect(195,160,205,175);

////////////////////////////////////////////////////////////////////Window3/////
////////////////////////////////////////During Day
//Top Edge
noStroke();
fill(222,184,135);
rectMode(CORNERS);
rect(250,145,270,150);
noStroke();
fill(210,180,140);
rectMode(CORNERS);
rect(245,150,275,155);

//Bottom Edge
noStroke();
fill(222,184,135);
rectMode(CORNERS);
rect(245,180,275,185);
noStroke();
fill(210,180,140);
rectMode(CORNERS);
rect(250,185,270,190);

////Window Frame
noStroke();
fill(210,180,140);
rectMode(CORNERS);
rect(250,155,270,180);
//Glass
noStroke();
fill(255);
rectMode(CORNERS);
rect(255,160,265,175);

//////////////////////////////////During Night
//Top Edge
noStroke();
fill  (160,82,45,mouseY*0.5);
rectMode(CORNERS);
rect(250,145,270,150);
noStroke();
fill(139,69,19,mouseY*0.5);
rectMode(CORNERS);
rect(245,150,275,155);

//Bottom Edge
noStroke();
fill  (139,69,19,mouseY*0.5);
rectMode(CORNERS);
rect(245,180,275,185);
noStroke();
fill(160,82,45,mouseY*0.5);
rectMode(CORNERS);
rect(250,185,270,190);

//Window Frame
noStroke();
fill(160,82,45,mouseY*0.5);
rectMode(CORNERS);
rect(250,155,270,180);
//Glass
noStroke();
fill  (253,255,137,mouseY);
rectMode(CORNERS);
rect(255,160,265,175);

/////////////////////////////////////////////////////FIRST FLOOR WINDOWS///////////

//////////////////////////////////////////////////WINDOW 1
//////////////////////////////During the day

//Top Edge
noStroke();
fill  (222,184,135);
rectMode(CORNERS);
rect(130,320,150,325);
noStroke();
fill(210,180,140);
rectMode(CORNERS);
rect(125,325,155,330);
//Bottom Edge
noStroke();
fill  (222,184,135);
rectMode(CORNERS);
rect(125,360,155,365);
noStroke();
fill(210,180,140);
rectMode(CORNERS);
rect(130,365,150,370);
//Window Frame
noStroke();
fill(210,180,140);
rectMode(CORNERS);
rect(130,330,150,360);
//Glass
noStroke();
fill(255);
rectMode(CORNERS);
rect(135,335,145,355);

//////////////////////////////////////During the Night
//Top Edge
noStroke();
fill  (160,82,45,mouseY*0.5);
rectMode(CORNERS);
rect(130,320,150,325);
noStroke();
fill(139,69,19,mouseY*0.5);
rectMode(CORNERS);
rect(125,325,155,330);
//Bottom Edge
noStroke();
fill  (139,69,19,mouseY*0.5);
rectMode(CORNERS);
rect(125,360,155,365);
noStroke();
fill(160,82,45,mouseY*0.5);
rectMode(CORNERS);
rect(130,365,150,370);
//Window Frame
noStroke();
fill(160,82,45,mouseY*0.5);
rectMode(CORNERS);
rect(130,330,150,360);
//Glass with light On
noStroke();
fill(253,255,137,mouseY);
rectMode(CORNERS);
rect(135,335,145,355);

///////////////////////////////////////////////////////////////////Window 2/////
/////////////////////////////////During the Day
//Top Edge
noStroke();
fill  (222,184,135);
rectMode(CORNERS);
rect(250,320,270,325);
noStroke();
fill(210,180,140);
rectMode(CORNERS);
rect(245,325,275,330);
//Bottom Edge
noStroke();
fill  (222,184,135);
rectMode(CORNERS);
rect(245,360,275,365);
noStroke();
fill(210,180,140);
rectMode(CORNERS);
rect(250,365,270,370);
//Window Frame
noStroke();
fill(210,180,140);
rectMode(CORNERS);
rect(250,330,270,360);
//Glass
noStroke();
fill(255);
rectMode(CORNERS);
rect(255,335,265,355);

////////////////////////////////////During the Night
//Top Edge
noStroke();
fill  (160,82,45,mouseY*0.5);
rectMode(CORNERS);
rect(250,320,270,325);
noStroke();
fill(139,69,19,mouseY*0.5);
rectMode(CORNERS);
rect(245,325,275,330);
//Bottom Edge
noStroke();
fill(139,69,19,mouseY*0.5);
rectMode(CORNERS);
rect(245,360,275,365);
noStroke();
fill(160,82,45,mouseY*0.5);
rectMode(CORNERS);
rect(250,365,270,370);
//Window Frame
noStroke();
fill(160,82,45,mouseY*0.5);
rectMode(CORNERS);
rect(250,330,270,360);
//Glass
noStroke();
fill (253,255,137,mouseY);
rectMode(CORNERS);
rect(255,335,265,355);

//////////////////////////////////////////////////////////////DOOR///////////////
//////////////////////////////////During the Day


noStroke();
fill  (168,184,184);
rectMode(CORNERS);
rect(180,330,220,380);

//Door Deatils (frames)
fill  (201,212,212);
rectMode(CORNERS);
rect(180,330,185,380);
fill  (201,212,212);
rectMode(CORNERS);
rect(215,330,220,380);
fill  (201,212,212);
rectMode(CORNERS);
rect(180,330,220,335);
fill(201,212,212);
rectMode(CORNERS);
rect(199,330,201,380);

/////////////////////////////////////During the Night
noStroke();
fill  ( 130,152,152,mouseY*0.5);
rectMode(CORNERS);
rect(180,330,220,380);

//Door Details (frames)
fill  (201,212,212);
rectMode(CORNERS);
rect(180,330,185,380);
fill  (201,212,212);
rectMode(CORNERS);
rect(215,330,220,380);
fill  (201,212,212);
rectMode(CORNERS);
rect(180,330,220,335);
fill(201,212,212);
rectMode(CORNERS);
rect(199,330,201,380);

///////////////////////////////////////////////////////Lights Beside Door

///////////////////////////////////////////////During the day
///////////////////////////////Left Side

//Stand
noStroke();
fill  (128,128,128);
rectMode(CENTER);
rect(170,355,3,15);

//Light
noStroke();
fill(255,239,213);
ellipseMode(CENTER);
ellipse(170,345,10,10);


//Right Side

//Stand
noStroke();
fill  (128,128,128);
rectMode(CENTER);
rect(230,355,3,15);

//Light
noStroke();
fill(255,239,213);
ellipseMode(CENTER);
ellipse(230,345,10,10);


//During the night
/////////////////////////////////////////Left Side

//Stand
noStroke();
fill  (128,128,128);
rectMode(CENTER);
rect(170,355,3,15);

//Light
noStroke();
fill  (253,255,137,mouseY/0.5);
ellipseMode(CENTER);
ellipse(170,345,10,10);


//////////////////////////////////////Right Side

//Stand
noStroke();
fill  (128,128,128);
rectMode(CENTER);
rect(230,355,3,15);

//Light
noStroke();
fill  (253,255,137,mouseY/0.5);
ellipseMode(CENTER);
ellipse(230,345,10,10);


///////////////////////////////////////////////////////LANDSCAPE//////////
////////////////////////////////////////////bushes
///////////////////////////bush 1
noStroke();
fill (71,179,81);
rectMode(CORNERS);
rect(20,370,90,380);
noStroke();
fill  (65,166,75);
rectMode(CORNERS);
rect(10,380,80,390);
noStroke();
fill  (59,153,68);
rectMode(CORNERS);
rect(5,390,70,400);

/////////////////////////////////bush2
noStroke();
fill(71,179,81);
rectMode(CORNERS);
rect(310,370,365,380);
noStroke();
fill  (65,166,75);
rectMode(CORNERS);
rect(320,380,380,390);
noStroke();
fill  (59,153,68);
rectMode(CORNERS);
rect(330,390,390,400);

///////////////////////////////////////////////////////////lamp Posts/////////////////

////////////////////////////////////////////lamp post 1
/////////////////////////////////During Day
//light
noStroke();
fill(255,239,213);
rectMode(CENTER);
rect(370,325,10,10);

//top of post
noStroke();
fill  (128,128,128);
triangle(370,310,365,320,375,320);
noStroke();
fill(128,128,128);
rectMode(CENTER);
rect(370,320,15,2);

//bottom post
noStroke();
fill(128,128,128);
triangle(370,335,365,330,375,330);

//post
noStroke();
fill(128,128,128);
rectMode(CENTER);
rect(370,360,2,100);
noStroke();
fill(128,128,128);
rectMode(CORNERS);
rect(365,390,375,395);
noStroke();
fill(128,128,128);
rectMode(CORNERS);
rect(360,395,380,400);

//During the Night

//////////////////////////////////////////////////////////lamp post 2
noStroke();
fill(255,239,213);
rectMode(CENTER);
rect(30,325,10,10);

//top of post
noStroke();
fill  (128,128,128);
triangle(30,310,25,320,35,320);
noStroke();
fill(128,128,128);
rectMode(CENTER);
rect(30,320,15,2);

//bottom post
noStroke();
fill(128,128,128);
triangle(30,335,25,330,35,330);

//post
noStroke();
fill(128,128,128);
rectMode(CENTER);
rect(30,360,2,100);
noStroke();
fill(128,128,128);
rectMode(CORNERS);
rect(25,390,35,395);
noStroke();
fill(128,128,128);
rectMode(CORNERS);
rect(20,395,40,400);

///////////////////////////////////////////////////////// light posts during the night
//lIGHT LAMP POST 1
noStroke();
fill  (253,255,137,mouseY*0.5);
rectMode(CENTER);
rect(30,325,10,10);

//LIGHT LAMP POST 2
noStroke();
fill  (253,255,137,mouseY*0.5);
rectMode(CENTER);
rect(370,325,10,10);


///////////////////////////////////////////////////////////PLANTS OUTSIDE///////////////

///////////////////////////////////////First Plant
//Pot
noStroke();
fill  (161,126,97);
rectMode(CORNERS);
rect(110,385,160,390);
noStroke();
fill  (92,63,56);
rectMode(CORNERS);
rect(115,390,155,400);

//Plant
//branch
noStroke();
fill  (133,88,50);
rectMode(CORNER);
rect(120,380,5,5);

noStroke();
fill(133,88,50);
rectMode(CORNER);
rect(145,380,5,5);
//tree
noStroke();
fill  (127,154,88);
ellipseMode(CORNER);
ellipse(115,365,15,15);
noStroke();
fill(127,154,88);
ellipseMode(CORNER);
ellipse(140,365,15,15);


///////////////////////////////////////////////Second Plant
//Pot
noStroke();
fill  (161,126,97);
rectMode(CORNERS);
rect(245,385,295,390);
noStroke();
fill   (92,63,56);
rectMode(CORNERS);
rect(250,390,290,400);

//branch
noStroke();
fill  (133,88,50);
rectMode(CORNER);
rect(255,380,5,5);
noStroke();
fill(133,88,50);
rectMode(CORNER);
rect(280,380,5,5);

//tree
noStroke();
fill  (127,154,88);
ellipseMode(CORNER);
ellipse(250,365,15,15);
noStroke();
fill(127,154,88);
ellipseMode(CORNER);
ellipse(275,365,15,15);

}