Viewing Program

Program Data

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

Title	Lake Shore
ID	6454385342103552
Created	4 years ago, 1616451534994
Updated	4 years ago, 1616458361228
Code	// add this : " ?width=600&&height=700 " to the end of the url to make the canvas 600 x 700 //subscribe here: https://www.khanacademy.org/computer-programming/sub-page/5376895184486400 var branch1 = function(x, y, s, variation) { var l; var r; var variation1 = random(variation-1, variation); var r=random(0,1); if(r<0.4) { l=random(-100, -50); } else{ r=random(100, -50); } pushMatrix(); translate(x, y); if(r>0.4) { rotate(random(20, 55)); } else{ rotate(random(-20, -55)); } stroke(117+variation1, 88+variation1, 57+variation1); strokeWeight(2); line(0, 0, ls, 0); line(0, 0, rs, 0); for(var i = 0; i < sqrt(ll); i ++) { var lc = random(-10, 10)s; var lc2 = random(3, ls); noStroke(); fill(65+(lc2)+variation1, 97+(lc4)+(lc2)+variation1, 35+(lc20.4)+variation1); ellipse(lc2, lc, 3+sqrt(lc2lc2)/25, 3+sqrt(lc2lc2)/25); } for(var i = 0; i < r1.0; i ++) { var rc = random(-10, 10)s; var rc2 = random(-3, rs); noStroke(); fill(65+(rc2)+variation1, 97-(rc8)+(rc2)+variation1, 35+(rc2)+variation1); ellipse(rc2, rc, 3+rc2/25, 3+rc2/25); } popMatrix(); }; var branch2 = function(x, y, s, variation) { var l; var r; var variation1 = random(variation-1, variation); var r=random(0,1); if(r<0.4) { l=random(-100, -50); } else{ r=random(100, -50); } pushMatrix(); translate(x, y); if(r>0.4) { rotate(random(20, 55)); } else{ rotate(random(-20, -55)); } stroke(117+variation1, 88+variation1, 57+variation1); strokeWeight(2); line(0, 0, ls, 0); line(0, 0, rs, 0); for(var i = 0; i < sqrt(ll); i ++) { var lc = random(-10, 10)s; var lc2 = random(3, ls); noStroke(); fill(65+(lc2)+variation1, 97+(lc4)+(lc2)+variation1, 35+(lc20.4)+variation1); ellipse(lc2, lc, random(1, 4), random(1, 4)); } for(var i = 0; i < r1.0; i ++) { var rc = random(-10, 10)s; var rc2 = random(-3, rs); noStroke(); fill(65+(rc2)+variation1, 97-(rc8)+(rc2)+variation1, 35+(rc2)+variation1); ellipse(rc2, rc, random(1, 4), random(1, 4)); } popMatrix(); }; var tree1 = function(x, y, s, variation) { background(255, 255, 255, 0); var variation1 = random(variation, -variation); stroke(82+variation1, 70+variation1, 46+variation1); strokeWeight(10); line(x, y, x, y-300s); for(var i = 0; i < 10; i +=1) { stroke(158+variation1, 126+variation1, 61+variation1, i20); strokeWeight(1); line(x-5+i, y, x-5+i, y-300s); } for(var i = 0; i < 120; i+=0.9) { pushMatrix(); branch1(x, (y-310)+i2, 0.25(i/35), 10); popMatrix(); } }; var tree2 = function(x, y, s, variation) { background(255, 255, 255, 0); var variation1 = random(variation, -variation); stroke(82+variation1, 70+variation1, 46+variation1); strokeWeight(10); line(x, y, x, y-300s); for(var i = 0; i < 10; i +=1) { stroke(158+variation1, 126+variation1, 61+variation1, i20); strokeWeight(1); line(x-5+i, y, x-5+i, y-300s); } for(var i = 0; i < 120; i+=0.9) { pushMatrix(); branch2(x, (y-310)+i2, 0.25(i/35), 10); popMatrix(); } }; var grasses = function(x, y, s, variation) { background(255, 255, 255, 0); pushMatrix(); translate(x, y); for(var i = 0; i < 80s; i++) { noFill(); var g = random(-20, 20)s; var gc = random(-50, 80); strokeWeight(1(s/3)); stroke(57+gc, 97+gc, 37+gc); arc(g, random(15, -15)s, random(10, 30)s, random(10, 60)s, 180, random(200, 250)); pushMatrix(); scale(1, -1); arc(g, random(15, -15)s, random(10, 30)s, random(10, 60)s, 0, random(0, 100)); popMatrix(); } popMatrix(); }; var sunbeams = function(x, y) { background(255, 255, 255, 0); for(var i = 117; i < 240; i+=1) { pushMatrix(); translate(x, y+53); rotate(i+random(-10, 10)); strokeWeight(random(3, 50)); stroke(253, 255, 222, 13); line(0, 0, random(150, 260), random(200, 700)); popMatrix(); noStroke(); } for(var i = 13; i < 240; i+=2) { pushMatrix(); translate(x, y); rotate(i+random(-10, 10)); strokeWeight(random(3, 50)); stroke(253, 255, 222, 13); line(0, 0, random(150, 260), random(200, 700)); popMatrix(); noStroke(); } }; var sunbeams1 = []; sunbeams(600, 175); sunbeams1.push(get()); var tree = []; var grass = []; var grassReflection = function(x, y, d) { image(grass[0], x, y); pushMatrix(); scale(-1, 1); rotate(180); image(grass[0], x, -y-(826+d)); popMatrix(); }; var grassReflection1 = function(x, y, d) { image(grass[1], x, y); pushMatrix(); scale(-1, 1); rotate(180); image(grass[1], x, -y-(826+d)); popMatrix(); }; //{ grasses(300, 400, 1); grass.push(get()); grasses(300, 400, 1); grass.push(get()); tree1(300, 500, 1, 50); tree.push(get()); tree1(300, 500, 1, 50); tree.push(get()); tree1(300, 500, 1, 50); tree.push(get()); tree1(300, 498, 1, 50); tree.push(get()); tree2(300, 500, 1, 50); tree.push(get()); //} Creating Images var landscape = function() { strokeWeight(1); noStroke(); background(255, 255, 255, 0); //{ fill(102, 117, 43); beginShape(); vertex(0, 100); vertex(150, 200); vertex(300, 150); vertex(450, 225); vertex(550, 245); vertex(600, 230); vertex(600, 400); vertex(500, 410); vertex(450, 420); vertex(370, 410); vertex(350, 420); vertex(300, 425); vertex(200, 430); vertex(0, 470); endShape(); //} //{ fill(81, 130, 110); beginShape(); vertex(0, 100); vertex(10, 102); vertex(20, 108); vertex(30, 111); vertex(40, 111); vertex(50, 116); vertex(60, 117); vertex(70, 117); vertex(80, 119); vertex(90, 124); vertex(100, 130); vertex(110, 126); vertex(120, 133); vertex(130, 144); vertex(140, 150); vertex(150, 162); vertex(160, 167); vertex(170, 172); vertex(180, 185); vertex(190, 177); vertex(200, 177); vertex(210, 171); vertex(220, 168); vertex(230, 163); vertex(240, 167); vertex(250, 160); vertex(260, 163); vertex(270, 157); vertex(280, 157); vertex(290, 153); vertex(300, 148); vertex(310, 148); vertex(320, 152); vertex(330, 157); vertex(340, 164); vertex(350, 165); vertex(360, 172); vertex(370, 177); vertex(380, 184); vertex(390, 190); vertex(400, 193); vertex(410, 195); vertex(420, 200); vertex(430, 216); vertex(440, 220); vertex(450, 225); vertex(550, 245); vertex(600, 230); vertex(600, 330); vertex(0, 330); endShape(); //} //{ fill(104, 179, 146); beginShape(); vertex(0, 117); vertex(10, 102); vertex(20, 108); vertex(30, 111); vertex(40, 111); vertex(50, 116); vertex(60, 117); vertex(70, 117); vertex(80, 119); vertex(90, 127); vertex(100, 135); vertex(110, 126); vertex(120, 133); vertex(130, 144); vertex(140, 150); vertex(150, 162); vertex(160, 167); vertex(170, 172); vertex(180, 185); vertex(190, 226); vertex(200, 217); vertex(210, 220); vertex(220, 216); vertex(230, 206); vertex(240, 202); vertex(250, 204); vertex(260, 195); vertex(270, 180); vertex(280, 174); vertex(290, 184); vertex(319, 161); vertex(310, 148); vertex(320, 149); vertex(330, 157); vertex(340, 168); vertex(350, 165); vertex(360, 172); vertex(370, 177); vertex(380, 184); vertex(390, 190); vertex(400, 193); vertex(410, 195); vertex(420, 200); vertex(430, 216); vertex(440, 220); vertex(450, 225); vertex(550, 245); vertex(600, 230); vertex(600, 330); vertex(0, 330); endShape(); //} //{ fill(46, 128, 75); beginShape(); vertex(0, 167); vertex(10, 153); vertex(20, 164); vertex(30, 161); vertex(40, 163); vertex(50, 185); vertex(60, 183); vertex(70, 177); vertex(80, 173); vertex(90, 185); vertex(100, 174); vertex(110, 205); vertex(120, 171); vertex(130, 187); vertex(140, 182); vertex(150, 213); vertex(160, 203); vertex(170, 199); vertex(180, 192); vertex(190, 202); vertex(200, 195); vertex(210, 196); vertex(220, 183); vertex(230, 193); vertex(240, 213); vertex(250, 191); vertex(260, 225); vertex(270, 198); vertex(280, 192); vertex(290, 205); vertex(300, 192); vertex(310, 212); vertex(320, 200); vertex(330, 199); vertex(340, 214); vertex(350, 190); vertex(360, 194); vertex(370, 183); vertex(380, 211); vertex(390, 215); vertex(400, 209); vertex(410, 217); vertex(420, 209); vertex(430, 233); vertex(440, 220); vertex(450, 225); vertex(550, 245); vertex(600, 230); vertex(600, 330); vertex(0, 330); endShape(); //} filter(BLUR, 1); filter(BLUR, 0.8); for(var i = 0; i < 1500; i++) { pushMatrix(); scale(random(0.1, 0.16)); image(tree[1], -400+i4.1, 1600+i0.3); image(tree[2], -400+i4.1, 1600+i0.3); image(tree[3], -400+i4.1, 1600+i0.3); popMatrix(); } filter(BLUR, 0.8); //{ fill(0, 255, 153, 30); beginShape(); vertex(0, 100); / vertex(0, 218); vertex(20, 231); vertex(40, 260); vertex(60, 240); vertex(80, 258); vertex(100, 226); vertex(120, 240); vertex(140, 261); vertex(160, 229); vertex(180, 251); vertex(200, 250); / vertex(150, 200); vertex(300, 150); vertex(450, 225); vertex(550, 245); vertex(600, 230); vertex(600, 330); vertex(0, 330); endShape(); //} for(var i = 0; i < 1000; i ++) { pushMatrix(); scale(0.3); image(grass[0], random(-300, 1700), random(700, 860)); popMatrix(); } for(var i = 0; i < 30; i++) { pushMatrix(); scale(random(0.4, 0.48)); image(tree[4], random(-400, 1000), random(350, 350)); image(tree[4], random(-400, 1000), random(350, 350)); image(tree[4], random(-400, 1000), random(350, 350)); popMatrix(); } filter(BLUR, 0.5); fill(206, 255, 199, 20); rect(0, 0, 600, 600); pushMatrix(); scale(0.8); image(tree[1], -150, 36); image(tree[2], -281, 4); popMatrix(); /for(var i = 0; i < 600; i ++) { scale(1); image(grass[0], -300+i, random(60-(i0.12), 30-(i0.12))); }/ pushMatrix(); scale(0.7); image(tree[4], 89, 55); image(tree[4], 162, 91); scale(1, 1.2); image(tree[4], -79, -26); scale(0.7, 0.7); image(tree[4], 747, 110); image(tree[4], 796, 141); image(tree[4], 735, 145); popMatrix(); pushMatrix(); image(grass[0], -269, 0); image(grass[0], -145, 0); image(grass[0], -28, -12); image(grass[0], -38, -12); image(grass[0], 24, 9); image(grass[0], 21, 5); image(grass[0], 210, -11); image(grass[0], 231, -23); popMatrix(); pushMatrix(); scale(1.2, 1); image(tree[4], -250, -111); image(grass[0], -250, 0); image(grass[0], -240, 5); popMatrix(); }; var landscape1 = []; landscape(); landscape1.push(get()); var water = function() { pushMatrix(); translate(0, 800); scale(-1, 1); rotate(180); image(landscape1[0], 0, 0); popMatrix(); fill(86, 173, 148, 10); rect(0, 300, 600, 300); filter(BLUR, 0.6); for(var i = -150; i < 900; i++) { stroke(227, 227, 227, 50); strokeWeight(random(1, 2)); fill(23, 69, 48, 30); ellipse(i, random(300, 700), random(50, 125), random(4, 8)); } for(var i = -100; i < 200; i +=4) { stroke(255, 252, 191, 70); strokeWeight(random(3, 10)); line(random(400+sqrt(ii)/4, 500), 400+i, random(500, 600-sqrt(ii)/4), 400+i); } }; var waterEdge = function() { for(var i = 0; i < 700; i +=30) { grassReflection(-350+i, random(-20, 20)+60-(sqrt(i)3), 0); grassReflection1(-350+i, random(-40, 20)+60-(sqrt(i)3), 0); } //{ fill(149, 189, 123); beginShape(); vertex(0, 450); vertex(215, 420); vertex(350, 407); vertex(374, 398); vertex(444, 412); vertex(502, 401); vertex(600, 394); vertex(600, 410); vertex(430, 428); vertex(380, 421); vertex(300, 431); vertex(75, 468); vertex(0, 483); endShape(); //} for(var i = 0; i < 400; i +=0.5) { fill(87, 77, 56); ellipse(i, (440-(i/8))+random(0, 40-(i/30)), random(1, 5), random(1, 5)); } for(var i = 0; i < 400; i +=0.5) { fill(143, 125, 89); ellipse(i, (440-(i/8))+random(0, 40-(i/30)), random(1, 5), random(1, 5)); } for(var i = 0; i < 400; i +=0.5) { fill(173, 152, 109); ellipse(i, (440-(i/8))+random(0, 40-(i/30)), random(1, 5), random(1, 5)); } for(var i = -40; i < 400; i +=0.5) { fill(87, 77, 56); if(i<0) { ellipse(390-i, (390-(i/8))+random(0, 35-(i/80)), random(1, 5), random(1, 5)); } ellipse(460+i, (392-(i/8))+random(0, 35-(i/80)), random(1, 5), random(1, 5)); } for(var i = -40; i < 400; i +=0.5) { fill(143, 125, 89); if(i<0) { ellipse(390-i, (390-(i/8))+random(0, 35-(i/80)), random(1, 5), random(1, 5)); } ellipse(460+i, (392-(i/8))+random(0, 35-(i/80)), random(1, 5), random(1, 5)); } for(var i = -40; i < 400; i +=0.5) { fill(173, 152, 109); if(i<0) { ellipse(390-i, (390-(i/8))+random(0, 35-(i/80)), random(1, 5), random(1, 5)); } ellipse(460+i, (392-(i/8))+random(0, 35-(i/80)), random(1, 5), random(1, 5)); } for(var i = 0; i < 700; i +=60) { image(grass[0], -350+i, random(0, (i/50))+78-sqrt(i)3.5); } for(var i = 0; i < 700; i +=40) { image(grass[1], -350+i, random(0, (i/45))+76-sqrt(i)*3.5); } }; var waterEdge1 = []; waterEdge(); waterEdge1.push(get()); for(var i = 0; i < 600; i++) { stroke(255-(i/4), 255-(i/10), 235); line(600-i, 0, 600-i, 700); noStroke(); } water(); image(landscape1[0], 0, 0); image(waterEdge1[0], 0, 0); image(sunbeams1[0], 0, 0);
Folds	4,43,44,83,84,100,101,117,118,136,137,162,168,176,177,185,186,201,202,497,501,524,525,596
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgL2Mq8e7Cww
Votes	276
Spin-Offs	1
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Undecided Team Name
Author Name	undecidedname
Author ID	kaid_908037340536912747801971
Author Profile Access	COACH

Archive Data

Added	6 months ago, 1739458039397
Updated	4 months ago, 1745300319360
Source Deleted	unknown