Viewing Program

Program Data

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

Title	The Enchanted Sky
ID	5444790763601920
Created	4 years ago, 1612288061828
Updated	4 years ago, 1612288327809
Code	/ Created: 1/22/2020 Finished: 1/29/2020 Released: 2/2/2020 Creator: NitOwl007 Also please go to this link instead to view the whole graphic https://www.khanacademy.org/computer-programming/the-enchanted-sky/5444790763601920?width=860&height=475 / //Credit to KWC, this extends the loop timeout var setKALoopTimeout = (function () { var p = this.Processing.instances[0]; var k = "KAInfiniteLoopSetTimeout"; return k in p ? function (ms) { p[k](p.round(ms)); } : p.round; }()); setKALoopTimeout(10000); strokeJoin(BEVEL); rectMode(CENTER); enableContextMenu(); randomSeed(74); var xPositions = []; var yPositions = []; var speeds = []; var sizes = []; var balloonX = 216; var balloonY = 0; var balloonX2 = 486; var balloonY2 = -17; for (var j = 1; j < 220; j++) { xPositions.push(random(0, width)); yPositions.push(random(0, height)); speeds.push(random(0.6, 1.4)); sizes.push(random(3, 5)); } var bird = function(x, y, s, r) { pushMatrix(); translate(x, y); scale(s); rotate(r); noFill(); strokeWeight(2); stroke(255); arc(10, 2, 20, 14, 191, 293); arc(-10, 3, 20, 15, 247, 350); popMatrix(); noStroke(); }; var hotAirBalloon = function(x, y, s, color1, color2) { pushMatrix(); translate(x, y); scale(s); fill(color1); beginShape(); vertex(73, 158); bezierVertex(56, 97, 85, 49, 125, 33); bezierVertex(198, 8, 253, 30, 262, 37); bezierVertex(297, 61, 307, 118, 295, 156); bezierVertex(263, 241, 223, 274, 204, 308); vertex(185, 308); bezierVertex(166, 278, 111, 243, 73, 158); endShape(); fill(color2); beginShape(); vertex(172, 22); bezierVertex(68, 90, 100, 166, 191, 307); vertex(203, 307); vertex(191, 22); endShape(); beginShape(); vertex(206, 22); bezierVertex(300, 90, 267, 166, 201, 307); vertex(196, 307); vertex(179, 22); endShape(); fill(color1); beginShape(); vertex(178, 22); bezierVertex(117, 90, 159, 166, 193, 307); vertex(197, 308); bezierVertex(246, 109, 236, 82, 195, 23); endShape(); fill(color1); rect(195, 328, 24, 17); rect(185, 313, 4, 17); rect(205, 313, 4, 17); popMatrix(); }; //lightRaysImg //{ background(0, 0); for(var i = -70; i < 271; i++) { pushMatrix(); translate(411, 143); rotate(i * random(2, 6)); strokeWeight(random(2, 5)); stroke(255, 40); line(0, 0, random(150, 260), random(200, 500)); popMatrix(); } filter(BLUR, 5); var lightRaysImg = get(); //} //draws icePost Img //{ background(0, 0); noStroke(); fill(237, 255, 255); beginShape(); vertex(361, 405); vertex(361, 273); vertex(381, 237); vertex(403, 273); vertex(404, 423); endShape(); fill(164, 201, 255); ellipse(371, 331, 18, 100); ellipse(390, 324, 21, 100); rect(381, 366, 39, 107); var icePost = get(0, 0, 860, 475); //} //draws biggerIcePost Img //{ background(0, 0); fill(247, 253, 255); beginShape(); vertex(372, 436); vertex(352, 189); vertex(358, 178); vertex(349, 147); vertex(342, 179); vertex(348, 189); vertex(334, 477); endShape(); stroke(62, 134, 207); strokeWeight(1); fill(85, 102, 158); beginShape(); vertex(372, 436); vertex(358, 280); vertex(344, 280); vertex(334, 477); endShape(); fill(105, 164, 235); beginShape(); vertex(372, 436); vertex(359, 287); vertex(344, 287); vertex(334, 477); endShape(); fill(75, 139, 204); quad(349, 313, 344, 301, 348, 288, 353, 300); quad(358, 313, 353, 301, 356, 288, 360, 300); quad(359, 344, 352, 328, 358, 313, 363, 327); quad(347, 344, 342, 328, 348, 313, 351, 327); quad(339, 360, 347, 343, 352, 360, 348, 377); quad(354, 360, 360, 343, 365, 360, 361, 377); var biggerIcePost = get(0, 0, 860, 475); //} //draws icePostInCrystals Img //{ background(0, 0); noStroke(); fill(251, 253, 255); beginShape(); vertex(302, 542); vertex(347, 554); vertex(329, 280); vertex(335, 273); vertex(329, 257); vertex(333, 250); vertex(324, 224); vertex(316, 251); vertex(321, 257); vertex(316, 273); vertex(323, 281); endShape(CLOSE); fill(146, 184, 241); rect(325.0, 270, 18, 3); //window fill(0); arc(325, 266, 3, 15, -177, 0); var icePostInCrystals = get(0, 0, 860, 475); //} //draws iceCrystal //{ background(0, 0); //ice crystal on the right fill(227, 255, 255); beginShape(); vertex(591, 480); vertex(571, 429); vertex(569, 437); vertex(564, 408); vertex(561, 411); vertex(544, 356); vertex(537, 367); vertex(525, 330); vertex(518, 321); vertex(518, 346); vertex(506, 319); vertex(496, 314); vertex(491, 356); vertex(486, 347); vertex(486, 391); vertex(479, 385); vertex(476, 409); vertex(474, 394); vertex(467, 367); vertex(463, 396); vertex(463, 444); vertex(496, 496); endShape(); fill(202, 237, 247); quad(552, 480, 565, 480, 525, 388, 536, 441); quad(517, 478, 512, 461, 513, 413, 502, 523); var iceCrystal = get(0, 0, 860, 475); //} //backgroundImg //{ for(var i = 0; i < 475; i++) { strokeWeight(2); stroke(lerpColor(color(78, 185, 217), color(0, 40, 245), i / 475)); line(860, i, 0, i); } noStroke(); for (var i = 0; i < 24; i++) { fill(128, 170, 214, 30 - i); ellipse(394, 283, 27 * i, 33 * i); } for (var i = 0; i < 60; i++) { fill(118, 167, 227, 70); ellipse(random(0, 860), random(0, 471), 161, 53); } //spiral gradient thing for (var i = -17; i < 20; i++) { noFill(); stroke(131, 182, 222, 30); strokeWeight(20); pushMatrix(); translate(random(222, 597), random(407, 299)); rotate(1.9 * i); bezier(-372, 199, 100, -303, 100, -209, 389, -342); popMatrix(); } noStroke(); filter(BLUR, 6); //clouds near the mountain for (var i = 0; i < 70; i++) { fill(245, 193, 236, 15); ellipse(random(471, 943), random(63, 166), 216, 34); } for (var i = 0; i < 40; i++) { fill(255, 255, 255, 15); ellipse(random(84, 470), random(63, 214), 216, 24); } for (var i = 0; i < 60; i++) { fill(116, 197, 219, 40); ellipse(random(0, 860), random(0, 260), 175, 10); } //clouds on the bottom of canvas and stuff for (var i = 0; i < 311; i++) { fill(245, 193, 236, 15); ellipse(random(474, 858), random(349, 481), 50, 50); fill(255, 255, 255, 15); ellipse(random(64, 858), random(287, 560), 50, 50); } for (var i = 0; i < 611; i++) { fill(245, 193, 236, 13); ellipse(random(0, 870), random(363, 481), 50, 50); } for (var i = 0; i < 311; i++) { fill(245, 193, 236, 15); ellipse(random(620, 870), random(297, 494), 50, 50); } filter(BLUR, 2); //draws birds for(var i = -0; i < 133; i++) { pushMatrix(); translate(331, 103); rotate(8); bird(random(-389, 521), random(293, -9), random(0.05, 0.7), random(-20, 20)); popMatrix(); } var backgroundImg = get(); //} background(255, 255, 255); image(backgroundImg, 0, 0); for (var i = 0; i < 34; i++) { fill(255, 255, 255, 20 - i); ellipse(405, 195, 33 * i, 13 * i); } pushMatrix(); image(iceCrystal, 92, 86); rotate(9); image(iceCrystal, -454, 223, 1093, 248); image(iceCrystal, -701, 106, 1286, 400); rotate(-4); image(iceCrystal, -494, 85, 1286, 400); image(iceCrystal, -42, 55, 1484, 400); image(iceCrystal, 27, 198, 1128, 238); popMatrix(); //clouds on the bottom of canvas and stuff for (var i = 0; i < 311; i++) { fill(65, 161, 240, 10); ellipse(random(0, 858), random(349, 481), 50, 50); } //ice kingdom //{ //tunnels n details pushStyle(); strokeWeight(4); stroke(255); noFill(); bezier(397, 185, 373, 194, 377, 250, 376, 280); bezier(415, 185, 438, 191, 439, 250, 431, 280); arc(417, 230, 37, 36, 290, 350); arc(400, 230, 45, 36, 172, 236); arc(389, 269, 75, 83, 180, 247); arc(424, 269, 75, 83, 292, 357); bezier(349, 273, 329, 275, 339, 346, 335, 392); bezier(463, 273, 491, 275, 480, 346, 482, 456); popStyle(); //ice crystal fill(227, 255, 255); beginShape(); vertex(223, 476); vertex(259, 408); vertex(265, 412); vertex(287, 365); vertex(291, 373); vertex(320, 318); vertex(327, 315); vertex(332, 335); vertex(340, 338); vertex(359, 478); endShape(); //middle tower highlight fill(248, 253, 255); beginShape(); vertex(382, 313); vertex(427, 300); vertex(424, 205); vertex(409, 158); vertex(411, 144); vertex(404, 122); vertex(397, 144); vertex(400, 155); vertex(389, 205); vertex(379, 353); endShape(); //middle tower fill(99, 165, 233); beginShape(); vertex(390, 434); bezierVertex(385, 235, 392, 203, 404, 159); bezierVertex(424, 209, 421, 203, 423, 429); endShape(); image(icePost, -15, 10); image(icePost, 61, 9); image(biggerIcePost, 0, 33); image(biggerIcePost, 113,33); image(iceCrystal, 0, 0); fill(202, 237, 247); quad(278, 500, 288, 406, 271, 454, 236, 490); //ice crystal fill(242, 255, 255); beginShape(); vertex(328, 477); vertex(353, 355); vertex(368, 345); vertex(368, 403); vertex(375, 413); vertex(375, 491); endShape(); rectMode(CENTER); image(icePostInCrystals, 1, 8); image(icePostInCrystals, 166, 8); fill(226, 207, 232); ellipse(415, 477, 135, 97); fill(76, 116, 176); rect(410, 462, 39, 44); fill(143, 188, 255); rect(410, 462, 38, 32); fill(94, 140, 209); rect(372, 460, 37, 52, 49, 0, 0, 0); rect(447, 460, 37, 52, 0, 49, 0, 0); fill(255, 255, 255, 190); rect(363, 459, 4, 16); rect(378, 448, 4, 16); rect(441, 448, 4, 16); rect(457, 457, 4, 19); //arch thing fill(58, 103, 176); beginShape(); vertex(328, 477); bezierVertex(332, 440, 389, 420, 384, 417); vertex(384, 362); vertex(405, 335); vertex(431, 362); vertex(431, 418); bezierVertex(433, 419, 480, 433, 492, 475); vertex(476, 476); bezierVertex(465, 429, 373, 411, 343, 479); endShape(); //arch highlights fill(134, 201, 243); beginShape(); vertex(335, 477); bezierVertex(336, 458, 382, 428, 388, 427); vertex(389, 363); vertex(405, 341); vertex(427, 364); vertex(427, 427); bezierVertex(433, 422, 480, 449, 486, 475); vertex(476, 476); bezierVertex(465, 429, 373, 411, 343, 479); endShape(); //gem in arch fill(230, 254, 255); beginShape(); vertex(398, 433); vertex(393, 427); vertex(394, 365); vertex(405, 349); vertex(421, 364); vertex(421, 427); vertex(416, 433); endShape(); //reflection noStroke(); fill(255); rect(402, 392, 10, 46, 20); //windows fill(0, 120); arc(405, 212, 7, 66, -179, 0); rect(412, 325, 4, 20); rect(396, 325, 4, 20); arc(414, 278, 7, 39, -179, 0); arc(397, 278, 7, 39, -179, 0); fill(255); arc(410, 479, 14, 45, -179, 0); //} var drawsTheWholeGraphic = get(); if (width === 860) { draw = function() { image(drawsTheWholeGraphic, 0, 0); if(balloonX > 860) { balloonX = -194; } if(balloonX2 > 936) { balloonX2 = -311; } hotAirBalloon(-23+balloonX, 20 + balloonY+sin(frameCount * 1) * 6, 0.3, color(66,173,227), color(122,198,234)); hotAirBalloon(-21+balloonX2, 60 + balloonY2+sin(frameCount * 0.7) * 11, 0.4, color(204, 195, 232), color(152, 163, 230)); balloonX+= 0.2; balloonX2+= 0.4; for(var i = -74; i < xPositions.length; i++) { noStroke(); fill(255, 255, 255, 100); ellipse(xPositions[i] + sin(frameCount * speeds[i]) * sizes[i], yPositions[i], sizes[i], sizes[i]); yPositions[i] = (yPositions[i] + speeds[i]) % height; } image(lightRaysImg, 0, 0); if(keyPressed && keyCode === UP){ background(255, 255, 255); image(drawsTheWholeGraphic, 0, 75, 860, 335); } }; } if(width!==860) { fill(0, 180); rect(width/2, height/2, width, height); textSize(30); fill(255); text("This link is a bit too small, go to \nthe link below to view the full project", 82, 181); println("Please go to this link, https://www.khanacademy.org/computer-programming/the-enchanted-sky/5444790763601920?width=860&height=475"); }
Folds	15,21,37,42,43,56,57,105,108,124,127,151,154,198,201,228,231,266,269,351,358,361,383,548,553,587,589,597
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgN2aooDWCQw
Votes	212
Spin-Offs	6
Type	PJS
Width	600
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	NitOwl007 [INACTIVE]
Author Name	OnlyOwl1
Author ID	kaid_607413902639112014082643
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739382187237
Updated	10 months ago, 1739382193776
Source Deleted	unknown