Environment by Allana Maldonado

function setup() {

  createCanvas(500, 500); 

}

​

​

​

function draw() {

  background(253, 145, 91);

  background(38,31,137, mouseY)

  //stars

  fill(253,145,91)

  ellipse(87,63,10,10)

  ellipse(87,63,5,5)

  ellipse(425,17,10,10)

  ellipse(425,17,5,5)

  ellipse(307,144,10,10)

  ellipse(307,144,5,5)

  ellipse(41,220,10,10)

  ellipse(41,220,5,5)

  ellipse(145,259,10,10)

  ellipse(145,259,5,5)

  ellipse(221,310,5,5)

  ellipse(53,303,5,5)

  ellipse(325,301,5,5)

  ellipse(464,296,5,5)

  ellipse(217,3,5,5)

  //sky

  fill(250, 142, 247);

  noStroke();

  beginShape();

  curveVertex(137, 314);

  curveVertex(1, 266);

  curveVertex(158, 293);

  curveVertex(147, 146)

  curveVertex(500, 277);

  curveVertex(440, 500);

  endShape();

  fill(255, 245, 87);

  noStroke();

  beginShape();

  curveVertex(87, 293);

  curveVertex(0, 87);

  curveVertex(69, 97);

  curveVertex(92, 136)

  curveVertex(500, 93);

  curveVertex(76, 87);

  endShape();

  //sun

  let y4=map(mouseY,0,height,144,434,true);

  fill(255,255,181);

  ellipse(144,y4,100,100);

  let y5=map(mouseY,0,height,434,144,true)

  fill(255,230,253,mouseY-105);

  ellipse(144,y5,100,100);

  fill(223,223,148,85,mouseY-95)

  ellipse(142,y5-6,3,4)

  ellipse(148,y5+7,4,6)

  ellipse(146,y5-3,2,3)

  ellipse(156,y5-6,9,11)

  ellipse(132,y5-13,12,14)

  ellipse(123,y5+16,13,10)

  ellipse(163,y5+13,17,19)

  ellipse(159,y5-27,13,9)

  fill(149, 250, 142);

  noStroke();

  beginShape();

  curveVertex(100, 283);

  curveVertex(0, 174);

  curveVertex(475, 162);

  curveVertex(500, 186);

  curveVertex(187, 294);

  endShape();

​

  fill(151, 203, 255);

  noStroke();

  beginShape();

  curveVertex(37, 0);

  curveVertex(0, 37);

  curveVertex(36, 57);

  curveVertex(78, 27)

  curveVertex(500, 29);

  curveVertex(62, 49);

  endShape();

​

  //mountains

  fill(146,105,199)

  beginShape();

  curveVertex(384,294);

  curveVertex(0,503);

  curveVertex(259,344);

  curveVertex(500,348);

  curveVertex(500,500);

  curveVertex(500,328);

  endShape();

​

fill(174,126,236)

  beginShape();

  curveVertex(391,284);

  curveVertex(0,303);

  curveVertex(104,339);

  curveVertex(232,415);

  curveVertex(300,491);

  curveVertex(320,510);

  curveVertex(0,500);

  curveVertex(500,0);

  endShape();

​

  //shadow

  fill(mouseY,32,59,112)

  fill(146,105,mouseY-225-70,199)

  beginShape();

  vertex(238,357)

  vertex(277,357)

  vertex(287,352)

  vertex(325.5,371)

  vertex(329.5,369)

  vertex(324.5,391)

  vertex(295,387)

  vertex(300.5,383)

  endShape();

​

  //clouds

  let x1=map(mouseX, 0, width, -19.5, 203, true);

  fill(246,243,145)

  ellipse(x1,290,25,25)

  ellipse(x1+32,290,57,57)

  ellipse(x1+47,290,36,36)

  ellipse(x1+63,290,26,26)

  let x2=map(mouseX, 0, width, 175, 475, true);

  fill(246,145,246)

  ellipse(x2,120,23,23)

  ellipse(x2+27,120,39,39)

  ellipse(x2+56,120,52,52)

  ellipse(x2+87,120,28,28)

  let x3=map(mouseX, 0, width, 275, 475, true);

  fill(195,145,246)

  ellipse(x3,236,33,33)

  ellipse(x3+32,236,56,56)

  ellipse(x3+64,236,68,68)

  ellipse(x3+96,236,32,32)

  let x4=map(mouseX, 0, width, -20, 197, true);

  fill(153,255,163)

  ellipse(x4+7,39,21,21)

  ellipse(x4+29,39,37,37)

  ellipse(x4+53,39,46,46)

  ellipse(x4+71,39,27,27)

  //house

  fill(137,239,239);

  quad(238,321,277,321,277,357,238,357);

  fill(121,216,216);

  quad(277,321,287,317,287,352,277,357);

  fill(210,85,85);

  triangle(257,296,281,324,232,323);

  fill(181,71,71);

  quad(257,296,267,296,291,318,280,324);

  //house details

  fill(210,85,85);

  quad(242,333,252,333,252,335,242,335);

  quad(263,333,273,333,273,335,263,335);

  fill(225,255,255);

  quad(243,335,251,335,251,342,243,342);

  quad(264,335,272,335,272,342,264,342);

  stroke(131,179,182);

  line(247,335,247,342);

  line(268,335,268,342);

  line(243,339,250,339);

  line(265,339,272,339)

  fill(210,85,85)

  noStroke();

  arc(258,357,13,17, radians(180), radians(0), OPEN);

  fill(255,255,255)

  ellipse(262.5,356,2)

​

  //pathway

  fill(255,188,151)

  ellipse(256,364,2)

  ellipse(263.5,362,2)

  ellipse(264.5,371,2.5)

  ellipse(255.5,375,2.5)

  ellipse(263.5,382,2.7)

  ellipse(246.5,381,2.6)

  ellipse(257.5,385,2.6)

  ellipse(258.5,397,2.7)

  ellipse(252.5,392,2.7)

  ellipse(242.5,392,2.7)

  ellipse(250.5,405,2.8)

  ellipse(248.5,400,2.8)

  ellipse(239.5,403,2.8)

  ellipse(235.5,400,2.8)

  ellipse(243.5,414,2.9)

  ellipse(234.5,411,2.9)

  ellipse(229.5,407,2.9)

  ellipse(259.5,362,2.1)

  ellipse(251.5,373,2.1)

  ellipse(229.5,403,2.3)

  ellipse(107.5,362,27)

  ellipse(137.5,413,22)

  ellipse(67.5,407,26)

  ellipse(204.5,433,21)

  ellipse(123.5,470,23)

  ellipse(56.5,463,19)

  let y1 = map(mouseY,0,height,311,248, true);

  fill(49,165,95)

  triangle(348.5,y1,357,349,341,353)

  let y2 = map(mouseY,0,height,325,284,true);

  fill(92,210,140)

  triangle(373,y2,386,357,369,360)

  let y3 = map(mouseY,0,height,290,223,true);

  fill(84,158,114)

  triangle(394,y3,408,349,393,346)

​

  //lake

  fill(133,213,208)

  beginShape()

  vertex(347.5,390)

  vertex(353.5,383)

  vertex(373.5,384)

  vertex(385.5,376)

  vertex(403.5,376)

  vertex(423.5,388)

  vertex(438.5,406)

  vertex(433.5,419)

  vertex(402.5,425)

  vertex(396.5,429)

  vertex(382.5,427)

  vertex(367.5,432)

  vertex(352.5,426)

  vertex(352.5,415)

  vertex(345.5,405)

  vertex(347.5,390)

  endShape()

  let x5=map(mouseX, 0, width, 352,402, true);

  stroke(49,112,108)

  strokeWeight(3)

  line(x5,402,375,402)

  let x6=map(mouseX, 0, width, 395,429, true);

  stroke(49,112,108)

  strokeWeight(3)

  line(x6,408,419,408)

  let x7=map(mouseX, 0, width, 369,413, true);

  stroke(49,112,108)

  strokeWeight(3)

  line(x7,416,390,416)

  //swan

  let x8=map(mouseX, 0, width, 355,415, true);

  noStroke()

  fill(255,255,255)

  ellipse(x8,391,10,10)

  let x9=map(mouseX, 0, width, 355,415, true);

  fill(255,255,255)

  ellipse(x9+3,385,3,10)

  let x10=map(mouseX, 0, width, 355,415, true);

  fill(255,255,255)

  ellipse(x10+4,382,5,5)

  let x11=map(mouseX, 0, width, 355,415, true);

  fill(253,160,0)

  ellipse(x11+6,383,5,2)

  let x12=map(mouseX, 0, width,355,415, true);

  fill(0,0,0)

  ellipse(x12+4,382,2,2)         

}

​

​

​

​