void setup() {
size(400, 360);
}
void draw() {
//Sky Colour//
noStroke();
colorMode(HSB);
background(160, 120, -mouseX/3 + 180);
fill(160, 120, -mouseX/3 + 180);
rect(0, 140, 400, 200);
fill(165, 120, -mouseX/3 + 180);
rect(0, 160, 400, 200);
fill(170, 120, -mouseX/3 + 180);
rect(0, 180, 400, 200);
fill(175, 120, -mouseX/3 + 180);
rect(0, 200, 400, 400);
fill(180, 120, -mouseX/3 + 180);
rect(0, 220, 400, 400);
fill(185, 120, -mouseX/3 + 180);
rect(0, 240, 400, 400);
fill(190, 120, -mouseX/3 + 180);
rect(0, 260, 400, 400);
//Moon//
colorMode(RGB);
fill(255, 247, 204, mouseX/1.6);
ellipse(mouseX - 60, 90, 60, 60);
colorMode(HSB);
fill(160, 120, -mouseX/3 + 180);
ellipse(mouseX - 70, 90, 50, 50);
//Stars//
colorMode(RGB);
stroke(255, 255, 255, mouseX/1.6);
strokeWeight(2);
point(30, 80);
point(50, 140);
point(60, 50);
point(110, 70);
point(120, 120);
point(150, 20);
point(180, 150);
point(190, 70);
point(230, 30);
point(280, 110);
point(290, 30);
point(320, 50);
point(352, 100);
point(370, 20);
point(380, 140);
//Sun//
noStroke();
fill(242, 124, 51);
ellipse(mouseX + 340, 90, 60, 60);
//Background Buildings//
fill(140, 160, 170);
//<100//
rect(0, 260, 50, 100);
rect(40, 250, 10, 10);
rect(50, 290, 50, 100);
rect(65, 230, 20, 100);
//100-200//
triangle(100, 260, 120, 240, 120, 260);
rect(100, 260, 20, 100);
rect(120, 300, 280, 100);
rect(125, 295, 5, 5);
rect(130, 220, 5, 5);
rect(130, 225, 10, 100);
rect(140, 270, 10, 40);
rect(150, 290, 20, 20);
rect(170, 210, 20, 120);
rect(180, 200, 10, 10);
rect(175, 205, 5, 5);
triangle(190, 260, 200, 270, 190, 270);
rect(190, 270, 10, 40);
//200-300//
rect(200, 230, 25, 80);
rect(220, 280, 20, 40);
rect(240, 250, 40, 100);
rect(280, 270, 5, 40);
rect(285, 220, 15, 100);
//>300//
rect(300, 260, 10, 100);
rect(310, 210, 30, 150);
rect(315, 205, 5, 5);
rect(320, 200, 10, 10);
rect(330, 205, 5, 5);
rect(340, 240, 10, 100);
rect(350, 300, 25, 40);
rect(375, 250, 10, 5);
rect(375, 255, 20, 100);
//Background Lights//
strokeWeight(1);
stroke(255, 255, 255, mouseX/1.6);
//1st Building//
line(120, 240, 100, 260);
line(100, 260, 120, 280);
line(120, 280, 100, 300);
line(100, 300, 120, 320);
line(100, 260, 100, 360);
line(120, 240, 120, 360);
//2nd Building//
strokeWeight(2);
line(173, 213, 173, 215);
line(173, 233, 173, 235);
line(173, 253, 173, 255);
line(173, 263, 173, 265);
line(173, 283, 173, 285);
line(179, 223, 179, 225);
line(179, 243, 179, 245);
line(179, 253, 179, 255);
line(179, 273, 179, 275);
line(179, 283, 179, 285);
line(184, 233, 184, 235);
line(184, 243, 184, 245);
line(184, 273, 184, 275);
//3rd Building//
strokeWeight(1);
line(310, 210, 340, 210);
line(310, 210, 310, 360);
line(315, 210, 315, 360);
line(320, 210, 320, 360);
line(325, 210, 325, 360);
line(330, 210, 330, 360);
line(335, 210, 335, 360);
line(340, 210, 340, 360);
//CN Tower//
colorMode(RGB);
noStroke();
fill(58, 88, 110);
triangle(255, 40, 240, 340, 270, 340);
rect(250, 140, 10, 10);
ellipse(255, 130, 40, 20);
colorMode(HSB);
fill(255, 175, 250, mouseX/1.6);
stroke(255, 175, 250, mouseX/1.6);
strokeWeight(2);
line(255, 140, 255, 360);
noStroke();
ellipse(255, 130, 40, 20);
colorMode(RGB);
fill(58, 88, 110);
ellipse(255, 125, 30, 12);
colorMode(HSB);
fill(160, 120, -mouseX/3 + 180);
rect(230, 122, 10, 15);
rect(270, 122, 10, 15);
//Foreground Buildings//
colorMode(RGB);
fill(15, 35, 64);
rect(0, 340, 310, 60);
rect(320, 340, 80, 60);
rect(310, 360, 10, 40);
//1st//
rect(0, 320, 40, 20);
rect(10, 240, 30, 80);
rect(20, 220, 10, 20);
triangle(25, 210, 20, 220, 30, 220);
rect(10, 235, 10, 5);
rect(15, 230, 5, 5);
rect(30, 230, 5, 5);
rect(30, 235, 10, 5);
//2nd//
rect(50, 320, 50, 20);
rect(60, 260, 10, 60);
rect(70, 265, 5, 5);
rect(70, 270, 5, 40);
rect(70, 310, 10, 10);
rect(80, 275, 10, 45);
rect(90, 300, 10, 20);
//Rogers Centre//
ellipse(160, 360, 180, 120);
//3rd//
rect(210, 270, 20, 50);
rect(220, 260, 10, 10);
rect(230, 320, 20, 20);
//4th//
rect(260, 330, 50, 10);
rect(270, 280, 10, 50);
rect(280, 310, 10, 20);
triangle(280, 310, 290, 310, 290, 300);
rect(290, 270, 10, 60);
//5th//
triangle(320, 240, 320, 260, 340, 260);
rect(320, 260, 20, 80);
rect(340, 320, 10, 10);
rect(340, 330, 20, 10);
//5th//
rect(360, 280, 10, 20);
rect(360, 300, 20, 40);
rect(370, 290, 5, 10);
rect(375, 295, 5, 5);
rect(390, 270, 10, 70);
//Foreground Lights//
stroke(255, 255, 255, mouseX/1.6);
fill(255, 255, 255, mouseX/1.6);
strokeWeight(2);
//1st Building//
line(10, 240, 40, 240);
line(10, 240, 10, 360);
line(15, 240, 15, 360);
line(20, 220, 20, 360);
line(25, 240, 25, 360);
line(30, 220, 30, 360);
line(35, 240, 35, 360);
line(40, 240, 40, 360);
line(20, 230, 30, 230);
ellipse(25, 224, 4, 4);
noFill();
triangle(25, 210, 20, 220, 30, 220);
//2nd Building
line(62, 263, 62, 265);
line(62, 273, 62, 275);
line(62, 283, 62, 285);
line(62, 303, 62, 305);
line(62, 313, 62, 315);
line(62, 323, 62, 325);
line(62, 333, 62, 335);
line(62, 353, 62, 355);
line(67, 263, 67, 265);
line(67, 283, 67, 285);
line(67, 293, 67, 295);
line(67, 313, 67, 315);
line(67, 323, 67, 325);
line(67, 343, 67, 345);
line(67, 353, 67, 355);
line(71, 273, 71, 275);
line(71, 283, 71, 285);
line(71, 293, 71, 295);
line(71, 303, 71, 305);
line(71, 323, 71, 325);
line(71, 333, 71, 335);
line(71, 343, 71, 345);
//3rd Building//
line(82, 280, 82, 282);
line(82, 290, 82, 292);
line(82, 310, 82, 312);
line(82, 320, 82, 322);
line(82, 330, 82, 332);
line(82, 350, 82, 352);
line(82, 360, 82, 362);
line(87, 280, 87, 282);
line(87, 300, 87, 302);
line(87, 320, 87, 322);
line(87, 330, 87, 332);
line(87, 340, 87, 342);
line(87, 350, 87, 352);
line(92, 310, 92, 312);
line(92, 320, 92, 322);
line(92, 350, 92, 352);
line(97, 310, 97, 312);
line(97, 330, 97, 332);
line(97, 340, 97, 342);
line(97, 360, 97, 362);
//4th Buildding//
line(213, 275, 226, 275);
line(213, 280, 226, 280);
line(213, 285, 226, 285);
line(213, 290, 226, 290);
line(213, 295, 226, 295);
line(213, 300, 226, 300);
line(213, 305, 226, 305);
line(213, 310, 226, 310);
line(213, 315, 226, 315);
line(213, 320, 226, 320);
line(213, 325, 226, 325);
line(213, 330, 226, 330);
line(213, 335, 226, 335);
line(213, 340, 226, 340);
line(213, 345, 226, 345);
line(213, 350, 226, 350);
line(213, 355, 226, 355);
line(213, 360, 226, 360);
line(213, 365, 226, 365);
//5th Building//
line(320, 240, 340, 260);
line(340, 260, 320, 280);
line(320, 280, 340, 300);
line(340, 300, 320, 320);
line(320, 320, 340, 340);
line(340, 340, 320, 360);
line(320, 240, 320, 360);
line(340, 260, 340, 360);
//6th Building//
line(363, 283, 363, 287);
line(363, 303, 363, 307);
line(363, 313, 363, 317);
line(363, 323, 363, 327);
line(363, 343, 363, 347);
line(369, 293, 369, 297);
line(369, 313, 369, 317);
line(369, 323, 369, 327);
line(369, 333, 369, 337);
line(374, 303, 374, 307);
line(374, 323, 374, 327);
line(374, 333, 374, 337);
line(374, 343, 374, 347);
}
