Viewing Program

Program Data

Program thumbnail for "{props.program.title}"

Title	Summer's End
ID	5356201600565248
Created	4 years ago, 1629210046801
Updated	4 years ago, 1629210928287
Code	/ Contest: The Great Outdoors I have been programming for 48 months. I have completed 99 percent of Khan Academy's 'Intro to JS' course. I would prefer to be placed in the [Advanced] bracket @Subscribe - https://www.khanacademy.org/cs/i/6652809926492160 @Reference - https://dribbble.com/shots/15943040-Stepped-River @Collab - Anyone interested? / var math = (function(){ Math.lineLineCollide = function(x1,y1,x2,y2,x3,y3,x4,y4) { var denominator = ((x2 - x1) * (y4 - y3)) - ((y2 - y1) * (x4 - x3)); var numerator1 = ((y1 - y3) * (x4 - x3)) - ((x1 - x3) * (y4 - y3)); var numerator2 = ((y1 - y3) * (x2 - x1)) - ((x1 - x3) * (y2 - y1)); if (denominator === 0 ){ if (numerator1 === 0 && numerator2 === 0 ){ return false; } return false; } var r = numerator1 / denominator; var s = numerator2 / denominator; return (r >= 0 && r <= 1) && (s >= 0 && s <=1); }; Math.pointIsInPoly = function(x,y,array){ var counter = 0; for(var i = 0; i < array.length; i +=2){ if(Math.lineLineCollide(x,y,0,0,array[i],array[i+1],array[i+2],array[i+3])){ counter++; } } if(counter%2 === 1){ return true; } return false; }; })(); var imgs = (function(){ var i = { mountain:{ w:600, h:600, d:function(){ //Get the mask for the mountain noStroke(); background(0); fill(255); beginShape(); vertex(114,284); bezierVertex(124,294,124,294,114,284); bezierVertex(132,271,186,211,182,214); bezierVertex(193,196,199,211,199,212); bezierVertex(204,234,208,230,213,233); bezierVertex(216,233,216,238,218,244); bezierVertex(226,255,225,256,232,266); bezierVertex(237,275,246,274,252,269); bezierVertex(254,266,259,277,270,280); bezierVertex(279,278,288,291,298,297); bezierVertex(310,306,319,292,324,291); bezierVertex(338,289,343,285,347,282); bezierVertex(364,288,375,288,386,283); bezierVertex(396,293,425,332,415,322); bezierVertex(425,332,195,329,187,331); bezierVertex(128,329,120,333,110,323); endShape(); beginShape(); vertex(146,330); vertex(67,333); vertex(67,314); vertex(116,285); endShape(CLOSE); var mask = get(); //Light on mountain background(162,71,93); stroke(255, 183, 0); strokeWeight(10); beginShape(); vertex(206,206); vertex(249,277); vertex(280,285); vertex(312,309); vertex(401,283); endShape(); filter(BLUR,10); //Dark Shading on left side of mountain noStroke(); fill(100,42,57); beginShape(); vertex(180,216); bezierVertex(190,226,190,226,180,216); bezierVertex(200,190,188,211,185,215); bezierVertex(181,221,181,225,187,221); bezierVertex(188,221,185,225,183,229); bezierVertex(178,244,187,237,190,236); bezierVertex(205,227,190,242,187,249); bezierVertex(181,261,178,268,174,266); bezierVertex(168,257,170,281,169,282); bezierVertex(167,287,159,288,160,290); bezierVertex(158,296,158,296,159,299); bezierVertex(177,285,168,302,168,308); bezierVertex(159,317,148,327,147,331); bezierVertex(132,330,128,329,119,325); bezierVertex(129,335,88,301,102,291); bezierVertex(110,294,164,232,180,216); endShape(); beginShape(); vertex(146,330); vertex(67,333); vertex(67,314); vertex(116,285); endShape(CLOSE); //Small shading near bottom beginShape(); vertex(191,330); bezierVertex(201,340,201,340,191,330); bezierVertex(198,306,197,327,204,329); endShape(); //Shading second from right fill(121,49,51); beginShape(); vertex(235,271); bezierVertex(245,281,245,281,235,271); bezierVertex(233,276,234,280,237,281); bezierVertex(243,282,238,294,240,287); bezierVertex(237,300,243,292,249,285); bezierVertex(256,275,259,261,249,272); bezierVertex(244,269,240,271,235,271); endShape(); //lighter middle shading on main mountain fill(124,55,71); beginShape(); vertex(231,327); bezierVertex(241,337,241,337,231,327); bezierVertex(229,319,228,312,217,309); bezierVertex(208,305,217,304,205,301); bezierVertex(199,298,196,290,195,279); bezierVertex(204,288,205,292,215,294); bezierVertex(220,298,215,296,223,301); bezierVertex(228,305,224,303,231,305); bezierVertex(237,301,250,315,253,319); bezierVertex(271,337,254,325,245,329); endShape(); //Far right shading fill(118,50,51); beginShape(); vertex(347,284); bezierVertex(357,294,357,294,347,284); bezierVertex(349,288,347,292,345,293); bezierVertex(339,295,342,299,340,300); bezierVertex(339,307,336,304,334,306); bezierVertex(324,311,317,321,323,317); bezierVertex(333,327,370,330,360,320); bezierVertex(370,330,361,310,351,300); bezierVertex(345,288,353,294,353,291); bezierVertex(363,283,359,280,357,279); endShape(); //Render the entire thing var img = get(); if(img){ img.mask(mask); } background(255,0); image(img,0,0); }, }, hill1:{ w:600, h:600, d:function(){ noStroke(); //Mask the hill shape background(0); fill(255); beginShape(); vertex(216,337); bezierVertex(226,347,226,347,216,337); bezierVertex(204,337,158,341,191,333); bezierVertex(148,332,184,330,206,328); bezierVertex(242,323,266,326,272,324); bezierVertex(296,320,301,319,306,318); bezierVertex(345,305,387,322,384,326); bezierVertex(394,336,346,340,336,330); bezierVertex(313,335,295,333,283,334); bezierVertex(247,338,237,338,231,338); endShape(); var mask = get(); //The hill gradient fill(225,126,144); rect(0,0,600,600); for(var i = 0; i < 25; i ++){ fill(226,178,74,(i9.5)); rect(0,337-i,600,1); } //Mask it! var img = get(); if(img){ img.mask(mask); } //Tree function var tree = function(x,y,r,s,clr){ pushMatrix(); translate(x,y); rotate(r); scale(s); fill(clr); noStroke(); beginShape(); for(var i = 0; i < 60; i += random(3,7)){ vertex(map(i,0,60,0,20)+random(-2,2),60-i); } for(var i = 0; i < 60; i += random(5,7)){ vertex(20+map(i,0,60,0,20)+random(-2,2),i); } endShape(CLOSE); popMatrix(); }; //Draw the trees background(255,0); tree(226,314,0,0.3,color(35,2,20)); tree(221,317,0,0.3,color(35,2,20)); tree(212,311,0,0.3,color(35,2,20)); tree(173,313,0,0.3,color(35,2,20)); tree(356,295,0,0.4,color(35,2,20)); tree(363,298,0,0.4,color(35,2,20)); tree(371,298,0,0.4,color(35,2,20)); tree(378,303,0,0.4,color(35,2,20)); tree(397,293,0,0.4,color(35,2,20)); tree(340,307,0,0.4,color(35,2,20)); tree(334,300,0,0.4,color(35,2,20)); tree(321,300,0,0.4,color(35,2,20)); tree(310,306,0,0.4,color(35,2,20)); tree(300,308,0,0.4,color(35,2,20)); tree(291,304,0,0.4,color(35,2,20)); tree(285,310,0,0.4,color(35,2,20)); tree(272,310,0,0.4,color(35,2,20)); tree(266,304,0,0.4,color(35,2,20)); //The underside of the hill fill(199,78,99); pushMatrix(); translate(0,2); beginShape(); vertex(216,337); bezierVertex(226,347,226,347,216,337); bezierVertex(204,337,158,341,191,333); bezierVertex(148,332,184,330,206,328); bezierVertex(242,323,266,326,272,324); bezierVertex(296,320,301,319,306,318); bezierVertex(345,305,387,322,384,326); bezierVertex(394,336,346,340,336,330); bezierVertex(313,335,295,333,283,334); bezierVertex(247,338,237,338,231,338); endShape(); popMatrix(); //Draw the hill image(img,0,0); //draw the rest of the trees tree(240,320,0,0.15,color(94,20,19)); tree(271,314,0,0.2,color(94,20,19)); tree(299,310,0,0.2,color(94,20,19)); tree(325,315,0,0.1,color(94,20,19)); tree(320,309,0,0.1,color(94,20,19)); tree(333,310,0,0.1,color(94,20,19)); tree(285,317,0,0.1,color(94,20,19)); tree(261,322,0,0.1,color(94,20,19)); tree(228,322,0,0.1,color(94,20,19)); tree(194,327,0,0.1,color(94,20,19)); tree(195,322,0,0.1,color(94,20,19)); tree(204,326,0,0.1,color(165,57,47)); tree(180,326,0,0.1,color(165,57,47)); tree(248,323,0,0.1,color(165,57,47)); tree(281,324,0,0.1,color(165,57,47)); tree(313,314,0,0.1,color(165,57,47)); tree(337,315,0,0.1,color(165,57,47)); //shading on rocks fill(199,100,115); beginShape(); vertex(300,339); bezierVertex(310,349,310,349,300,339); bezierVertex(304,339,279,334,274,341); bezierVertex(275,343,283,342,288,342); bezierVertex(296,342,301,344,300,339); endShape(); rect(232,339,16,3,3); rect(304,337,12,2,2); //Rocks fill(222,95,120); beginShape(); vertex(289,340); bezierVertex(299,350,299,350,289,340); bezierVertex(283,340,261,343,283,336); bezierVertex(300,333,301,337,300,339); endShape(CLOSE); arc(240,340,16,8,180,360); beginShape(); vertex(316,337); bezierVertex(326,347,326,347,316,337); bezierVertex(316,335,314,330,304,337); endShape(); } }, hill2:{ w:600, h:600, d:function(){ //Mask the hill shape background(0); fill(255); noStroke(); beginShape(); vertex(551,248); bezierVertex(561,258,561,258,551,248); bezierVertex(531,248,463,280,441,292); bezierVertex(421,303,389,322,366,326); bezierVertex(285,339,327,346,338,350); bezierVertex(344,352,343,354,344,354); bezierVertex(345,357,345,360,345,364); bezierVertex(339,374,336,382,332,380); bezierVertex(342,390,578,343,568,333); endShape(); var mask = get(); //Pink yellow gradient for hill fill(224,100,122); rect(0,0,600,600); pushMatrix(); translate(315,340); rotate(-25); translate(-315,-340); strokeWeight(2); var c1 = color(224,100,122); var c2 = color(243,176,74); for(var i = 0; i < 40; i ++){ stroke(lerpColor(c2,c1,i/40)); line(315,340+i,600,340+i); } popMatrix(); //Underbelly noStroke(); fill(199,69,95); beginShape(); vertex(345,364); bezierVertex(355,374,355,374,345,364); bezierVertex(369,357,396,349,415,343); bezierVertex(449,331,456,322,476,313); bezierVertex(486,323,483,317,473,307); bezierVertex(458,317,428,327,414,332); bezierVertex(384,341,353,352,343,354); endShape(); //splotches pushMatrix(); translate(350,330); rotate(-20); randomSeed(2); for(var i = 0; i < 100; i ++){ var s = random(3,5); fill(199,random(35,65),random(30,90),100); ellipse(random(0,300),random(0,30),s,s/2.5); } for(var i = 0; i < 10; i ++){ var s = random(5,8); fill(199,random(35,65),random(30,90),100); ellipse(random(0,100),random(0,20),s,s/2.5); } popMatrix(); var img = get(); //Mask it! if(img){ img.mask(mask); } //Silhouette background(255,0); fill(247,228,95); noStroke(); beginShape(); vertex(318,338); bezierVertex(328,348,328,348,318,338); bezierVertex(335,331,345,328,367,324); bezierVertex(390,319,408,307,424,299); bezierVertex(448,282,537,244,550,246); bezierVertex(448,282,537,244,550,246); bezierVertex(560,256,430,339,420,329); endShape(); //Draw the grass var grasses = [321,339,323,338,324,338,327,336,329,336,332,334,335,333,338,332,341,332,345,329,346,328,349,328,351,328,354,328,356,327,360,326,362,326,366,325,368,325,372,324,376,322,379,322,381,321,383,320,388,318,393,317,399,313,403,311,408,310,410,308,411,307,416,304,421,303,421,301,425,299,441,291,445,288,447,287,397,314,400,312,389,317,387,318,416,304,416,304]; var grass = function(x,y){ pushMatrix(); translate(x,y); rotate(random(0,10)); scale(random(0.9,1.1)); triangle(0,0,random(2,3),0,1,random(-4,-6)); popMatrix(); }; for(var i = 0; i < grasses.length; i += 2){ grass(grasses[i],grasses[i+1]); } //Draw the hill image(img,0,0); //Rock fill(198,69,95); beginShape(); vertex(320,350); bezierVertex(330,360,330,360,320,350); bezierVertex(327,341,333,345,337,350); endShape(); } }, hill3:{ w:600, h:600, d:function(){ //Mask of the hill background(0); noStroke(); fill(255); beginShape(); vertex(104,333); bezierVertex(114,343,114,343,104,333); bezierVertex(120,337,173,343,208,350); bezierVertex(251,355,268,357,295,357); bezierVertex(299,371,289,373,281,374); bezierVertex(196,386,173,379,155,387); endShape(); var mask = get(); //Pink yellow gradient fill(223,98,122); rect(0,0,600,600); pushMatrix(); translate(300,337); rotate(2); translate(-300,-337); var c1 = color(223,98,122); var c2 = color(227,134,80); for(var i = 0; i < 25; i ++){ fill(lerpColor(c2,c1,i/25)); rect(0,341+i,600,1); } popMatrix(); //Underbelly of hill fill(196,69,96); beginShape(); vertex(191,380); vertex(217,375); vertex(232,375); vertex(242,376); vertex(266,368); vertex(271,371); vertex(281,369); vertex(281,364); vertex(285,363); vertex(293,357); vertex(309,374); vertex(223,393); endShape(CLOSE); //Slotches fill(194, 70, 70,100); for(var i = 0; i < 40; i ++){ ellipse(random(100,250),random(340,370),random(4,6),random(1.5,2)); } for(var i = 0; i < 5; i ++){ ellipse(random(100,250),random(340,370),random(8,10),random(3,4)); } //Mask it var img = get(); if(img){ img.mask(mask); } //Silhouette for grass background(255,0); fill(247,228,95); beginShape(); vertex(102,331); bezierVertex(112,341,112,341,102,331); bezierVertex(130,335,195,345,225,353); bezierVertex(130,335,195,345,225,353); bezierVertex(235,363,115,345,105,335); endShape(); //Grass function var grass = function(x,y){ pushMatrix(); translate(x,y); rotate(random(10,50)); scale(random(0.8,1.1)); triangle(0,0,random(2,3),0,1,random(-4,-6)); popMatrix(); }; //Draw the grass for(var i = 100; i < 210; i += random(2,4)){ grass(i,map(i,100,210,331,351)); } image(img,0,0); //Rock fill(222,102,115); noStroke(); beginShape(); vertex(243,389); bezierVertex(253,399,253,399,243,389); bezierVertex(229,383,252,377,255,377); bezierVertex(274,375,276,386,267,389); endShape(); //Shading on rock fill(199,69,95); beginShape(); vertex(244,389); bezierVertex(254,399,254,399,244,389); bezierVertex(253,382,260,382,260,382); bezierVertex(267,382,271,387,267,389); endShape(); }, }, hill4:{ w:600, h:600, d:function(){ //Mask the shape of the hill background(0); fill(255); noStroke(); beginShape(); vertex(42,306); bezierVertex(52,316,52,316,42,306); bezierVertex(60,312,75,321,100,331); bezierVertex(112,337,114,340,135,346); bezierVertex(158,354,190,373,202,380); bezierVertex(236,396,169,395,162,395); bezierVertex(81,391,123,442,99,432); bezierVertex(109,442,53,394,43,384); endShape(); var mask = get(); //Yellow pink gradient fill(217,98,124); rect(0,0,600,600); var c1 = color(237,161,80); var c2 = color(217, 98, 124); pushMatrix(); translate(0,285); rotate(25); translate(0,-285); for(var i = 0; i < 45; i ++){ fill(lerpColor(c1,c2,i/45)); rect(0,280+i,600,2); } //Grass function var grass2 = function(x,y,s){ pushMatrix(); translate(x,y); translate(11,58); rotate(~~random(0,3)10); var scl = s\|\| 0.3; var arr = [-scl,scl]; scale(arr[~~random(0,2)],scl); translate(-11,-58); beginShape(); vertex(11,17); bezierVertex(21,27,21,27,11,17); bezierVertex(7,38,3,52,14,58); bezierVertex(17,50,16,49,16,46); endShape(CLOSE); popMatrix(); }; //Draw the grass on the hill noStroke(); randomSeed(7); fill(219, 104, 65); for(var i = 0; i < 50; i ++){ grass2(random(0,215),random(233,280)); } fill(213,114,98); for(var i = 0; i < 50; i ++){ grass2(random(0,215),random(233,280)); } fill(212, 112, 91); for(var i = 0; i < 50; i ++){ grass2(random(0,215),random(233,280)); } fill(251,224,104,100); for(var i = 0; i < 60; i ++){ grass2(random(0,210),random(243,280),0.2); } popMatrix(); //Mask it var img = get(); if(img){ img.mask(mask); } //grass behind hill background(255,0); fill(251,224,104); var grass = function(x,y){ pushMatrix(); translate(x,y); rotate(~~random(1,6)10); scale(random(1,1.3)); triangle(0,0,random(1,2),0,1,random(-5,-8)); popMatrix(); }; for(var i = 139; i < 210; i += random(1,4)){ grass(i,map(i,139,210,345,384)); } for(var i = 90; i < 139; i += random(1,4)){ grass(i,map(i,90,139,325,347)); } //yellow silhouette fill(251,224,104); beginShape(); vertex(43,303); bezierVertex(53,313,53,313,43,303); bezierVertex(57,310,97,327,109,334); bezierVertex(114,336,128,343,141,346); bezierVertex(163,356,185,368,199,378); bezierVertex(209,388,73,351,63,341); endShape(); image(img,0,0); //Big dark rock fill(162,42,76); beginShape(); vertex(122,405); bezierVertex(132,415,132,415,122,405); bezierVertex(107,388,122,384,127,385); bezierVertex(161,392,175,404,158,405); endShape(); //Shading on rock fill(144,37,61); beginShape(); vertex(121,405); bezierVertex(131,415,131,415,121,405); bezierVertex(113,378,152,406,151,405); endShape(); //Smaller rocks fill(222,98,122); beginShape(); vertex(145,411); bezierVertex(155,421,155,421,145,411); bezierVertex(148,394,176,413,163,412); endShape(); beginShape(); vertex(178,404); bezierVertex(188,414,188,414,178,404); bezierVertex(183,396,188,401,189,404); endShape(); }, }, hill5:{ w:600, h:600, d:function(){ //Mask shape of the hill background(0); fill(255); noStroke(); beginShape(); vertex(539,342); bezierVertex(549,352,549,352,539,342); bezierVertex(446,340,284,386,282,401); bezierVertex(331,404,311,399,345,416); bezierVertex(366,426,366,421,393,415); bezierVertex(425,405,541,419,531,409); endShape(); var mask = get(); //Gradient for hill background(217,98,124); var c1 = color(237,161,80); var c2 = color(217, 98, 124); pushMatrix(); translate(260,400); rotate(-15); translate(-260,-400); for(var i = 0; i < 55; i ++){ fill(lerpColor(c1,c2,i/55)); rect(0,385+i,600,2); } popMatrix(); //Splotches fill(208,87,76,200); for(var i = 0; i < 50; i ++){ var x = random(310,470); var y = random(360,410); if(y < map(x,310,470,410,380)&& y > map(x,310,470,385,350)){ ellipse(x,y,random(6,10),random(2,4)); } } //Draw the grass var grass2 = function(x,y,s){ pushMatrix(); translate(x,y); translate(11,58); rotate(~~random(-1,2)10); var scl = s\|\| 0.3; var arr = [-scl,scl]; scale(arr[~~random(0,2)],scl+random(0.1,-0.1)); translate(-11,-58); beginShape(); vertex(11,17); bezierVertex(21,27,21,27,11,17); bezierVertex(7,38,3,52,14,58); bezierVertex(17,50,16,49,16,46); endShape(CLOSE); popMatrix(); }; pushMatrix(); translate(283,400); rotate(-15); translate(-283,-400); randomSeed(11); for(var i = 0; i < 50; i ++){ fill(219, 104, 65); grass2(random(300,500),random(340,370)); fill(213,114,98); grass2(random(300,500),random(340,370)); fill(212, 112, 91); grass2(random(300,500),random(340,370)); fill(251,224,104,100); grass2(random(280,500),random(340,370)); } for(var i = 0; i < 20; i ++){ fill(219, 104, 65); grass2(random(300,500),random(370,400)); fill(213,114,98); grass2(random(300,500),random(370,400)); fill(212, 112, 91); grass2(random(300,500),random(370,400)); fill(194, 94, 74); grass2(random(300,500),random(360,400)); grass2(random(300,500),random(360,400)); } popMatrix(); var img = get(); if(img){ img.mask(mask); } background(0); //Underneath section shape fill(255); noStroke(); beginShape(); vertex(282,401); bezierVertex(292,411,292,411,282,401); bezierVertex(293,404,296,425,295,432); bezierVertex(337,443,333,419,457,500); bezierVertex(467,510,479,399,469,389); endShape(); var mask2 = get(); //Underneath section shadings background(168,53,76); fill(191,64,91); beginShape(); vertex(335,409); bezierVertex(345,419,345,419,335,409); bezierVertex(334,441,354,440,363,442); bezierVertex(362,451,355,452,363,451); bezierVertex(373,461,406,469,396,459); bezierVertex(392,443,397,449,397,446); bezierVertex(394,440,394,437,399,433); bezierVertex(404,429,412,425,392,423); bezierVertex(397,418,368,412,382,412); endShape(); beginShape(); vertex(400,404); bezierVertex(410,414,410,414,400,404); bezierVertex(390,430,412,418,415,418); bezierVertex(422,420,422,424,420,426); bezierVertex(419,436,456,443,446,433); bezierVertex(456,443,461,406,451,396); endShape(); beginShape(); vertex(284,401); bezierVertex(294,411,294,411,284,401); bezierVertex(300,413,311,413,306,417); bezierVertex(302,420,308,421,309,421); bezierVertex(307,423,303,425,310,424); bezierVertex(307,426,307,427,312,428); bezierVertex(336,438,332,434,331,420); bezierVertex(328,396,324,397,314,387); endShape(); var img2 = get(); if(img2){ img2.mask(mask2); } background(255,0); //Grass silhouette noStroke(); fill(249,220,93); beginShape(); vertex(282,400); bezierVertex(292,410,292,410,282,400); bezierVertex(296,369,522,333,539,340); bezierVertex(549,350,548,357,538,347); endShape(); var grass = function(x,y){ pushMatrix(); translate(x,y); rotate(~~random(1,3)-10); scale(random(1.2,1.4)); triangle(0,0,random(2,3),0,1,random(-7,-10)); popMatrix(); }; for(var i = 282; i < 350; i += random(4,9)){ grass(i,map(i,282,350,398,372)); } for(var i = 350; i < 470; i += random(3,8)){ grass(i,map(i,350,470,371,349)); } //Draw the masked hill images image(img2,0,0); image(img,0,0); //Spray from waterfall stroke(255,240,240); strokeWeight(12); point(295,427); strokeWeight(2); for(var i = 0; i < 4; i ++){ point(random(290,300),random(415,420)); } strokeWeight(1); for(var i = 0; i < 4; i ++){ point(random(290,300),random(410,415)); } }, }, hill6:{ w:600, h:600, d:function(){ //Masking background(0); fill(255); beginShape(); vertex(527,351); bezierVertex(537,361,537,361,527,351); bezierVertex(525,371,430,437,412,450); bezierVertex(352,488,407,489,413,489); bezierVertex(443,495,426,535,516,513); endShape(); var mask = get(); //Grass image to mask var grass = function(x,y,s){ pushMatrix(); translate(x,y); translate(11,58); rotate(~~random(-3,-1)10); var scl = s\|\| 0.3; var arr = [-scl,scl]; scale(arr[~~random(0,2)],scl+random(0.1,-0.1)); translate(-11,-58); beginShape(); vertex(11,17); bezierVertex(21,27,21,27,11,17); bezierVertex(7,38,3,52,14,58); bezierVertex(17,50,16,49,16,46); endShape(CLOSE); popMatrix(); }; background(162,42,75); noStroke(); for(var i = 0; i < 250; i ++){ fill(150,33,60); grass(~~random(76,104)5,~~random(66,104)5); fill(181,55,86); grass(~~random(76,104)5,~~random(66,104)5); fill(184,61,72); grass(~~random(76,104)5,~~random(76,114)5); } var img = get(); if(img){ img.mask(mask); } background(255,0); //ligher grass silhouette fill(236,150,90); for(var i = 385; i < 455; i += random(2,6)){ grass(i,map(i,385,455,472,420)-62); } image(img,0,0); //darker grass silhouette fill(152,34,62); for(var i = 385; i < 455; i += random(8,13)){ grass(i,map(i,385,455,472,420)-62); } //Larger Rock fill(144,37,62); beginShape(); vertex(385,458); bezierVertex(395,468,395,468,385,458); bezierVertex(393,455,391,436,382,440); bezierVertex(333,455,365,457,366,458); endShape(); //shading fill(160,42,76); beginShape(); vertex(355,453); bezierVertex(365,463,365,463,355,453); bezierVertex(367,456,389,455,384,440); bezierVertex(364,441,355,450,354,453); endShape(); //light pink rock fill(219,102,123); beginShape(); vertex(341,463); bezierVertex(351,473,351,473,341,463); bezierVertex(351,454,355,465,353,464); endShape(); //Lower right rock fill(193,76,97); beginShape(); vertex(358,471); bezierVertex(368,481,368,481,358,471); bezierVertex(358,456,395,462,382,471); endShape(); //Shading on rock fill(171, 58, 85); beginShape(); vertex(364,471); bezierVertex(374,481,374,481,364,471); bezierVertex(362,459,378,462,381,462); bezierVertex(386,464,385,471,382,471); endShape(); //Short flat rock fill(198,69,98); beginShape(); vertex(372,505); bezierVertex(382,515,382,515,372,505); bezierVertex(358,504,393,488,409,492); bezierVertex(419,499,414,505,410,506); endShape(); //Shading on rock fill(169,53,76); beginShape(); vertex(386,505); bezierVertex(396,515,396,515,386,505); bezierVertex(421,486,416,506,410,506); endShape(); } }, hill7:{ w:600, h:600, d:function(){ //The mask for the hill background(0); noStroke(); fill(255); beginShape(); vertex(48,381); bezierVertex(58,391,58,391,48,381); bezierVertex(45,382,144,429,160,434); bezierVertex(227,454,150,468,144,473); bezierVertex(154,483,41,426,31,416); endShape(); var mask = get(); //grass image for hill background(170,59,82); var grass = function(x,y,s){ pushMatrix(); translate(x,y); translate(11,58); rotate(~~random(2,4)10); var scl = s\|\| 0.25; var arr = [-scl,scl]; scale(arr[~~random(0,2)],scl+random(0.1,-0.1)); translate(-11,-58); beginShape(); vertex(11,17); bezierVertex(21,27,21,27,11,17); bezierVertex(7,38,3,52,14,58); bezierVertex(17,50,16,49,16,46); endShape(CLOSE); popMatrix(); }; for(var i = 0; i < 200; i ++){ fill(195,82,112); grass(~~random(5,38)5,~~random(77,97)5-50); fill(191,74,77); grass(~~random(5,38)5,~~random(77,97)5-50); fill(158, 49, 56); grass(~~random(5,38)5,~~random(77,97)5-50); } var img = get(); //Mask it if(img){ img.mask(mask); } //yellow grass background(255,0); fill(255,246,129); beginShape(); vertex(51,379); bezierVertex(61,389,61,389,51,379); bezierVertex(60,387,143,426,170,435); bezierVertex(193,446,187,450,189,451); bezierVertex(193,446,187,450,189,451); bezierVertex(199,461,46,410,36,400); endShape(); for(var i = 60; i < 184; i += random(1,4)){ grass(i-10,map(i,60,184,385,442)-52,0.2); } //Underbelly of hill fill(142,29,58); beginShape(); vertex(187,449); bezierVertex(197,459,197,459,187,449); bezierVertex(193,459,166,484,176,490); bezierVertex(186,500,157,473,147,463); endShape(); image(img,0,0); //Grass silhouette fill(195,82,112); for(var i = 60; i < 184; i += random(5,12)){ grass(i-10,map(i,60,184,385,442)-51+random(0,3)); } fill(158, 49, 56); for(var i = 60; i < 184; i += random(5,12)){ grass(i-10,map(i,60,184,385,442)-51+random(0,3)); } }, }, hill8:{ w:600, h:600, d:function(){ //Grass function var grass = function(x,y,s,r){ pushMatrix(); translate(x,y); translate(11,58); var rot = r \|\| ~~random(2,4)10; rotate(rot); var scl = s\|\| 0.25; var arr = [-scl,scl]; scale(arr[~~random(0,2)],scl+random(0.1,-0.1)); translate(-11,-58); beginShape(); vertex(11,17); bezierVertex(21,27,21,27,11,17); bezierVertex(7,38,3,52,14,58); bezierVertex(17,50,16,49,16,46); endShape(CLOSE); popMatrix(); }; //Mask background(0); noStroke(); fill(255); beginShape(); vertex(46,408); bezierVertex(56,418,56,418,46,408); bezierVertex(73,420,147,468,256,505); bezierVertex(333,545,226,547,196,563); endShape(); for(var i = 81; i < 276; i += random(1,4)){ grass(i-10,map(i,81,276,428,516)-50,0.25,~~random(4,8)10); } var mask = get(); //hill image to mask background(109,24,53); for(var i = 0; i < 250; i ++){ fill(168,54,85); grass(~~random(80/5,280/5)5-10,~~random(430/5,570/5)5-50); fill(145,33,62); grass(~~random(80/5,280/5)5-10,~~random(430/5,570/5)5-50); grass(~~random(80/5,280/5)5-10,~~random(430/5,570/5)5-50); } var img = get(); //Mask it! if(img){ img.mask(mask); } //yellow grass in the background background(255,0); fill(253,198,150); for(var i = 81; i < 276; i += random(1,4)){ grass(i-10,map(i,81,276,428,516)-50,0.3); } image(img,0,0); //Smaller rock fill(216,106,127); beginShape(); vertex(267,501); bezierVertex(277,511,277,511,267,501); bezierVertex(268,496,273,496,280,501); endShape(); //Larger Rock fill(222,95,120); beginShape(); vertex(239,492); bezierVertex(249,502,249,502,239,492); bezierVertex(230,484,254,484,262,483); bezierVertex(275,479,277,492,271,492); endShape(); //Shading fill(197,70,95); beginShape(); vertex(240,492); bezierVertex(250,502,250,502,240,492); bezierVertex(239,487,251,489,262,488); bezierVertex(272,486,273,490,272,492); endShape(); }, }, lowerRiver:{ w:600, h:600, d:function(){ //Mask the reflection background(0); noStroke(); fill(255); beginShape(); vertex(232,550); bezierVertex(242,560,242,560,232,550); bezierVertex(242,560,504,549,422,514); bezierVertex(347,517,409,518,413,518); bezierVertex(408,530,357,538,346,538); bezierVertex(290,540,322,533,352,528); bezierVertex(391,525,347,516,332,516); bezierVertex(294,515,322,512,331,510); bezierVertex(352,505,394,506,363,510); bezierVertex(325,516,402,513,410,511); bezierVertex(524,496,404,480,384,478); bezierVertex(351,477,354,480,349,484); bezierVertex(345,489,327,492,314,495); bezierVertex(245,499,282,500,288,500); bezierVertex(329,497,339,493,349,492); bezierVertex(394,484,374,494,355,495); bezierVertex(321,497,350,499,354,498); bezierVertex(401,500,379,506,350,503); bezierVertex(314,494,309,501,307,503); bezierVertex(303,508,279,508,259,508); bezierVertex(355,513,286,520,274,516); bezierVertex(266,525,266,532,283,530); bezierVertex(328,529,264,542,258,536); endShape(); beginShape(); vertex(258,509); bezierVertex(268,519,268,519,258,509); bezierVertex(265,504,274,495,263,499); bezierVertex(242,498,271,493,293,488); bezierVertex(329,483,308,480,287,476); bezierVertex(237,474,268,473,282,468); bezierVertex(323,460,330,464,310,468); bezierVertex(277,475,327,472,336,471); bezierVertex(368,469,351,473,345,474); bezierVertex(312,479,354,478,363,477); bezierVertex(395,475,410,480,400,470); bezierVertex(410,480,440,437,363,436); bezierVertex(309,472,336,452,337,444); bezierVertex(294,365,143,467,184,467); bezierVertex(291,461,246,471,224,471); bezierVertex(188,472,242,479,246,478); bezierVertex(214,482,208,482,206,486); bezierVertex(216,496,234,524,224,514); bezierVertex(216,496,234,524,224,514); bezierVertex(216,496,234,524,224,514); endShape(); var mask = get(); //The gradient for the reflection noStroke(); fill(253,216,201); var c1 = color(253, 216, 201); var c2 = color(253,247,247); for(var i = 430; i < 550; i ++){ fill(lerpColor(c1,c2,(i-430)/120)); rect(0,i,600,1); } var img = get(); if(img){ img.mask(mask); } //The lower part of the river mask background(0); fill(255); beginShape(); vertex(234,550); bezierVertex(244,560,244,560,234,550); bezierVertex(264,551,392,540,422,525); bezierVertex(553,419,302,431,297,431); bezierVertex(236,441,166,464,153,462); endShape(); var mask2 = get(); //The river gradient background(255,0); noStroke(); var c1 = color(253,217,201); var c2 = color(253,191,202); for(var i = 430; i < 550; i ++){ fill(lerpColor(c1,c2,(i-430)/120)); rect(0,i,600,1); } var img2 = get(); if(img2){ img2.mask(mask2); } //Draw everything background(255,0); image(img2,0,0); image(img,0,0); } }, middleRiver:{ w:600, h:600, d:function(){ //Waterfall mask background(0); noStroke(); fill(255); beginShape(); vertex(139,432); bezierVertex(149,442,149,442,139,432); bezierVertex(197,423,284,404,291,397); bezierVertex(301,407,319,436,309,426); bezierVertex(294,424,161,466,152,466); endShape(); var mask = get(); //Waterfall image background(253,206,176); fill(250,165,166,150); for(var i = 160; i < 290; i += random(0,2)){ var y = map(i,170,290,455,425); triangle(i,y,i + random(1,4),y,i + 1, y - random(15,28)); } var img = get(); if(img){ img.mask(mask); } background(255,0); //River Gradient noStroke(); var c1 = color(253,245,228); var c2 = color(253,228,189); for(var i = 0; i < 60; i ++){ fill(lerpColor(c1,c2,i/60)); rect(0,i+370,600,1); } //Reflection on river noStroke(); fill(255,240,240,200); beginShape(); vertex(209,419); bezierVertex(219,429,219,429,209,419); bezierVertex(162,420,198,415,210,412); bezierVertex(248,407,216,402,193,402); bezierVertex(130,403,136,399,172,399); bezierVertex(228,394,240,393,223,391); bezierVertex(208,389,219,386,234,385); bezierVertex(372,359,192,369,189,368); bezierVertex(61,369,92,420,119,415); bezierVertex(227,407,135,421,120,431); bezierVertex(130,441,166,442,156,432); endShape(); beginShape(); vertex(256,404); bezierVertex(266,414,266,414,256,404); bezierVertex(259,396,225,402,240,402); endShape(); beginShape(); vertex(320,380); bezierVertex(330,390,330,390,320,380); bezierVertex(263,374,278,380,285,380); bezierVertex(229,395,315,383,321,385); endShape(); image(img,0,0); //Spray stroke(255,240,240); strokeWeight(12); for(var i = 160; i < 295; i +=random(4,7)){ point(i,map(i,160,290,458,428)+random(-2,2)); } strokeWeight(2); for(var i = 160; i < 290; i += random(2,4)){ point(i,map(i,160,290,458,428)+random(-5,-15)); } strokeWeight(1); for(var i = 160; i < 290; i += random(1,3)){ point(i,map(i,160,290,458,428)+random(-10,-20)); } } }, upperRiver:{ w:600, h:600, d:function(){ //Mask for river background(0); fill(255); noStroke(); beginShape(); vertex(94,333); bezierVertex(104,333,104,333,94,333); bezierVertex(145,330,364,314,347,360); bezierVertex(308,365,139,362,129,352); endShape(); var mask = get(); background(255,0); //gradient for river var c1 = color(250, 246, 218); var c2 = color(253,243,202); for(var i = 330; i < 360; i ++){ fill(lerpColor(c1,c2,(i-330)/30)); rect(0,i,600,1); } //Reflections on river fill(253,252,247,130); beginShape(); vertex(315,360); bezierVertex(325,370,325,370,315,360); bezierVertex(311,360,302,361,293,358); bezierVertex(301,351,297,347,288,354); bezierVertex(283,358,278,366,268,356); bezierVertex(292,346,289,344,277,345); bezierVertex(250,340,287,337,297,344); bezierVertex(304,347,308,345,310,348); bezierVertex(314,354,321,358,318,360); endShape(); beginShape(); vertex(236,354); bezierVertex(246,364,246,364,236,354); bezierVertex(251,350,259,347,241,342); bezierVertex(266,341,260,339,227,338); bezierVertex(182,335,209,342,214,343); bezierVertex(182,342,210,350,207,350); bezierVertex(217,360,185,356,175,346); bezierVertex(194,341,199,338,178,331); bezierVertex(133,320,98,320,103,326); bezierVertex(113,336,167,383,157,373); endShape(); var img = get(); //Draw the river if(img){ img.mask(mask); } background(255,0); image(img,0,0); //Waterfall background fill(253,201,174); beginShape(); vertex(294,357); bezierVertex(304,367,304,367,294,357); bezierVertex(308,358,317,360,343,355); bezierVertex(354,353,351,366,346,366); bezierVertex(328,370,301,372,290,368); endShape(); //pink texture on waterfall fill(223,98,122,70); for(var i = 295; i < 345; i += random(1,2)){ var yOff = (i-295)/15; triangle(i,370-yOff,i+2,370-yOff,i+1,random(357,365)-yOff); } //Spray stroke(255,240,240); strokeWeight(5); for(var i = 295; i < 345; i +=random(1,3)){ var yOff = (i-295)/15; point(i,random(369,372)-yOff); } strokeWeight(1); for(var i = 295; i < 345; i +=random(1,2)){ var yOff = (i-295)/15; point(i,random(368,362)-yOff); point(i,random(368,362)-yOff); } } }, waterfall:{ w:600, h:600, d:function(){ //Mask of the waterfall shape background(0); noStroke(); fill(255); beginShape(); vertex(232,552); bezierVertex(242,562,242,562,232,552); bezierVertex(258,550,401,539,422,525); vertex(422,600); vertex(232,600); endShape(); var mask = get(); //Waterfall gradient var c1 = color(246,134,159); var c2 = color(214, 94, 122); for(var i = 0; i < 75; i ++){ fill(lerpColor(c1,c2,i/75)); rect(0,i+525,600,1); } //Waterfall spray var waterfallSpray = function(x,y){ pushMatrix(); translate(x+20,y); scale(random(0.7,1.0),random(1,1.6)); translate(-20,0); beginShape(); vertex(20,1); bezierVertex(30,11,30,11,20,1); bezierVertex(20,0,24,23,20,28); bezierVertex(17,25,18,2,20,0); endShape(); popMatrix(); }; fill(200,74,102,150); for(var i = 220; i < 430; i += random(5,10)){ waterfallSpray(i,random(550,600)); } fill(241,110,118); for(var i = 220; i < 430; i += random(5,15)){ waterfallSpray(i,random(550,600)); } var img = get(); if(img){ img.mask(mask); } background(255,0); image(img,0,0); //Rock fill(185,60,90); beginShape(); vertex(328,554); bezierVertex(338,564,338,564,328,554); bezierVertex(327,570,318,558,316,553); bezierVertex(308,537,318,534,321,535); bezierVertex(326,536,330,538,330,545); endShape(); //Shading on Rock fill(160,42,76); beginShape(); vertex(328,555); bezierVertex(338,565,338,565,328,555); bezierVertex(326,566,319,562,316,552); bezierVertex(314,539,319,539,323,541); bezierVertex(326,542,329,544,330,546); endShape(); } }, leftTreeFront:{ w:600, h:600, d:function(){ noStroke(); //Light on trunk fill(173, 73, 66); pushMatrix(); translate(2,0); beginShape(); vertex(69,393); vertex(70,307); vertex(68,276); vertex(72,217); vertex(80,209); vertex(77,201); vertex(71,207); vertex(65,139); vertex(65,83); vertex(32,90); vertex(43,222); vertex(42,331); vertex(38,395); endShape(CLOSE); popMatrix(); filter(BLUR,1); //Trunk fill(40,0,11); beginShape(); vertex(69,393); vertex(70,307); vertex(68,276); vertex(72,217); vertex(80,209); vertex(77,201); vertex(71,207); vertex(65,139); vertex(65,83); vertex(32,90); vertex(43,222); vertex(42,331); vertex(38,395); endShape(CLOSE); } }, leftTreeMiddle:{ w:600, h:600, d:function(){ noStroke(); //Light behind Trunk fill(173, 73, 66); beginShape(); vertex(97,406); vertex(96,239); vertex(101,178); vertex(97,117); vertex(85,194); vertex(81,253); vertex(74,395); endShape(CLOSE); filter(BLUR,1); //Trunk fill(66,9,22); beginShape(); vertex(95,406); vertex(94,239); vertex(99,178); vertex(95,117); vertex(84,194); vertex(79,253); vertex(72,395); endShape(CLOSE); //Shading on trunk fill(45,3,14); beginShape(); vertex(95,406); vertex(94,239); vertex(99,178); vertex(95,117); vertex(91,189); vertex(78,394); endShape(CLOSE); //Leaf Function function leaf(x,y,s,r){ pushMatrix(); translate(x,y); rotate(r \|\| random(0,360)); scale(s \|\| random(0.2,0.25)); beginShape(); vertex(0,1); bezierVertex(15,1,27,5,30,31); bezierVertex(5,27,-1,22,0,1); endShape(); popMatrix(); } //draw the leaves var bounds = [96,257,141,249,104,235,156,216,104,207,163,187,106,177,175,149,114,142,167,119,102,108,138,89,104,58,53,88,76,106,32,118,76,136,26,148,81,166,81,179,27,181,83,206,34,223,81,236,45,252,82,260,96,257]; fill(59, 7, 18); randomSeed(3); for(var i = 0; i < 6000; i ++){ var x = random(0,180); var y = random(50,275); if(Math.pointIsInPoly(x,y,bounds)){ leaf(x,y); } } fill(38, 7, 14); for(var i = 0; i < 1000; i ++){ var x = random(0,180); var y = random(50,275); if(Math.pointIsInPoly(x,y,bounds)){ leaf(x,y); leaf(x,y); } } fill(59, 7, 18); for(var i = 0; i < 500; i ++){ var x = random(0,180); var y = random(50,275); if(Math.pointIsInPoly(x,y,bounds)){ leaf(x,y); leaf(x,y); } } } }, leftTreeBack:{ w:600, h:600, d:function(){ noStroke(); //Trunk fill(64, 9, 22); beginShape(); vertex(128,343); vertex(127,212); vertex(123,212); vertex(119,342); endShape(CLOSE); //Shading on trunk fill(80,9,23); beginShape(); vertex(128,343); vertex(127,212); vertex(125,212); vertex(123,342); endShape(CLOSE); //Leaf Function function leaf(x,y,s,r){ pushMatrix(); translate(x,y); rotate(r \|\| random(0,360)); scale(s \|\| random(0.2,0.25)); beginShape(); vertex(0,1); bezierVertex(15,1,27,5,30,31); bezierVertex(5,27,-1,22,0,1); endShape(); popMatrix(); } //Leaves var bounds = [127,313,158,297,131,288,181,260,130,247,177,231,138,213,178,200,134,179,164,170,135,155,118,139,104,151,88,164,112,176,76,192,115,210,76,217,110,236,63,258,102,275,110,284,89,304,123,315,127,313]; randomSeed(2); fill(86,10,25); for(var i = 0; i < 6000; i ++){ var x = random(70,180); var y = random(50,325); if(Math.pointIsInPoly(x,y,bounds)){ leaf(x,y,random(0.17,0.22)); } } fill(115, 23, 43); for(var i = 0; i < 1000; i ++){ var x = random(70,180); var y = random(50,325); if(Math.pointIsInPoly(x,y,bounds)){ leaf(x,y,random(0.17,0.22)); leaf(x,y,random(0.17,0.22)); } } fill(86,10,25); for(var i = 0; i < 1000; i ++){ var x = random(70,180); var y = random(50,325); if(Math.pointIsInPoly(x,y,bounds)){ leaf(x,y,random(0.17,0.22)); leaf(x,y,random(0.17,0.22)); } } }, }, rightTreeFront:{ w:600, h:600, d:function(){ noStroke(); //Light on trunk pushMatrix(); translate(-1,0); fill(173, 73, 66); beginShape(); vertex(451,369); vertex(451,334); vertex(447,303); vertex(449,204); vertex(445,156); vertex(445,143); vertex(436,133); vertex(441,124); vertex(446,129); vertex(452,93); vertex(452,57); vertex(484,58); vertex(481,139); vertex(484,216); vertex(481,278); vertex(488,361); endShape(CLOSE); popMatrix(); filter(BLUR,1); //trunk fill(51, 7, 17); beginShape(); vertex(451,369); vertex(451,334); vertex(447,303); vertex(449,204); vertex(445,156); vertex(445,143); vertex(436,133); vertex(441,124); vertex(446,129); vertex(452,93); vertex(452,57); vertex(484,58); vertex(481,139); vertex(484,216); vertex(481,278); vertex(488,361); endShape(CLOSE); //Shading on trunk fill(35,0,12); beginShape(); vertex(469,365); vertex(460,273); vertex(466,205); vertex(460,166); vertex(460,131); vertex(464,72); vertex(484,58); vertex(481,139); vertex(484,216); vertex(481,278); vertex(488,361); endShape(CLOSE); }, }, rightTreeMiddle:{ w:600, h:600, d:function(){ noStroke(); //Light behind trunk fill(173, 73, 66); pushMatrix(); translate(-1,0); beginShape(); vertex(421,357); vertex(417,220); vertex(417,105); vertex(427,107); vertex(431,205); vertex(445,359); endShape(CLOSE); popMatrix(); filter(BLUR,1); //Trunk fill(65,10,21); beginShape(); vertex(421,357); vertex(417,220); vertex(417,105); vertex(427,107); vertex(431,205); vertex(445,359); endShape(CLOSE); //Shading on trunk fill(46,5,15); beginShape(); vertex(430,357); vertex(423,129); vertex(427,107); vertex(431,205); vertex(445,359); endShape(CLOSE); //Leaf Function function leaf(x,y,s,r){ pushMatrix(); translate(x,y); rotate(r \|\| random(0,360)); scale(s \|\| random(0.2,0.25)); beginShape(); vertex(0,1); bezierVertex(15,1,27,5,30,31); bezierVertex(5,27,-1,22,0,1); endShape(); popMatrix(); } //Draw the leaves var bounds = [417,231,373,218,408,200,357,177,409,155,340,132,406,110,344,80,402,63,375,39,431,2,474,37,447,56,502,88,447,108,499,128,451,153,484,176,442,200,471,218,431,237,417,231]; fill(59, 7, 18); for(var i = 0; i < 6000; i ++){ var x = random(300,530); var y = random(0,275); if(Math.pointIsInPoly(x,y,bounds)){ leaf(x,y); } } fill(38, 7, 14); for(var i = 0; i < 1000; i ++){ var x = random(300,530); var y = random(0,275); if(Math.pointIsInPoly(x,y,bounds)){ leaf(x,y); leaf(x,y); } } fill(59, 7, 18); for(var i = 0; i < 700; i ++){ var x = random(300,530); var y = random(0,275); if(Math.pointIsInPoly(x,y,bounds)){ leaf(x,y); leaf(x,y); } } }, }, rightTreeBack:{ w:600, h:600, d:function(){ noStroke(); //trunk fill(86,10,26); beginShape(); vertex(403,348); vertex(390,352); vertex(395,204); vertex(397,204); endShape(CLOSE); //Shading on trunk fill(71,9,23); beginShape(); vertex(403,348); vertex(397,350); vertex(395,204); vertex(397,204); endShape(CLOSE); //Leaf Function function leaf(x,y,s,r){ pushMatrix(); translate(x,y); rotate(r \|\| random(0,360)); scale(s \|\| random(0.2,0.25)); beginShape(); vertex(0,1); bezierVertex(15,1,27,5,30,31); bezierVertex(5,27,-1,22,0,1); endShape(); popMatrix(); } //Draw the leaves var bounds = [400,294,419,291,435,271,402,268,436,254,452,231,410,231,455,202,407,195,437,176,402,138,372,171,394,193,351,206,400,228,343,231,367,258,389,263,356,283,393,293,400,294]; fill(86,10,25); for(var i = 0; i < 6000; i ++){ var x = random(300,450); var y = random(50,325); if(Math.pointIsInPoly(x,y,bounds)){ leaf(x,y,random(0.17,0.22)); } } fill(115, 23, 43); for(var i = 0; i < 1000; i ++){ var x = random(300,450); var y = random(50,325); if(Math.pointIsInPoly(x,y,bounds)){ leaf(x,y,random(0.17,0.22)); leaf(x,y,random(0.17,0.22)); } } fill(86,10,25); for(var i = 0; i < 1500; i ++){ var x = random(300,450); var y = random(50,325); if(Math.pointIsInPoly(x,y,bounds)){ leaf(x,y,random(0.17,0.22)); leaf(x,y,random(0.17,0.22)); } } }, }, overlay:{ w:600, h:600, d:function(){ background(0); //Circle around outside stroke(255); strokeWeight(350); noFill(); ellipse(290,285,890,900); //Texture around outside fill(255); noStroke(); beginShape(); vertex(152,526); bezierVertex(162,536,162,536,152,526); bezierVertex(163,520,191,537,205,541); bezierVertex(233,550,227,530,212,532); bezierVertex(192,519,194,526,188,523); bezierVertex(143,505,137,493,154,501); bezierVertex(170,500,137,483,128,475); bezierVertex(106,459,87,444,83,435); bezierVertex(68,404,75,434,72,434); bezierVertex(52,432,50,318,50,304); bezierVertex(42,282,51,272,40,269); bezierVertex(32,269,34,263,44,264); bezierVertex(55,259,52,250,42,240); bezierVertex(24,246,35,228,45,236); bezierVertex(55,246,65,219,55,209); bezierVertex(38,184,39,213,29,203); bezierVertex(4,312,5,440,55,507); endShape(); beginShape(); vertex(231,12); bezierVertex(241,22,241,22,231,12); bezierVertex(250,23,178,33,160,44); bezierVertex(169,25,211,12,210,14); endShape(); beginShape(); vertex(110,77); bezierVertex(120,87,120,87,110,77); bezierVertex(157,48,183,43,192,42); bezierVertex(205,42,200,39,210,37); bezierVertex(232,27,242,29,247,29); bezierVertex(273,28,274,27,274,25); bezierVertex(279,20,310,24,317,28); bezierVertex(348,24,437,69,445,77); bezierVertex(476,104,465,90,456,82); bezierVertex(441,63,463,83,473,94); bezierVertex(523,128,530,256,526,272); bezierVertex(526,315,473,400,465,389); bezierVertex(446,380,456,396,455,398); bezierVertex(459,407,448,403,444,404); bezierVertex(428,415,437,415,441,420); bezierVertex(445,426,445,430,443,431); bezierVertex(419,447,448,444,451,443); bezierVertex(464,441,470,460,459,467); bezierVertex(422,491,426,493,439,495); bezierVertex(469,482,430,519,423,527); bezierVertex(565,546,585,298,575,288); bezierVertex(566,50,379,20,372,20); bezierVertex(374,27,369,31,361,28); bezierVertex(332,19,342,22,332,21); bezierVertex(306,19,343,27,343,28); bezierVertex(362,38,328,24,317,23); bezierVertex(278,15,285,18,276,19); bezierVertex(261,20,254,21,244,21); bezierVertex(227,24,226,25,216,30); bezierVertex(195,36,203,35,197,37); bezierVertex(195,43,179,41,193,31); bezierVertex(128,26,125,74,115,64); endShape(); beginShape(); vertex(264,11); bezierVertex(274,21,274,21,264,11); bezierVertex(236,23,263,17,266,16); bezierVertex(282,17,292,16,283,13); bezierVertex(275,11,269,12,267,11); endShape(); fill(0); beginShape(); vertex(132,493); bezierVertex(142,503,142,503,132,493); bezierVertex(126,480,113,478,119,484); bezierVertex(122,487,126,489,128,491); endShape(); beginShape(); vertex(440,481); bezierVertex(450,491,450,491,440,481); bezierVertex(446,476,455,474,460,465); bezierVertex(440,461,471,461,461,462); bezierVertex(465,463,476,462,460,458); bezierVertex(446,437,464,450,463,448); bezierVertex(468,449,474,451,465,443); bezierVertex(486,445,500,440,485,437); bezierVertex(463,430,502,436,493,430); bezierVertex(490,406,506,411,512,405); bezierVertex(520,391,519,383,507,399); bezierVertex(496,407,492,404,498,397); bezierVertex(503,388,498,389,490,398); bezierVertex(488,407,486,410,484,395); bezierVertex(483,411,481,420,470,425); bezierVertex(479,428,479,435,466,428); bezierVertex(464,432,482,434,457,431); bezierVertex(469,435,451,430,482,434); bezierVertex(440,426,451,439,458,443); bezierVertex(444,441,440,444,435,445); endShape(); beginShape(); vertex(465,484); bezierVertex(475,496,475,496,465,484); bezierVertex(465,486,452,490,460,480); bezierVertex(476,464,473,478,465,484); endShape(); var mask = get(); //Gradient image background(20,0,0); var c1 = color(47,0,10); var c2 = color(20,0,0); strokeWeight(1); for(var i = 400; i < 600; i ++){ stroke(lerpColor(c1,c2,(i-400)/200)); line(0,i,i,0); } fill(c1); triangle(0,0,400,0,0,400); var img = get(); if(img){ img.mask(mask); } background(255,0); image(img,0,0); } }, sky:{ w:600, h:600, d:function(){ noStroke(); //Gradient circles backgroundll(251,222,183,150); var c1 = color(253,83,128); var c2 = color(252, 250, 194); for(var i = 100, inc = 42; i < 280; i += inc){ noStroke(); fill(lerpColor(c1,c2,(i-100)/180)); ellipse(285,290,(380-i)2,(380-i)2); inc = map(i,0,280,50,22); noFill(); strokeWeight(1); for(var j = 0; j < inc; j ++){ stroke(251,222,183,map(j,0,inc,100,20)); ellipse(285,290,(280-i)2-j2,(280-i)2-j2); } } //Pink texture fill(253,167,209,100); beginShape(); vertex(307,50); bezierVertex(317,60,317,60,307,50); bezierVertex(258,45,238,55,230,59); bezierVertex(206,71,227,69,234,65); bezierVertex(243,61,248,59,258,57); bezierVertex(279,51,264,57,260,59); bezierVertex(248,65,269,61,277,59); bezierVertex(304,53,317,57,303,62); bezierVertex(266,69,367,66,377,70); bezierVertex(355,57,325,53,308,50); endShape(); //yellow texture fill(251,209,176); beginShape(); vertex(309,132); bezierVertex(319,142,319,142,309,132); bezierVertex(313,132,314,135,303,134); bezierVertex(301,134,272,132,292,130); bezierVertex(299,130,295,124,284,125); bezierVertex(262,128,257,127,263,125); bezierVertex(288,119,263,121,254,123); bezierVertex(239,127,208,132,244,120); bezierVertex(253,118,263,117,271,117); bezierVertex(277,116,281,118,283,113); bezierVertex(285,106,291,112,299,113); bezierVertex(321,117,320,120,312,120); bezierVertex(294,120,308,124,308,123); bezierVertex(352,126,335,129,320,126); bezierVertex(360,140,331,135,317,130); bezierVertex(290,124,303,130,308,132); endShape(); beginShape(); vertex(215,128); bezierVertex(225,138,225,138,215,128); bezierVertex(220,125,227,119,207,126); bezierVertex(191,133,211,131,214,128); endShape(); beginShape(); vertex(243,93); bezierVertex(253,103,253,103,243,93); bezierVertex(266,95,264,86,244,86); bezierVertex(232,88,241,93,243,93); endShape(); beginShape(); vertex(324,143); bezierVertex(334,153,334,153,324,143); bezierVertex(330,147,337,141,326,139); bezierVertex(325,138,318,138,324,143); endShape(); beginShape(); vertex(353,101); bezierVertex(363,111,363,111,353,101); bezierVertex(368,108,361,118,351,108); bezierVertex(324,98,347,96,352,101); endShape(); //lighter ring fill(251,216,180); beginShape(); vertex(164,229); bezierVertex(174,239,174,239,164,229); bezierVertex(169,198,203,174,208,171); bezierVertex(199,167,235,153,237,152); bezierVertex(317,125,383,177,389,179); bezierVertex(399,189,404,211,394,201); bezierVertex(383,190,333,170,327,170); bezierVertex(332,175,320,171,309,169); bezierVertex(283,164,260,167,243,174); bezierVertex(234,178,217,184,227,177); bezierVertex(187,194,184,227,179,230); endShape(); //Clouds fill(253,235,247,150); beginShape(); vertex(272,161); bezierVertex(282,171,282,171,272,161); bezierVertex(262,161,236,156,265,151); bezierVertex(317,147,287,163,272,161); endShape(); beginShape(); vertex(193,160); bezierVertex(203,170,203,170,193,160); bezierVertex(185,167,174,163,189,152); bezierVertex(221,131,208,151,193,159); endShape(); //Larger cloud fill(252,201,209); beginShape(); vertex(181,104); bezierVertex(191,114,191,114,181,104); bezierVertex(180,101,185,98,187,101); bezierVertex(187,97,188,96,192,98); bezierVertex(191,93,196,92,198,93); bezierVertex(198,88,202,86,205,89); bezierVertex(211,76,221,83,223,89); bezierVertex(228,84,232,90,233,93); bezierVertex(237,92,239,93,237,97); bezierVertex(239,96,243,94,242,99); bezierVertex(248,96,248,101,254,104); endShape(); //sun fill(253,228,123); beginShape(); vertex(231,222); bezierVertex(241,232,241,232,231,222); bezierVertex(244,214,260,211,270,211); bezierVertex(283,206,266,210,257,207); bezierVertex(262,199,270,199,275,198); bezierVertex(251,193,247,211,231,222); endShape(); beginShape(); vertex(297,187); bezierVertex(307,197,307,197,297,187); bezierVertex(268,182,290,190,293,193); bezierVertex(285,194,328,207,339,216); bezierVertex(323,198,300,189,298,187); endShape(); beginShape(); vertex(226,259); bezierVertex(236,269,236,269,226,259); bezierVertex(254,271,261,225,314,257); bezierVertex(330,270,339,284,340,289); bezierVertex(350,299,330,305,320,295); bezierVertex(293,245,254,274,258,279); bezierVertex(268,289,231,276,221,266); endShape(); beginShape(); vertex(286,220); bezierVertex(296,230,296,230,286,220); bezierVertex(285,222,261,215,285,212); bezierVertex(300,208,299,215,306,214); bezierVertex(338,207,344,246,359,261); bezierVertex(368,274,338,251,328,241); bezierVertex(324,238,315,235,321,234); bezierVertex(307,228,295,226,297,222); bezierVertex(291,216,287,220,286,220); endShape(); beginShape(); vertex(223,252); bezierVertex(233,262,233,262,223,252); bezierVertex(235,238,225,241,234,235); bezierVertex(244,228,253,225,259,223); bezierVertex(264,222,269,214,248,222); bezierVertex(219,232,220,246,215,249); endShape(); beginShape(); vertex(288,235); bezierVertex(298,245,298,245,288,235); bezierVertex(303,236,319,240,332,251); bezierVertex(318,233,305,232,298,231); bezierVertex(289,231,295,235,287,234); endShape(); beginShape(); vertex(231,262); bezierVertex(241,272,241,272,231,262); bezierVertex(247,241,269,238,282,235); bezierVertex(246,234,225,256,227,260); endShape(); fill(251,239,39); beginShape(); vertex(351,209); bezierVertex(361,219,361,219,351,209); bezierVertex(319,186,341,209,347,216); bezierVertex(364,239,382,253,363,223); endShape(); beginShape(); vertex(310,236); bezierVertex(320,246,320,246,310,236); bezierVertex(323,241,323,238,311,229); bezierVertex(304,227,301,230,308,236); endShape(); beginShape(); vertex(371,271); bezierVertex(381,281,381,281,371,271); bezierVertex(354,251,342,224,332,214); bezierVertex(359,241,378,253,381,255); endShape(); beginShape(); vertex(233,216); bezierVertex(243,226,243,226,233,216); bezierVertex(253,207,245,219,236,221); bezierVertex(231,225,222,230,233,215); endShape(); beginShape(); vertex(268,190); bezierVertex(278,200,278,200,268,190); bezierVertex(272,190,272,187,268,187); bezierVertex(252,187,266,190,268,190); endShape(); beginShape(); vertex(214,235); bezierVertex(224,245,224,245,214,235); bezierVertex(232,209,247,206,239,204); bezierVertex(251,195,259,192,272,191); bezierVertex(230,189,215,221,203,236); endShape(); beginShape(); vertex(286,206); bezierVertex(296,216,296,216,286,206); bezierVertex(277,207,272,208,273,205); bezierVertex(263,206,257,204,267,203); bezierVertex(279,200,284,204,286,199); bezierVertex(302,198,300,203,296,202); bezierVertex(285,203,293,206,293,207); bezierVertex(295,209,290,210,287,207); endShape(); beginShape(); vertex(225,260); bezierVertex(235,270,235,270,225,260); bezierVertex(238,239,249,243,267,232); bezierVertex(271,231,294,225,278,226); bezierVertex(228,232,224,260,225,256); endShape(); beginShape(); vertex(258,228); bezierVertex(268,238,268,238,258,228); bezierVertex(269,224,269,216,257,223); bezierVertex(244,230,252,232,257,228); endShape(); beginShape(); vertex(222,232); bezierVertex(232,242,232,242,222,232); bezierVertex(226,230,225,225,220,230); bezierVertex(215,234,222,234,222,232); endShape(); beginShape(); vertex(289,219); bezierVertex(299,229,299,229,289,219); bezierVertex(296,220,301,213,287,215); bezierVertex(271,218,287,219,288,219); endShape(); beginShape(); vertex(324,222); bezierVertex(334,232,334,232,324,222); bezierVertex(332,228,331,220,327,220); bezierVertex(323,219,318,219,324,222); endShape(); beginShape(); vertex(295,240); bezierVertex(305,250,305,250,295,240); bezierVertex(305,234,306,244,313,250); endShape(); beginShape(); vertex(337,292); bezierVertex(347,302,347,302,337,292); bezierVertex(337,278,328,257,318,247); bezierVertex(334,255,352,286,356,291); endShape(); beginShape(); vertex(235,272); bezierVertex(245,282,245,282,235,272); bezierVertex(245,263,263,236,230,265); endShape(); beginShape(); vertex(251,264); bezierVertex(261,274,261,274,251,264); bezierVertex(252,260,268,240,249,260); bezierVertex(241,270,249,266,251,264); endShape(); beginShape(); vertex(276,245); bezierVertex(286,255,286,255,276,245); bezierVertex(271,246,242,254,271,241); bezierVertex(290,234,301,246,303,248); bezierVertex(311,257,302,254,295,251); bezierVertex(280,243,282,245,276,245); endShape(); beginShape(); vertex(277,255); bezierVertex(287,265,287,265,277,255); bezierVertex(296,245,306,260,310,264); bezierVertex(291,248,285,259,277,255); endShape(); beginShape(); vertex(262,278); bezierVertex(272,288,272,288,262,278); bezierVertex(287,245,320,275,319,295); bezierVertex(329,305,314,311,304,301); bezierVertex(309,288,291,268,278,283); endShape(); beginShape(); vertex(334,294); bezierVertex(344,304,344,304,334,294); bezierVertex(328,273,316,263,309,260); bezierVertex(329,264,355,303,345,293); endShape(); fill(252,223,8); beginShape(); vertex(261,277); bezierVertex(271,287,271,287,261,277); bezierVertex(291,237,322,283,319,297); bezierVertex(329,307,340,303,330,293); bezierVertex(331,299,291,220,250,273); endShape(); beginShape(); vertex(289,247); bezierVertex(299,257,299,257,289,247); bezierVertex(302,253,311,250,290,243); bezierVertex(262,245,287,247,288,247); endShape(); beginShape(); vertex(277,274); bezierVertex(287,284,287,284,277,274); bezierVertex(285,270,296,275,301,282); bezierVertex(303,291,309,291,306,285); bezierVertex(299,271,282,270,280,270); bezierVertex(265,274,277,274,277,274); endShape(); beginShape(); vertex(274,280); bezierVertex(284,290,284,290,274,280); bezierVertex(292,273,304,290,303,301); bezierVertex(313,311,281,299,271,289); endShape(); beginShape(); vertex(360,288); bezierVertex(370,298,370,298,360,288); bezierVertex(346,271,342,261,332,251); bezierVertex(342,261,379,285,369,275); endShape(); //Stars fill(255,200); ellipse(274,74,8,8); ellipse(317,89,7,7); ellipse(243,150,3,3); ellipse(222,158,4,4); ellipse(226,140,4,4); ellipse(191,172,6,6); ellipse(222,197,9,9); ellipse(220,113,3,3); ellipse(182,115,9,9); ellipse(188,105,3,3); ellipse(175,78,3,3); ellipse(192,52,6,6); ellipse(233,40,6,6); ellipse(274,275,4,4); ellipse(319,42,3,3); ellipse(292,15,4,4); ellipse(309,156,4,4); ellipse(331,170,3,3); ellipse(344,148,4,4); ellipse(279,93,3,3); ellipse(368,78,4,4); ellipse(360,50,7,7); }, }, birds:{ w:600, h:600, d:function(){ noStroke(); fill(87,16,24); //Right Bird beginShape(); vertex(248,205); bezierVertex(258,215,258,215,248,205); bezierVertex(234,198,237,203,236,204); bezierVertex(240,205,241,204,243,208); bezierVertex(242,209,242,209,241,211); bezierVertex(249,207,249,209,250,209); bezierVertex(259,211,255,204,248,206); endShape(); //Left Bird beginShape(); vertex(222,228); bezierVertex(232,238,232,238,222,228); bezierVertex(227,227,229,228,231,223); bezierVertex(222,228,224,216,220,222); bezierVertex(223,225,225,226,222,228); endShape(); }, }, }; return(i); })(); draw = (function(){ var scene = 'load'; var curLoad = 0; var load = function(){ if(curLoad < Object.keys(imgs).length ){ background(255,0); var img = imgs[Object.keys(imgs)[curLoad]]; img.d(); imgs[Object.keys(imgs)[curLoad]] = get(0,0,img.w,img.h); background(0,0,0,0); curLoad++; if(curLoad === Object.keys(imgs).length ){ scene = 'art'; } } background(0); fill(255); textAlign(CENTER,CENTER); textFont(createFont('Garamond Bold'),width/15); text("Loading... "+~~(curLoad / +Object.keys(imgs).length100)+'%',width/2,height/2); }; var art = function(){ image(imgs.sky,0,0); image(imgs.birds,0,0); image(imgs.mountain,0,0); image(imgs.lowerRiver,0,0); image(imgs.middleRiver,0,0); image(imgs.upperRiver,0,0); image(imgs.hill1,0,0); image(imgs.hill2,0,0); image(imgs.rightTreeBack,5,0); image(imgs.hill3,0,0); image(imgs.leftTreeBack,0,0); image(imgs.hill4,0,0); image(imgs.leftTreeMiddle,0,0); image(imgs.rightTreeMiddle,10,0); image(imgs.hill5,0,0); image(imgs.hill6,0,0); image(imgs.hill7,0,0); image(imgs.hill8,0,0); image(imgs.leftTreeFront,0,0); image(imgs.rightTreeFront,15,0); image(imgs.overlay,0,0); image(imgs.waterfall,0,0); }; return( function() { switch(scene){ case 'load': load(); break; case 'art': art(); break; } } ); })();
Folds	18,50,52,2635,2637,2698
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgP3t_e3BCQw
Votes	222
Spin-Offs	2
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	{"id":"6753170736758784","title":"Contest: The Great Outdoors","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Liam K.
Author Name	liamk.ka
Author ID	kaid_160653079463992085090428
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739380857773
Updated	10 months ago, 1739380860192
Source Deleted	unknown