//Gotham City by Brandon Druschel :^)
void setup()
{
  size(1024, 600);
  background(34, 30, 31);
  rectMode(CENTER);
  noStroke();
}

void draw()
{
  background(34, 30, 31);
  textSize(12);
  //text("Position: " + mouseX + "," + mouseY, 10, 20); //shows position of cursor, for the sake of convenience


  //fill(240,242,239); //city color
  //fill(255,243,7); //spotlight color

  //
  //BRIDGE
  //
  stroke(240, 242, 239);
  strokeWeight(3);
  noFill();
  ellipse(550, 330, 100, 80); //arc 1
  ellipse(440, 330, 120, 60); //arc 2
  ellipse(660, 330, 120, 60); //arc 3
  noStroke();
  fill(34, 30, 31);
  rect(560, 280, 350, 100); //arc cutoff

  fill(240, 242, 239);
  rect(550, 428, 265, 7); //bottom front
  rect(550, 415, 265, 5); //bottom back
  rect(500, 374, 7, 100); //left big support
  rect(600, 374, 7, 100); //right big support

  //small supports (left to right, for the most part)
  rect(429, 392, 3, 68); //left 1
  rect(441, 392, 3, 68); //left 2
  rect(456, 392, 3, 68); //left 4
  rect(471, 391, 3, 68); //left 4
  rect(485, 388, 3, 73); //left 5

  rect(513, 391, 3, 68); //center 1
  rect(528, 396, 3, 57); //center 2
  rect(543, 397, 3, 57); //center 3
  rect(558, 397, 3, 57); //center 4
  rect(573, 397, 3, 63); //center 5
  rect(587, 392, 3, 68); //center 6

  rect(615, 388, 3, 73); //right 1
  rect(630, 391, 3, 68); //right 2
  rect(645, 391, 3, 68); //right 3
  rect(660, 392, 3, 68); //right 4
  rect(675, 392, 3, 68); //right 5

  //
  //LIGHT
  //
  fill(255, 243, 7);
  ellipse(540, 175, 144, 89); //spotlight
  triangle(515, 180, 565, 180, 515, 350); //light ray


  //
  //BATMAN SYMBOL
  //
  fill(34, 30, 31);
  ellipse(540, 175, 100, 50); //main

  fill(255, 243, 7);
  ellipse(530, 200, 20, 35); //left wing bottom
  ellipse(552, 200, 20, 35); //right wing bottom

  ellipse(513, 198, 17, 35); //left outer wing
  ellipse(569, 198, 17, 35); //right outer wing

  ellipse(523, 150, 20, 35); //left wing top
  ellipse(557, 150, 20, 35); //right wing top

  rect(540, 145, 20, 20); //head cut

  fill(34, 30, 31);
  triangle(532, 158, 532, 149, 538, 158); //left ear
  triangle(548, 157, 548, 148, 541, 157); //right ear


  //
  //BUILDINGS / SCRAPERS
  //

  //LEFT side of image -- from right to left:
  //(buildings labeled by number)
  fill(240, 242, 239);
  rect(420, 410, 10, 140); //1 - right edge
  rect(380, 360, 70, 240); //1 - main
  rect(390, 220, 15, 70); //1 - top
  rect(390, 184, 9, 10); //1 - tip

  fill(34, 30, 31);
  rect(397, 260, 10, 15); //1 - window 1
  rect(382, 275, 10, 15); //1 - window 2


  fill(240, 242, 239);
  rect(325, 415, 60, 110); //2 - little building


  rect(235, 320, 120, 320); //3 - main
  rect(258, 160, 55, 40); //3 - top
  rect(266, 130, 8, 30); //3 - tip

  fill(34, 30, 31);
  rect(276, 325, 6, 260); //3 - window 1
  rect(261, 325, 6, 260); //3 - window 2
  rect(246, 325, 6, 260); //3 - window 3
  rect(225, 325, 6, 260); //3 - window 4
  rect(210, 325, 6, 260); //3 - window 5
  rect(195, 325, 6, 260); //3 - window 6

  fill(240, 242, 239);
  rect(235, 228, 100, 7); //3 - window cut 1
  rect(235, 290, 100, 7); //3 - window cut 2
  rect(235, 390, 100, 7); //3 - window cut 3
  rect(235, 430, 100, 7); //3 - window cut 4


  rect(135, 430, 80, 80); //4 - bottom
  rect(135, 360, 63, 170); //4 - main


  rect(85, 410, 20, 140); //5 - right edge
  rect(45, 400, 70, 160); //5 - main
  ellipse(45, 300, 55, 45); //5 - fat circle!
  ellipse(45, 280, 8, 40); //5 - skinny circle! seriously though what kind of infrastructure is this??

  fill(34, 30, 31);
  rect(30, 340, 13, 13); //5 - window 1
  rect(30, 357, 13, 13); //5 - window 2

  fill(240, 242, 239);
  rect(0, 410, 20, 120); //6 - thatonesmallbuildingthatgetscutoutbytheleftsidenevertobeseeninitsfullcapacity


  //RIGHT side of image -- from left to right:
  //(buildings still labeled by number)
  rect(689, 405, 13, 170); //1 - left edge
  rect(730, 355, 70, 270);  //1 - main
  triangle(687, 220, 773, 220, 730, 175); //1 - roof

  fill(34, 30, 31);
  rect(730, 240, 9, 14); //1 - window 1
  rect(730, 258, 9, 14); //1 - window 2
  rect(730, 276, 9, 14); //1 - window 3


  fill(240, 242, 239);
  rect(800, 410, 110, 160); //2 - support
  rect(810, 355, 60, 260); //2 - main

  fill(34, 30, 31);
  rect(830, 245, 8, 11); //2 - window 1
  rect(795, 295, 8, 11); //2 - window 2
  rect(830, 320, 8, 11); //2 - window 3


  fill(240, 242, 239);
  rect(850, 430, 50, 100); //3 - small



  rect(920, 340, 90, 300); //4 - main
  rect(920, 190, 75, 60); //4 - top 1
  rect(920, 150, 50, 60); //4 - top 2
  rect(920, 139, 12, 60); //4 - tip 1
  rect(920, 110, 4, 90); //4 - tip 2

  fill(34, 30, 31);
  rect(920, 260, 35, 90); //4 - window

  fill(240, 242, 239);
  rect(920, 243, 40, 6); //4 - win cut 1
  rect(920, 277, 40, 6); //4 - win cut 2
  rect(920, 260, 6, 100); //4 - win cut 3


  rect(970, 405, 20, 150); //5 - thing 1
  rect(1000, 415, 50, 130); //5 - thing 2
  rect(1020, 385, 50, 210); //5 - thing 3

  fill(34, 30, 31);
  rect(1007, 300, 8, 11);
}