Viewing Program

Program Data

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

Title	*THE SUNRISE
ID	6425224051212288
Created	1 years ago, 1691536167024
Updated	1 years ago, 1701814975508
Code	/ ______________ __ /_____ _____/ / / / / / / / / / /________ _____ / / / _____ / / _ \ / / / / / / / ____\ / / / / / / \ \___ /__/ /__/ /__/ \______/ ***********SUNRISE**************** khan Academy: https://www.khanacademy.org/computer-programming/khan-academy/5699929998409728?width=750&height=600 or here https://www.khanacademy.org/computer-programming/khan-academy/6546837005451264?width=750&height=600 if you liked one of those check out the other one they or different. The Journey (game): https://www.khanacademy.org/computer-programming/the-journey-game/6687818551967744?width=600 USA regions & New England: https://www.khanacademy.org/computer-programming/usa-regions-new-england/5626196505968640 Morse code: https://www.khanacademy.org/computer-programming/morse-code/5008824344559616 cat at sunset: https://www.khanacademy.org/computer-programming/cat-at-sun-set-cat-contest-winner/6496211232931840 New program: https://www.khanacademy.org/computer-programming/new-program/4651371564154880 */ //some setup[ size(600,600,P2D); smooth(); //] var scene = 1; //The varable for the background. >>>>------->[ // the name x y // \| \| \|width // \| \| \| \|height // \| \| \| \| \|color1 // \| \| \| \| \| \|color2 // \| \| \| \| \| \| \| // \| \| \| \| \| \| \| // \| \| \| \| \| \| \| // \| \| \| \| \| \| \| // \/ \/\/\/\/ \/ \/ var fade = function(x,y,w,h,c1,c2){ //The varable that tells the "for loop" to stop. var loop_stop = h-12; // the "for loop" that draws the fading thing. >>>>------->[ for (var i = -12 ; i < loop_stop ; i++) { //no outlines noStroke(); // the color fill(lerpColor(c1,c2,i/loop_stop)); rect(x,i+y,w,1); } //] }; //] //The varable for the sun. >>>>------->[ // the name x y // \| \| \|width // \| \| \| \|height // \| \| \| \| \|color1 // \| \| \| \| \| \|color2 // \| \| \| \| \| \| \| // \| \| \| \| \| \| \| // \| \| \| \| \| \| \| // \| \| \| \| \| \| \| // \/ \/\/\/\/ \/ \/ var sun = function(x,y,w,h,c1,c2){ var loop_stop = w+h/2; for (var i = 0 ; i < loop_stop ; i++) { noStroke(); fill(lerpColor(c1,c2,i/loop_stop)); ellipse(x,y,w-i,h-i); } }; //] var o = function(){ fade(0,0,400,455,color(196, 239, 255),color(255, 204, 0)); //The color for the sun rays. // 100% red // \| ≈98% green // \| \| ≈48% blue // \| \| \| ≈80% see thru // \| \| \| \| // \| \| \| \| // \| \| \| \| // \/ \/ \/ \/ fill(255, 245, 112,50); //The rays of sun. >>>>------->[ quad(80, 0, 194,140,194,140, 50, 0); quad(0, 80, 194,140,194,140, 0, 50); quad(0, 160, 194,140,194,140, 0, 140); quad(0, 210, 194,140,194,140, 0, 190); quad(220, 0, 194,140,194,140, 170, 0); quad(300, 0, 194,140,194,140, 260, 0); quad(390, 0, 194,140,194,140, 330, 0); quad(400, 60, 194,140,194,140, 400, 40); quad(400, 120, 194,140,194,140, 400, 100); quad(400, 180, 194,140,194,140, 400, 160); quad(400, 290, 194,140,194,140, 400, 204); //] //the sun >>>>------->[ sun(194,140,50,50,color(255, 221, 0),color(255, 255, 255)); //] //no outlines noStroke(); //The color for the ground. // ≈99% red // \| ≈95% green // \| \| ≈72% blue // \| \| \| // \| \| \| // \| \| \| // \| \| \| // \/ \/ \/ fill(255, 243, 173); //the ground >>>>------->[ rect(0,221,400,179); //] //The color for the lane. // ≈87% red // \| ≈80% green // \| \| ≈45% blue // \| \| \| // \| \| \| // \| \| \| // \| \| \| // \/ \/ \/ fill(214, 182, 131); //the lane >>>>------->[ beginShape(); curveVertex(24,399); curveVertex(90,351); curveVertex(160,313); curveVertex(225,250); curveVertex(281,224); curveVertex(288,220); curveVertex(304,223); curveVertex(280,238); curveVertex(236,264); curveVertex(202,325); curveVertex(131,399); curveVertex(18,399); curveVertex(87,351); curveVertex(157,313); endShape(); //] //The color for the mountains. // ≈50% red // \| ≈70% green // \| \| ≈89% blue // \| \| \| // \| \| \| // \| \| \| // \| \| \| // \/ \/ \/ fill(126, 173, 230); //the mountains. >>>>------->[ beginShape(); vertex(2,223); vertex(26,196); vertex(32,198); vertex(50,187); vertex(55,193); vertex(76,180); vertex(90,193); vertex(113,181); vertex(120,184); vertex(132,171); vertex(144,174); vertex(171,151); vertex(180,152); vertex(213,123); vertex(222,128); vertex(238,156); vertex(247,152); vertex(254,164); vertex(261,175); vertex(272,160); vertex(288,185); vertex(295,179); vertex(308,193); vertex(322,187); vertex(333,201); vertex(342,193); vertex(349,202); vertex(359,193); vertex(370,206); vertex(372,201); vertex(377,209); vertex(385,197); vertex(390,208); vertex(395,212); vertex(399,215); vertex(398,224); endShape(); //] //The color for the shadow. // 0% red // \| 0% green // \| \| 0% blue // \| \| \| ≈20% see thru // \| \| \| \| // \| \| \| \| // \| \| \| \| // \/ \/ \/ \/ fill(0, 0, 0,50); //the biger cactus's shadow >>>>------->[ pushMatrix(); translate(200, 200); beginShape(); curveVertex(118,141); curveVertex(122,162); curveVertex(139,213); curveVertex(156,207); curveVertex(171,232); curveVertex(162,187); curveVertex(152,161); curveVertex(141,142); curveVertex(118,139); curveVertex(122,162); curveVertex(139,200); endShape(); popMatrix(); //] //the mountains's shadow >>>>------->[ beginShape(); vertex(0,223); vertex(19,244); vertex(25,239); vertex(37,257); vertex(45,253); vertex(56,266); vertex(57,268); vertex(69,259); vertex(70,258); vertex(73,256); vertex(90,272); vertex(96,264); vertex(114,276); vertex(122,271); vertex(144,289); vertex(148,281); vertex(171,295); vertex(179,299); vertex(188,295); vertex(204,281); vertex(211,275); vertex(222,282); vertex(236,263); vertex(241,255); vertex(247,265); vertex(267,242); vertex(272,246); vertex(284,239); vertex(290,237); vertex(300,240); vertex(306,245); vertex(315,232); vertex(329,241); vertex(346,230); vertex(355,247); vertex(364,238); vertex(370,244); vertex(386,230); vertex(390,237); vertex(400,224); vertex(0,223); endShape(); //] //The color for the cactuses // ≈31% red // \| ≈55% green // \| \| ≈38% blue // \| \| \| // \| \| \| // \| \| \| // \| \| \| // \/ \/ \/ fill(83, 120, 96); //the bigger cactus >>>>------->[ pushMatrix(); translate(200, 200); beginShape(); curveVertex(114,137); curveVertex(110,87); curveVertex(80,75); curveVertex(81,33); curveVertex(97,26); curveVertex(103,60); curveVertex(111,-4); curveVertex(137,-11); curveVertex(146,6); curveVertex(147,55); curveVertex(155,56); curveVertex(164,31); curveVertex(176,30); curveVertex(172,60); curveVertex(169,82); curveVertex(145,97); curveVertex(141,140); curveVertex(131,141); curveVertex(114,137); curveVertex(110,87); curveVertex(80,75); endShape(); popMatrix(); //] //the smaller cactus >>>>------->[ beginShape(); curveVertex(120,239); curveVertex(152,239); curveVertex(159,229); curveVertex(163,229); curveVertex(164,223); curveVertex(161,224); curveVertex(161,229); curveVertex(160,228); curveVertex(159,217); curveVertex(155,216); curveVertex(153,225); curveVertex(147,223); curveVertex(147,218); curveVertex(145,218); curveVertex(143,226); curveVertex(151,227); curveVertex(151,237); endShape(); //] var imagE = get(0,0,400,400); image(imagE,0,0,width,height); }; background(0, 0); //The color for the sand. // ≈99% red // \| ≈90% green // \| \| ≈3.5% blue // \| \| \| // \| \| \| // \| \| \| // \| \| \| // \/ \/ \/ noStroke(); fill(245, 210, 10); for(var i = 0;i < 400;i+=1){ rect(i,random(150,400),random(1,3),random(1,3),random(5,15)); } var img1 = get(0,0,400,400); var n = function(){ //no outlines noStroke(); //the cactus image[ background(0, 0); //The color for the cactuses // ≈31% red // \| ≈55% green // \| \| ≈38% blue // \| \| \| // \| \| \| // \| \| \| // \| \| \| // \/ \/ \/ fill(83, 120, 96); pushMatrix(); translate(-74, 16); beginShape(); curveVertex(114,137); curveVertex(110,87); curveVertex(80,75); curveVertex(81,33); curveVertex(97,26); curveVertex(103,60); curveVertex(111,-4); curveVertex(137,-11); curveVertex(146,6); curveVertex(147,55); curveVertex(155,56); curveVertex(164,31); curveVertex(176,30); curveVertex(172,60); curveVertex(169,82); curveVertex(145,97); curveVertex(141,140); curveVertex(131,141); curveVertex(114,137); curveVertex(110,87); curveVertex(80,75); endShape(); popMatrix(); //takes an image of the cactus. var cactus = get(0,0,110,160); //] //some varables[ var sun_x = 226; var sun_y = 136; //] //the background[ fade(0,0,400,330,color(196, 239, 255),color(255, 204, 0)); //] //The color for the sun rays. // 100% red // \| ≈98% green // \| \| ≈48% blue // \| \| \| ≈80% see thru // \| \| \| \| // \| \| \| \| // \| \| \| \| // \/ \/ \/ \/ fill(255, 245, 112,50); //The rays of sun. >>>>------->[ quad(80, 0, sun_x,sun_y,sun_x,sun_y, 50, 0); quad(0, 80, sun_x,sun_y,sun_x,sun_y, 0, 50); quad(0, 160, sun_x,sun_y,sun_x,sun_y, 0, sun_y); quad(0, 210, sun_x,sun_y,sun_x,sun_y, 0, 190); quad(220, 0, sun_x,sun_y,sun_x,sun_y, 170, 0); quad(300, 0, sun_x,sun_y,sun_x,sun_y, 260, 0); quad(390, 0, sun_x,sun_y,sun_x,sun_y, 330, 0); quad(400, 60, sun_x,sun_y,sun_x,sun_y, 400, 40); quad(400, 120, sun_x,sun_y,sun_x,sun_y, 400, 100); quad(400, 180, sun_x,sun_y,194,sun_y, 400, 160); quad(400, 290, sun_x,sun_y,sun_x,sun_y, 400, 204); //] //the sun >>>>------->[ sun(sun_x,sun_y,70,70,color(255, 251, 140,1),color(255, 204, 0,100)); sun(sun_x,sun_y,50,50,color(255, 204, 0),color(247, 255, 0)); //] //no outlines noStroke(); //The color for the mountains. // ≈50% red // \| ≈70% green // \| \| ≈89% blue // \| \| \| // \| \| \| // \| \| \| // \| \| \| // \/ \/ \/ fill(69, 137, 209); //[ beginShape(); vertex(1,222); vertex(1,203); vertex(8,200); vertex(14,205); vertex(33,192); vertex(40,188); vertex(49,192); vertex(65,190); vertex(68,193); vertex(90,181); vertex(102,177); vertex(103,179); vertex(104,182); vertex(116,194); vertex(127,178); vertex(135,175); vertex(140,171); vertex(159,178); vertex(159,178); vertex(169,181); vertex(197,170); vertex(215,178); vertex(247,177); vertex(253,176); vertex(263,171); vertex(265,163); vertex(277,166); vertex(281,178); vertex(289,178); vertex(291,180); vertex(292,181); vertex(298,184); vertex(308,182); vertex(314,179); vertex(317,177); vertex(327,178); vertex(327,185); vertex(336,187); vertex(337,192); vertex(343,192); vertex(352,189); vertex(361,184); vertex(369,189); vertex(370,192); vertex(375,195); vertex(386,188); vertex(396,192); vertex(406,200); vertex(418,220); vertex(423,223); vertex(423,223); vertex(422,223); vertex(424,225); vertex(2,223); endShape(); //] //The color for the mountains. // ≈50% red // \| ≈70% green // \| \| ≈89% blue // \| \| \| // \| \| \| // \| \| \| // \| \| \| // \/ \/ \/ fill(93, 156, 227,100); //[ pushMatrix(); translate(0,15); beginShape(); vertex(3,174); vertex(15,175); vertex(37,169); vertex(48,172); vertex(69,172); vertex(90,167); vertex(107,168); vertex(125,171); vertex(153,170); vertex(188,166); vertex(226,163); vertex(256,157); vertex(279,155); vertex(300,158); vertex(332,152); vertex(338,155); vertex(359,158); vertex(382,159); vertex(400,164); vertex(398,223); vertex(0,225); vertex(0,174); endShape(); popMatrix(); //] //The color for the mountains. // ≈50% red // \| ≈70% green // \| \| ≈89% blue // \| \| \| // \| \| \| // \| \| \| // \| \| \| // \/ \/ \/ fill(96, 154, 219); //[ beginShape(); vertex(2,221); vertex(2,203); vertex(15,193); vertex(21,199); vertex(30,187); vertex(39,182); vertex(49,169); vertex(58,161); vertex(70,154); vertex(77,161); vertex(77,166); vertex(80,171); vertex(91,178); vertex(103,187); vertex(121,173); vertex(132,177); vertex(139,166); vertex(146,158); vertex(151,149); vertex(157,152); vertex(159,159); vertex(176,166); vertex(202,177); vertex(216,177); vertex(236,178); vertex(240,177); vertex(247,173); vertex(256,164); vertex(260,161); vertex(266,155); vertex(273,156); vertex(277,164); vertex(282,165); vertex(290,170); vertex(294,171); vertex(298,177); vertex(311,187); vertex(321,195); vertex(328,187); vertex(333,179); vertex(340,173); vertex(349,173); vertex(350,174); vertex(352,180); vertex(353,186); vertex(356,196); vertex(364,185); vertex(371,192); vertex(378,187); vertex(388,184); vertex(396,190); vertex(403,196); vertex(409,203); vertex(417,217); vertex(425,224); endShape(); //] //The color for the mountains. // ≈50% red // \| ≈70% green // \| \| ≈89% blue // \| \| \| // \| \| \| // \| \| \| // \| \| \| // \/ \/ \/ fill(93, 156, 227,100); //[ pushMatrix(); translate(0,15); beginShape(); vertex(5,164); vertex(13,165); vertex(31,158); vertex(49,165); vertex(69,159); vertex(88,162); vertex(104,158); vertex(126,158); vertex(140,161); vertex(148,159); vertex(160,157); vertex(169,157); vertex(179,157); vertex(199,152); vertex(220,149); vertex(226,151); vertex(251,156); vertex(263,152); vertex(279,150); vertex(292,154); vertex(306,152); vertex(324,146); vertex(339,152); vertex(352,155); vertex(362,152); vertex(369,151); vertex(383,149); vertex(394,157); vertex(404,159); vertex(417,157); vertex(426,158); vertex(436,164); vertex(421,219); vertex(1,217); vertex(1,163); vertex(4,164); endShape(); popMatrix(); //] //The color for the mountains. // ≈50% red // \| ≈70% green // \| \| ≈89% blue // \| \| \| // \| \| \| // \| \| \| // \| \| \| // \/ \/ \/ fill(126, 173, 230); //the mountains. >>>>------->[ beginShape(); vertex(2,223); vertex(26,196); vertex(32,198); vertex(50,187); vertex(55,193); vertex(76,180); vertex(90,193); vertex(113,181); vertex(120,184); vertex(132,171); vertex(144,174); vertex(171,151); vertex(180,152); vertex(213,123); vertex(222,128); vertex(238,156); vertex(247,152); vertex(254,164); vertex(261,175); vertex(272,160); vertex(288,185); vertex(295,179); vertex(308,193); vertex(322,187); vertex(333,201); vertex(342,193); vertex(349,202); vertex(359,193); vertex(370,206); vertex(372,201); vertex(377,209); vertex(385,197); vertex(390,208); vertex(395,212); vertex(399,215); vertex(398,224); endShape(); //] //The color for the mountains. // ≈50% red // \| ≈70% green // \| \| ≈89% blue // \| \| \| // \| \| \| // \| \| \| // \| \| \| // \/ \/ \/ fill(107, 168, 237); //[ beginShape(); vertex(213,124); vertex(179,153); vertex(170,149); vertex(144,172); vertex(126,196); vertex(116,203); vertex(103,223); vertex(198,222); vertex(202,207); vertex(201,193); vertex(203,180); vertex(209,173); vertex(210,164); vertex(210,154); vertex(213,142); vertex(216,132); vertex(213,123); endShape(); beginShape(); vertex(76,183); vertex(76,192); vertex(71,198); vertex(72,203); vertex(67,208); vertex(67,214); vertex(66,219); vertex(66,222); vertex(62,213); vertex(61,207); vertex(59,200); vertex(58,194); vertex(76,180); endShape(); beginShape(); vertex(113,181); vertex(91,193); vertex(85,198); vertex(81,206); vertex(79,213); vertex(77,213); vertex(74,222); vertex(99,222); vertex(106,212); vertex(111,203); vertex(112,195); vertex(113,189); vertex(113,184); endShape(); beginShape(); vertex(50,188); vertex(33,200); vertex(30,207); vertex(24,212); vertex(23,216); vertex(20,222); vertex(55,223); vertex(53,215); vertex(51,210); vertex(53,206); vertex(51,201); vertex(51,193); vertex(51,189); endShape(); beginShape(); vertex(25,197); vertex(2,221); vertex(27,198); endShape(); beginShape(); vertex(27,209); vertex(28,202); vertex(27,196); vertex(17,208); vertex(5,220); vertex(22,222); vertex(23,216); vertex(23,213); vertex(28,209); endShape(); beginShape(); vertex(271,160); vertex(261,174); vertex(268,177); vertex(272,185); vertex(274,178); vertex(273,174); vertex(273,167); vertex(273,161); endShape(); beginShape(); vertex(296,179); vertex(289,186); vertex(291,190); vertex(295,191); vertex(295,187); vertex(295,182); endShape(); beginShape(); vertex(323,188); vertex(309,194); vertex(314,198); vertex(316,198); vertex(322,203); vertex(324,200); vertex(321,195); vertex(323,191); endShape(); beginShape(); vertex(342,195); vertex(333,202); vertex(336,206); vertex(339,208); vertex(344,212); vertex(343,205); vertex(343,201); vertex(343,198); vertex(343,193); vertex(358,194); endShape(); beginShape(); vertex(359,194); vertex(350,199); vertex(351,202); vertex(352,203); vertex(354,206); vertex(358,208); vertex(360,204); vertex(361,200); vertex(361,195); vertex(371,201); endShape(); beginShape(); vertex(373,202); vertex(372,207); vertex(372,207); vertex(372,202); endShape(); beginShape(); vertex(385,198); vertex(378,207); vertex(374,213); vertex(368,215); vertex(365,221); vertex(384,222); vertex(384,213); vertex(385,211); vertex(384,205); vertex(386,198); endShape(); //] //The color for the ground. // ≈99% red // \| ≈95% green // \| \| ≈72% blue // \| \| \| // \| \| \| // \| \| \| // \| \| \| // \/ \/ \/ fill(255, 243, 173); //the ground >>>>------->[ rect(0,221,400,179); //sand image(img1,0,0,width,height); //] //The color for the lane. // ≈87% red // \| ≈80% green // \| \| ≈45% blue // \| \| \| // \| \| \| // \| \| \| // \| \| \| // \/ \/ \/ fill(214, 182, 131); //the lane >>>>------->[ beginShape(); curveVertex(24,399); curveVertex(90,351); curveVertex(160,313); curveVertex(225,250); curveVertex(281,224); curveVertex(288,220); curveVertex(304,223); curveVertex(280,238); curveVertex(236,264); curveVertex(202,325); curveVertex(131,399); curveVertex(18,399); curveVertex(87,351); curveVertex(157,313); endShape(); //] //The color for the shadow. // 0% red // \| 0% green // \| \| 0% blue // \| \| \| ≈20% see thru // \| \| \| \| // \| \| \| \| // \| \| \| \| // \/ \/ \/ \/ fill(0, 0, 0,50); //the biger cactus's shadow >>>>------->[ pushMatrix(); translate(200, 200); beginShape(); curveVertex(118,141); curveVertex(122,162); curveVertex(139,213); curveVertex(156,207); curveVertex(171,232); curveVertex(162,187); curveVertex(152,161); curveVertex(141,142); curveVertex(118,139); curveVertex(122,162); curveVertex(139,200); endShape(); popMatrix(); //] //the mountains's shadow >>>>------->[ translate(0,-3); beginShape(); vertex(0,223); vertex(19,244); vertex(25,239); vertex(37,257); vertex(45,253); vertex(56,266); vertex(57,268); vertex(69,259); vertex(70,258); vertex(73,256); vertex(90,272); vertex(96,264); vertex(114,276); vertex(122,271); vertex(144,289); vertex(148,281); vertex(171,295); vertex(179,299); vertex(188,295); vertex(204,281); vertex(211,275); vertex(222,282); vertex(236,263); vertex(241,255); vertex(247,265); vertex(267,242); vertex(272,246); vertex(284,239); vertex(290,237); vertex(300,240); vertex(306,245); vertex(315,232); vertex(329,241); vertex(346,230); vertex(355,247); vertex(364,238); vertex(370,244); vertex(386,230); vertex(390,237); vertex(400,224); vertex(0,223); endShape(); //] //[ //] //The the cactuses[ image(cactus,278,190); image(cactus,121,215,16,24); //] //takes an image of the screen. var img = get(0,0,400,400); //than displays the image at a biger size. image(img,0,0,width,height); }; draw = function() { switch(scene) { case 1: o(); break; case 2: n(); break; } }; mouseClicked = function(){ if(scene > 2){ scene = 1; }else{ scene++; } };
Folds	44,47,53,81,82,101,105,396,410,412,416,1127,1130,1139,1141,1148
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgLPp0Pa0Cww
Votes	19
Spin-Offs	1
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	{"id":"4731559551483904","title":"Contest: Geography","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Vicioustre𝑥 BBB#
Author Name	Vicioustrex
Author ID	kaid_1063463007130342809105382
Author Profile Access	PUBLIC

Archive Data

Added	2 days ago, 1735937713308
Updated	2 days ago, 1735937713308
Source Deleted	unknown