xxxxxxxxxx
function setup() {
createCanvas(400, 400);
} //end create
function draw() {
background(253, 150, 169);
//bottom sky shading
noStroke()
fill(244, 93, 1,70)
quad(0,150,0,200, 400,300,400,200)
//street
strokeWeight(1)
stroke(43, 45, 48)
fill(43, 45, 48) //dark grey
triangle(0,200,0,400,400,300) // road top
triangle(400,300,0,400,400,400) //road bottom
stroke(0,0,0) //black
//cloud
fill(244, 93, 1) //orange
stroke(244, 93, 1) //cloud
ellipse(50,50,100,50) //left cloud
ellipse(110,80,150,50) //bottom cloud
ellipse(150,50,200,50) //right cloud
ellipse(100,20,100,50) //top cloud
fill(235, 210, 26) //yellow
ellipse(100,20,90,40) //top yellow highlight
fill(244,93,1) //orange
ellipse(100,30,90,40) // top orange shade
fill(236, 8, 104) //hot pink
ellipse(175, 230, 65) //sun
ellipse(150,50,190,40)//pink highlight
fill(244,93,1) //orange
ellipse(135,50,170,40) //right orange shade
//houses
stroke(0,0,0)
fill(244, 253, 175) //light yellow
quad(380,295,200,250,200,140,380,170) //right house
quad(10,202,150,237,150,130,10,110) //left house
//sidewalk
fill(188, 192, 196)
quad(0,230,0,200, 400,300,400,350)
//roof and doors
fill(162, 0, 33) //red
triangle(180,150,410,180,270,105) //right roof
quad(230,257,230,200,270,207,270,268) //right door
triangle(-15,120,178,150,75,80) //left roof
quad(25,205,60,214,60,168,25,162) //left door
//streetlights
strokeWeight(8)
stroke(43, 43, 43) //grey
line(350,335,350,110) //verticle right pole
line(350,125,250,135) //horizontal right pole
line(115,265,115,90)// verticle left pole
line(115,100,30,110) //horizontal left pole
fill(43,43,43) //grey
ellipse(30,115,30,10)// left grey light
ellipse(250,140,30,10)// right grey light
noStroke()
fill(235, 210, 26) //yellow
ellipse(30,120,20,20) //left light bulb
ellipse(250,145,20,20) // right light bulb
fill(235,219,26,90)
triangle(30,110,-5,280,70,310) // left street light
triangle(250,135,200,370,300,400) //right street light
//lane dividers
strokeWeight(7)
stroke(235, 210, 26) //yellow
line(200,390,130,360) //lane line
line(70,330,5,300) //lane line
// Diddy Bop
textSize(42)
stroke(236, 8, 104)
fill(235, 210, 26)
text('Diddy Bop',200,370)
} //end draw