“Rules” in my plan

1. Convey a neighborhood that is pedestrian friendly
   -> narrow road structures through the surrounding the park, yet broader roads on the outer part of the neighborhood
2. Demonstrate a balance between nature and human built environment by presenting park, small & big buildings
   -> Park centered in the map, small buildings filled with stores and bigger office buildings behind the small buildings
3. Neighborhood does not portray patterned district or spacing due to long history of the city, so utilized different building and road sizes.
   ->Harder to incorporated functions Processing because not many objects on my map followed a pattern
4. Distinguishing roads and pedestrian spaces
   -> Outlined the roads using a line after using rectangle and quadrilateral to indicate the road

def setup():
    #this is your canvas size
    size(1020,1020)
    background(220)global drawHouse1, drawHouse2, drawHouse3, drawHouse4, treeTop1, treeTop2, treeTop3, treeTop4, treeTop5, treeTop6, treeTop7, treeTop8, treeTop9, treeTop10, treeTop11, treeTop12, treeBottom1, treeBottom2, treeBottom3, treeBottom4, treeBottom5, treeBottom6, treeBottom7, treeBottom8, treeBottom9, treeBottom10, treeBottom11, treeBottom12
            
#define Houses using functiondef drawHouse1(houseX, houseY, houseWidth1, houseDepth):
        rect(770, 480, 50, 60)
        
    def drawHouse2(houseX, houseY, houseWidth, houseDepth):
        rect(770, 550, 50, 60)def drawHouse3(houseX, houseY, houseWidth, houseDepth):
       rect(770, 620, 50, 60)
        
    def drawHouse4(houseX, houseY, houseWidth, houseDepth):
        rect(770, 690, 50, 60)
 
# define Trees using function
# define treeTops
    
    def treeTop1(treeX, treeY, ellipseW, ellipseX):
        ellipse(430, 100, 30, 50)
    def treeTop2(treeX, treeY, ellipseW, ellipseX):
        ellipse(400, 200, 30, 50)
    def treeTop3(treeX, treeY, ellipseW, ellipseX):
        ellipse(430, 300, 30, 50)
    def treeTop4(treeX, treeY, ellipseW, ellipseX):
        ellipse(390, 390, 30, 50)
    def treeTop5(treeX, treeY, ellipseW, ellipseX):
        ellipse(460, 520, 30, 50)
    def treeTop6(treeX, treeY, ellipseW, ellipseX):
        ellipse(440, 610, 30, 50)
    def treeTop7(treeX, treeY, ellipseW, ellipseX):
        ellipse(470, 800, 30, 50)
    def treeTop8(treeX, treeY, ellipseW, ellipseX):
        ellipse(510, 880, 30, 50)
    def treeTop9(treeX, treeY, ellipseW, ellipseX):
        ellipse(630, 320, 30, 50)
    def treeTop10(treeX, treeY, ellipseW, ellipseX):
        ellipse(650, 150, 30, 50)
    def treeTop11(treeX, treeY, ellipseW, ellipseX):
        ellipse(640, 650, 30, 50)
    def treeTop12(treeX, treeY, ellipseW, ellipseX):
        ellipse(650, 800, 30, 50)# define treeBottoms
              
    def treeBottom1(treeX, treeY, rectW, tectX):
        rect(425, 120, 10, 20)  
    def treeBottom2(treeX, treeY, rectW, tectX):
        rect(395, 220, 10, 20)
    def treeBottom3(treeX, treeY, rectW, tectX):
        rect(425, 320, 10, 20)    
    def treeBottom4(treeX, treeY, rectW, tectX):
        rect(385, 410, 10, 20)         
    def treeBottom5(treeX, treeY, rectW, tectX):
        rect(455, 540, 10, 20)                        
    def treeBottom6(treeX, treeY, rectW, tectX):
        rect(435, 630, 10, 20)                      
    def treeBottom7(treeX, treeY, rectW, tectX):
        rect(465, 820, 10, 20)  
    def treeBottom8(treeX, treeY, rectW, tectX):
        rect(505, 900, 10, 20)
    def treeBottom9(treeX, treeY, rectW, tectX):
        rect(625, 340, 10, 20)    
    def treeBottom10(treeX, treeY, rectW, tectX):
        rect(645, 170, 10, 20)         
    def treeBottom11(treeX, treeY, rectW, tectX):
        rect(635, 670, 10, 20)                        
    def treeBottom12(treeX, treeY, rectW, tectX):
        rect(645, 820, 10, 20)                                                                                                                                                                                                                                                                                                                                                                                    
                                                                                                                            
