enviroment draft

function setup() {

  createCanvas(500, 500);

  background(173,182,190) ;

}

​

function draw() {

  rectMode (CENTER) ;

stroke (0) ;

line (0,310,500,310) ;

  //background

  fill (169,104,116) ;

  noStroke () ;

  rect (251,315,500,100) ;

  //Background buildings

  fill (191,162,129) ;

  quad (459,65,472,76,472,161,459,161) ;

  fill (172,161,139) ;

  rect (434,124,50,120) ;

  fill (254,178,71) ;

  rect (386,192,180,60) ;

  fill (164,153,94) ;

  rect (285,124,30,160) ;

  fill (145,145,119) ;

  quad (272,45,247,54,247,206,272,206) ;

  fill (224,146,122) ;

  rect (54,140,30,90) ;

  fill (178,144,100) ;

  rect (75,155,30,80) ;

  fill (158,108,104) ;

  rect (150,179,140,180) ;

  fill (190,144,95) ;

  rect (160,180,57,200) ;

  fill (255,146,67) ;

  rect (214,191,80,140) ;

  fill (227,135,74) ;

  quad (174,121,145,126,145,234,174,234) ;

  //background details

  fill (208,131,117) ;

  rect (207,250,150,50) ;

  fill (215,120,123) ;

  quad (450,271,500,271,500,90,450,118) ;

  fill (250,147,77) ;

  quad (239,200,239,267,455,267,455,200) ;

  fill (132,102,82) ;

  rect (19,218,100,100) ;

  rect (9,151,40,40) ;

  //Trees

  fill (41,50,53) ;

  beginShape () ;

  vertex (213,237) ;

  vertex (176,233) ;

  vertex (171,245) ;

  vertex (174,268) ;

  vertex (189,279) ;

  vertex (205,264) ;

  vertex (213,237) ;

  endShape () ;

  //tree2

  beginShape () ;

  vertex (150,214) ;

  vertex (110,226);

  vertex (84,256) ;

  vertex (100,274) ;

  vertex (154,280) ;

  vertex (175,255) ;

  vertex (150,214) ;

  endShape () ;

  //tree 3

  beginShape () ;

  vertex (99,209) ;

  vertex (78,197) ;

  vertex (52,183) ;

  vertex (46,183) ;

  vertex (11,225) ;

  vertex (42,283) ;

  vertex (111,266) ;

  vertex(105,297) ;

  endShape () ;

  //poles and lights

  stroke (255,235,248) ;

  strokeWeight (4) ;

  line (120,291,120,175) ;

  line (120,185,139,179) ;

  fill (255,235,248) ;

  rect (149,179,15,7) ; 

  stroke (255,235,248) ;

  strokeWeight (3) ;

  line (196,235,196,209) ;

  stroke (255,235,248) ;

  noStroke ();

  //background building set 1

  fill (183,105,82) ;     

  quad (315,206,315,306,267,305,267,221) ;

  fill (214,127,79) ;

  quad (315,206,315,306,437,308,437,206) ;

  fill (190,151,119) ;

  quad (380,307,380,218,332,232,332,307) ; 

  fill (200,160,99) ;

  quad (380,218,380,307,440,307,440,231) ;

  //Poles continued

  stroke (255,235,248) ;

  strokeWeight (3)

  line (359,305,359,211) ;

  stroke (131,111,84) ;

  strokeWeight (4);

  line (421,290,421,171);

  fill (131,111,84) ;

  rect (421,187,10,10) ;

  line (447,291,447,191) ;

  rect (447,207,5,10) ;

  noStroke ();

  fill (228,178,161) ;

  rect (23,147,140,60) ;

  stroke (90,84,91) ;

  strokeWeight (7) ;

  line (37,270,37,157) ;

  line (16,266,16,197) ;

  noStroke () ;

  //road

  fill (156,143,124)

  rect (248,410,500,210) ;

  fill (142,105,113) ;

  rect (46,296,50,50) ;

  fill (53,48,44) ;

  rect (0,319,30,20) ;

  fill (142,105,113) ;

  rect (13,324,100,40) ;

  //road shading

  noStroke() ;

  fill (90,91,100) ;

  triangle (155,470,204,503,159,501) ;

  triangle (174,413,231,443,157,450) ;

  triangle (167,381,231,375,175,406) ;

  triangle (360,444,304,465,453,500) ;

  rect (460,478,70,50) ;

  rect (416,452,50,64) ;

  quad (293,389,266,408,350,415,336,384) ;

  //street lines

  stroke (224,173,155);

  strokeWeight (16) ;

  line (243,441,327,496) ;

  strokeWeight (13)

  line (231,410,225,372) ;

  strokeWeight (9) ;

  line (247,360,291,341) ;

  strokeWeight (6) ;

  line (328,330,397,322) ;

  //line details

  stroke (223,152,144) ;

  strokeWeight (8) ;

  line (325,501,251,452) ;

  //bluecar infront of black car

  noStroke ();

  fill (93,81,93) ;

  rect (126,336,150,90) ;

  rect(215,351,30,60) ;

  quad (221,321,209,293,188,292,195,322) ;

  //blue car lights and windows

  fill (255,114,95) ;

  rect (184,352,17,40) ;

  stroke (67,51,55) ;

  strokeWeight (8) ;

  line (211,323,209,316) ;

  line (198,324,194,306) ;

  strokeWeight (10) ;

  line (228,345,227,379) ;

  //blue car details

  stroke (150,125,142) ;

  strokeWeight (4) ;

  line (188,294,209,294);

  strokeWeight (10);

  line (52,295,186,295) ;

  //black car

  noStroke () ;

  fill (67,51,55) ;

  quad (0,327,169,327,169,430,0,430) ;

  rect (159,414,30,50) ;

  //blackcar lights and back windshield

  fill (255,114,95) ;

  rect (149,387,25,54) ;

  fill (63,41,45) ;

  rect (63,352,138,20) ;

  //black car details

  fill (243,110,106) ;

  rect (149,378,10,10) ;

  rect (149,399,10,10) ;

  fill (211,72,88) ;

  rect (149,372,23,3) ;

  rect (149,379,23,3) ;

  rect (149,401,23,3) ;

  //left car base

  noStroke () ;

  fill (211,146,114) 

quad (134,405,102,355,0,355,0,447) ;

rect (59,454,200,100) ;

  //backwindshield

  noStroke() ;

  fill (67,63,68) ;

  quad (114,405,92,368,0,368,0,405) ;

  //left car lights and plate

  fill (255,114,95) ;

  rect (132,430,60,40) ;

  fill (176,182,167) ;

  rect (56,455,60,30) ;

  //Left Car color details

  fill (212,148,119) ;

  rect (62,479,150,14) ;

  fill (182,103,102) ;

  rect (65,494,185,20) ;

  fill (207,169,166) ;

  rect (132,451,60,8) ;

  rect (34,359,110,7) ;

  fill (193,176,158) ;

  rect (56,450,60,25) ;

  fill (72,70,76) ;

  rect (17,380,60,23) ;

  fill (155,45,61) ;

  rect (131,427,59,4) ;

  fill (211,72,88) ;

  rect (132,436,59,5) ;

  rect (132,429,59,5) ;

  //middle right car

  fill (75,44,49) ;

  rect (349,357,100,100) ;

  quad (299,351,291,368,293,406,300,408)

  //lights

  fill (67,63,68) ;

  rect (343,339,60,40) ;

  fill (255,114,95) ;

  rect (321,370,20,10) ;  

  //right side car 

  fill (108,94,84) ;

  rect (442,379,120,180) ;

  quad (382,469,351,437,357,310,382,290) ;

  triangle (351,437,334,377,355,368) ;

  //right side car details

  fill (67,63,68) ;

  rect (455,349,87,58) ;

  strokeWeight (5) ;

  stroke (67,63,68) ;

  line (377,312,377,375) ;

  triangle (356,368,368,329,368,368) ;

  noStroke () ;

  fill (255,114,95) ;

  quad (393,391,424,391,436,419,393,419) ;

  fill (219,167,148) ;

  rect (473,432,45,30) ;

  //right car details

  fill (

}

​

function mousePressed(){ 

  print ("mouseX=", mouseX, "mouseY=", mouseY);

}