def draw():
    
    #big buildings on the left
    
    fill(100, 100, 100)
    houseWidth = 150
    houseDepth = 400
    rect(40,50,houseWidth,houseDepth)houseWidth = 200
    houseDepth = 300
    rect(40,470,houseWidth,houseDepth)houseWidth = 180
    houseDepth = 200
    rect(40,790,houseWidth,houseDepth)#small buildings on the leftfill(150, 150, 150)
    houseWidth = 40
    houseDepth = 90
    rect(205,50,houseWidth,houseDepth)
        
    houseWidth = 40
    houseDepth = 50
    rect(205,150,houseWidth,houseDepth)houseWidth = 50
    houseDepth = 90
    rect(205,210,houseWidth,houseDepth)houseWidth = 60
    houseDepth = 140
    rect(205,310,houseWidth,houseDepth)houseWidth = 50
    houseDepth = 150
    rect(260,470,houseWidth,houseDepth)
    
    houseWidth = 50
    houseDepth = 60
    rect(260,630,houseWidth,houseDepth)
    
    houseWidth = 80
    houseDepth = 70
    rect(260,700,houseWidth,houseDepth)
    
    houseWidth = 120
    houseDepth = 60
    rect(240,790,houseWidth,houseDepth)
    
    houseWidth = 60
    houseDepth = 60
    rect(240,860,houseWidth,houseDepth)
    
    houseWidth = 120
    houseDepth = 60
    rect(240,930,houseWidth,houseDepth)#big buildings on the right
    
    fill(100, 100, 100)
    houseWidth = 150
    houseDepth = 400
    rect(830,50,houseWidth,houseDepth)
    
    houseDepth = 300
    rect(830,470,houseWidth,houseDepth)houseDepth = 200
    rect(830,790,houseWidth,houseDepth)#small buildings on the right (Size adjust using "Operation")
    
    fill(150, 150, 150)
    houseWidth = 150/3
    houseDepth1 = 60
    houseDepth2 = houseDepth1*3
    rect(770,40,houseWidth,houseDepth1)  
    rect(770,110,houseWidth,houseDepth1)
    rect(770,180,houseWidth,houseDepth1)
    rect(770,250,houseWidth,houseDepth1)
    rect(770,320,houseWidth,houseDepth1)
    rect(770,390,houseWidth,houseDepth1) 
    rect(770,800,houseWidth,houseDepth2)
    
    drawHouse1(1,1,1,1)
    drawHouse2(1,1,1,1)    
    drawHouse3(1,1,1,1)
    drawHouse4(1,1,1,1)    
    
    
        
#Park using "noStroke"
    
    fill(0, 110, 50)
    noStroke()
    quad(270, 50, 700, 50, 700, 1000, 470, 1000)
    
#River using "noStroke"
    
    fill(1, 101, 241)
    noStroke()
    quad(470, 53, 610, 53, 600, 1000, 580, 1800)
    
#Bridges on River
    
    fill(180,80,0)
    rect(470, 200, 150, 50)
    rect(510, 750, 100, 50)
    
#Street Outlines drawn by Lines using "stroke & strokeWeight"
    
    strokeWeight(5)
    stroke(80, 80, 80)
    line(0, 10, 1000, 10)
    line(0, 50, 1000, 50)
    line(0, 450, 1000, 450)
    line(0, 470, 1000, 470)
    line(250, 50, 1000, 3700)
    line(280, 50, 1000, 3500)
    line(730, 50, 730, 1000)
    line(700, 50, 700, 1000)
    line(0, 770, 400, 770) 
    line(0, 790, 400, 790) 
    line(730, 770, 1000, 770) 
    line(730, 790, 1000, 790)#Streets drawn by Rect & QuadnoStroke()
    fill(200,209,200)
    rect(0, 0, 1020, 50)
    rect(0, 450, 1020, 20)
    rect(700, 0, 30, 1000)
    rect(980, 0, 50, 1000)
    rect(0, 0, 40, 1000)
    rect(0, 990, 1020, 50)
    rect(0, 770, 420, 20)
    rect(700, 770, 300, 20)
    quad(255, 50, 285, 50, 475, 990, 445, 990)
                    
#Trees
   
    fill(0, 150, 50)
    treeTop1(1,1,1,1)
    treeTop2(1,1,1,1)
    treeTop3(1,1,1,1)
    treeTop4(1,1,1,1)
    treeTop5(1,1,1,1)
    treeTop6(1,1,1,1)
    treeTop7(1,1,1,1)
    treeTop8(1,1,1,1)
    treeTop9(1,1,1,1)
    treeTop10(1,1,1,1)
    treeTop11(1,1,1,1)
    treeTop12(1,1,1,1)
    
    fill(180,80,0)
    treeBottom1(1,1,1,1)
    treeBottom2(1,1,1,1)
    treeBottom3(1,1,1,1)
    treeBottom4(1,1,1,1)
    treeBottom5(1,1,1,1)
    treeBottom6(1,1,1,1)
    treeBottom7(1,1,1,1)
    treeBottom8(1,1,1,1)
    treeBottom9(1,1,1,1)
    treeBottom10(1,1,1,1)
    treeBottom11(1,1,1,1)
    treeBottom12(1,1,1,1)