Viewing Program

Program Data

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

Title	On My Own
ID	5767785135161344
Created	4 years ago, 1621435315926
Updated	4 years ago, 1621773565457
Code	// Musical Theatre Series - Installment #6 // View all installments here: https://www.khanacademy.org/cs/musicalTheatreIndex/4956189022437376?width=600 /** * AquA217 Presents * "On My Own" Image Reference: https://ih1.redbubble.net/image.1667708767.7416/farp,small,wall_texture,product,750x1000.jpg "In the darkness, the trees are full of starlight, and all I see is him and me forever and forever." -- Subscribe: https://www.khanacademy.org/computer-programming/sub-to-aqua217/5410349576650752 -- Made in 5 and a half hours - the background was incredibly rushed so it looks awful, sorry 'bout that :P To all wondering, the character is Eponine from the musical Les Miserables. (She's my fave(!), so I made it even if nobody asked lol) */ var rx = []; var ry = []; for(var i = 0; i < 100; i++){ rx.push(random(0,700)); ry.push(random(-500,0)); } enableContextMenu(); background(20, 23, 22); for(var i = 0; i < 10; i++){ noStroke(); fill(255,3); ellipse(random(0,400), random(0,400), 100,100); fill(26,30,29,15); ellipse(random(0,400), random(0,640), 200,200); } filter(BLUR,15); for(var i = 0; i < 150; i++){ fill(93, 115, 109,5); rect(random(0,400), random(0,400),50,25); } filter(BLUR,5); stroke(255,5); for(var i = 0; i < 400; i+=5){ line(0,i,400,i); } var wall = get(); background(0,0); fill(20, 23, 22,200); rect(0,0,250,400); fill(26,30,29,100); rect(0,0,200,400); for(var i = 0; i < 400; i+=35){ stroke(0,30); line(200,i,250,i - 20 + random(-5,5)); line(random(-10,10),i + random(-5,5),200 + random(-10,10),i); } for(var i = 0; i < 250; i+=70){ line(i + random(-10,10),0,i + random(-10,10),400); } stroke(0,20); line(230 + random(-5,5),0,230 + random(-5,5),400); line(245 + random(-5,5),0,245 + random(-5,5),400); var wallTx = get(); function spot (x,y,b,d,s,c){ pushMatrix(); translate(x,y); scale(s); for(var i = 0; i < 50; i+=b){ stroke(c); strokeWeight(id); noFill(); point(0,0); } noStroke(); popMatrix(); } for(var i = 0; i < 10; i++){ spot(random(0,400), random(0,400), random(10,15), random(1,2), 0.2, color(255,random(3,5))); spot(random(300,400), random(300,400), random(10,15), random(1,2), 0.2, color(255,random(3,5))); spot(random(300,400), random(300,400), random(10,15), random(1,2), 0.2, color(0,random(3,5))); } for(var i = 0; i < 20; i+=5){ stroke(255,2); strokeWeight(irandom(1,3)); line(0,0,random(0,400),random(300,400)); } filter(BLUR,5); var light = get(); background(0,0); noStroke(); for(var i = 0; i < 75; i++){ fill(225,5); ellipse(random(0,275), random(150, 450), random(75,100), random(10,40)); ellipse(random(0,450), random(300, 450), random(75,100), random(10,40)); } filter(BLUR,22.5); var fog = get(); function eponine(){ //{ noStroke(); //Head fill(212,170,145); ellipse(137,100,53,56); beginShape(); vertex(165,106); vertex(162,123); vertex(165,130); vertex(158,137); vertex(152,138); vertex(154,155); vertex(152,207); vertex(81,191); vertex(108,113); endShape(CLOSE); fill(204, 163, 141); beginShape(); vertex(150,148); vertex(146,150); vertex(140,155); vertex(135,155); vertex(131,154); vertex(125,161); vertex(125,178); vertex(180,197); vertex(140,192); vertex(139,193); vertex(100,202); vertex(95,183); vertex(111,140); vertex(114,124); vertex(123,109); vertex(120,85); vertex(134,76); vertex(132,87); vertex(123,103); vertex(110,114); vertex(122,133); vertex(123,141); vertex(130,146); endShape(CLOSE); beginShape(); vertex(104,156); vertex(111,164); vertex(121,169); vertex(131,176); vertex(141,179); vertex(163,179); vertex(136,213); vertex(77,194); endShape(CLOSE); //Hair fill(48,32,42); beginShape(); vertex(95,185); vertex(102,177); vertex(109,159); vertex(112.5,151); vertex(115,140); vertex(114,142); vertex(118,135); vertex(113,127); vertex(116,115); vertex(120,117); vertex(120,114); vertex(122.5,103); vertex(123,95); vertex(125,89); vertex(127,89); vertex(130,80); vertex(138,77); vertex(144,79); vertex(151,79); vertex(157,85); vertex(162,105); vertex(160,116); vertex(158,128); vertex(148,144); vertex(148,148); vertex(137,166); vertex(141,167); vertex(142,167); vertex(148,172); vertex(184,156); vertex(165,133); vertex(164,131); vertex(170,121); vertex(168,115); vertex(169,106); vertex(167,86); vertex(157,67); vertex(128,63); vertex(107,75); vertex(91,101); vertex(88,120); vertex(95,130); vertex(92,133); vertex(87,145); vertex(78,157); vertex(66,171); endShape(CLOSE); //Cap fill(198,174,150); beginShape(); vertex(89,126); vertex(90,103); vertex(102,100); vertex(108,91); vertex(118,74); vertex(128,64); vertex(120,64); vertex(109,68); vertex(95,82); vertex(87,101); endShape(CLOSE); fill(134,111,104); beginShape(); vertex(102,100); vertex(106,94); vertex(107,87); vertex(115,74); vertex(124,65); vertex(133,62); vertex(146,63); vertex(157,67); vertex(162,77); vertex(150,70); vertex(129,71); endShape(CLOSE); fill(64, 45, 49,200); beginShape(); vertex(102,105); vertex(106,96); vertex(107,87); vertex(115,82); vertex(124,72); vertex(133,67); vertex(146,69); vertex(157,70); vertex(162,78); vertex(150,70); vertex(129,71); endShape(CLOSE); fill(212,170,145); beginShape(); vertex(119,94); vertex(119,94); vertex(116,101); vertex(117,124); vertex(120,95); vertex(120,94); endShape(CLOSE); fill(94,62,62); beginShape(); vertex(93,103); vertex(99,103); vertex(101,102); vertex(107,98); vertex(109,90); vertex(116,79); vertex(108,86); vertex(99,92); vertex(93,100); endShape(CLOSE); fill(28,6,27); quad(93,108,99,102,104,102,105,92); //Pants fill(69,52,42); rect(80,300,100,100); rect(58,350,50,50); fill(59,39,28); beginShape(); vertex(74,303); vertex(71,310); vertex(68,317); vertex(68,326); vertex(67,337); vertex(87,343); vertex(92,348); vertex(93,348); vertex(97,345); vertex(106,344); vertex(113,343); vertex(119,343); vertex(122,343); vertex(127,339); vertex(135,339); vertex(145,341); vertex(153,341); vertex(156,314); endShape(CLOSE); //Shirt fill(212,203,196); beginShape(); vertex(95,180); vertex(123,198); vertex(147,185); vertex(165,185); vertex(152,254); vertex(134,250); vertex(116,251); vertex(99,264); vertex(90,268); vertex(83,268); vertex(70,212); endShape(CLOSE); fill(160,143,125); beginShape(); vertex(80,275); vertex(84,290); vertex(83,301); vertex(83,317); vertex(89,322); vertex(102,323); vertex(120,323); vertex(136,320); vertex(142,319); vertex(145,316); vertex(151,316); vertex(153,308); vertex(154,269); endShape(CLOSE); //Belt fill(18,10,24); beginShape(); vertex(85,257); vertex(92.5,264); vertex(95,264); vertex(100,251); vertex(104,255); vertex(111,254); vertex(113,253); vertex(116,250); vertex(136,250); vertex(145,273); vertex(138,273); vertex(127,275); vertex(115,273); vertex(100,279); vertex(91,278); vertex(84,283); vertex(85,271); endShape(CLOSE); fill(97,77,51); beginShape(); vertex(136,249); vertex(115,250); vertex(114,255); vertex(112,259); vertex(114,268); vertex(114,275); vertex(118,277); vertex(126,278); vertex(132,277); vertex(141,273); endShape(CLOSE); fill(76,45,42); rect(118,254,19,20,5,0,50,5); //Coat Right fill(110,86,69); beginShape(); vertex(155,305); vertex(149,323); vertex(150,342); vertex(145,347); vertex(147,368); vertex(137,376); vertex(131,387); vertex(135,400); vertex(147,400); vertex(167,323); endShape(CLOSE); fill(122, 96, 76); beginShape(); vertex(143,371); vertex(137,378); vertex(133,385); vertex(134,400); vertex(141,400); endShape(CLOSE); //Main Coat fill(108,105,72); beginShape(); vertex(205,359); vertex(215,350); vertex(214,387); vertex(215,387); vertex(218,400); vertex(206,400); vertex(206,394); vertex(204,387); endShape(CLOSE); fill(84,60,36); beginShape(); vertex(209,400); vertex(205,387); vertex(194,351); vertex(186,290); vertex(188,257); vertex(187,209); vertex(183,200); vertex(173,218); vertex(151,400); endShape(CLOSE); //Shoulder fill(153, 119, 98); stroke(79,58,35); strokeWeight(3); quad(183,163,173,198,182,198,191,161); noStroke(); fill(188,163,133); triangle(164,171,177,183,182,162); fill(181,156,126); beginShape(); vertex(148,187); vertex(157,180); vertex(164,172); vertex(172,169); vertex(180,165); vertex(189,160); vertex(200,167); vertex(188,156); vertex(177,151); vertex(163,147); vertex(153,146); vertex(150,146); endShape(CLOSE); //Triangle flap fill(196,167,135); beginShape(); vertex(134,259); vertex(159,221); vertex(196,200); vertex(179,185); vertex(162,167); vertex(151,159); vertex(145,194); endShape(CLOSE); //Light Coat Fold fill(149,118,90); beginShape(); curveVertex(172,200); curveVertex(174,245); curveVertex(170,268); curveVertex(165,326); curveVertex(162,363); curveVertex(152,400); curveVertex(146,400); curveVertex(159,330); curveVertex(155,311); curveVertex(136,251); curveVertex(174,210); curveVertex(175,224); curveVertex(190,268); endShape(); fill(196,161,133); ellipse(209.7,349,41,19); fill(20,8,20); ellipse(209.7,349,39,15); //Right Hand fill(196,161,133); beginShape(); vertex(212,344); vertex(212,355); vertex(212,365); vertex(212,374); vertex(208,381); vertex(205,384); vertex(199,386); vertex(196,392); vertex(187,395); vertex(178,395); vertex(178,391); vertex(177,388); vertex(179,380); vertex(179,370); vertex(179,363); vertex(182,360); vertex(186,344); vertex(196,320); endShape(CLOSE); //Sleeve Right fill(165,130,108); beginShape(); vertex(183,352); vertex(182,325); vertex(183,320); vertex(183,315); vertex(187,308); vertex(186,305); vertex(186,301); vertex(185,289); vertex(186,282); vertex(185,269); vertex(193,263); vertex(180,254); vertex(182,240); vertex(181,222); vertex(184,205); vertex(185,180); vertex(188,166); vertex(191,161); vertex(199,164); vertex(205,190); vertex(216,228); vertex(216,275); vertex(218,277); vertex(221,292); vertex(222,302); vertex(222,305); vertex(225,320); vertex(226,325); vertex(227,331); vertex(229,333); vertex(230,351); vertex(217,343); vertex(207,341); vertex(193,344); endShape(CLOSE); fill(15,8,14); beginShape(); vertex(184,202); vertex(187,206); vertex(186,209); vertex(182,213); vertex(181,227); vertex(184,229); vertex(187,231); vertex(184,234); vertex(182,238); vertex(185,256); vertex(188,260); vertex(193,261); vertex(190,267); vertex(184,271); vertex(185,281); vertex(187,280); vertex(186,288); vertex(180,255); vertex(179,246); vertex(179,227); endShape(CLOSE); //Sleeve Left fill(129,102,83); beginShape(); vertex(52,218); vertex(48,234); vertex(52,243); vertex(52,257); vertex(48,262); vertex(50,278); vertex(45,280); vertex(45,315); vertex(45,327); vertex(45,338); vertex(44,349); vertex(40,357); vertex(66,356); vertex(65,320); vertex(73,278); vertex(70,221); endShape(CLOSE); fill(154,124,96); beginShape(); vertex(39,356); vertex(51,355); vertex(60,356); vertex(69,352); vertex(69,367); vertex(59,365); vertex(53,365); vertex(53,366); vertex(44,370); vertex(38,370); vertex(41,366); endShape(CLOSE); fill(117,94,78); beginShape(); vertex(65,273); vertex(65,294); vertex(65,301); vertex(65,365); vertex(74,311); vertex(79,292); vertex(71,270); endShape(CLOSE); fill(154,124,96); ellipse(53,370,32,23); fill(30,24,26); beginShape(); vertex(52,218); vertex(49,228); vertex(56,236); vertex(59,246); vertex(59,258); vertex(65,270); vertex(74,279); vertex(69,225); endShape(CLOSE); ellipse(72,324,10,45); ellipse(53,370,30,20); //Hand Left fill(196,162,131); beginShape(); vertex(67,360); vertex(69,373); vertex(67,382); vertex(75,400); vertex(62,395); vertex(58,387); vertex(54,374); vertex(54,360); endShape(CLOSE); //Sleeve cuff (left) fill(154,124,96); beginShape(); vertex(39,355); vertex(39,363); vertex(37,366); vertex(37,371); vertex(45,370); vertex(50,368); vertex(57,366); vertex(67,368); vertex(67,356); vertex(58,357); endShape(CLOSE); //Left Flap Triangle Thing of Coat fill(148,124,98); beginShape(); vertex(99,172); vertex(95,163); vertex(85,162); vertex(63,172); vertex(61,182); vertex(57,196); vertex(45,207); vertex(53,221); vertex(60,233); vertex(63,238); vertex(64,251); vertex(68,271); vertex(75,288); vertex(79,283); vertex(79,251); vertex(82,245); vertex(83,209); vertex(85,194); vertex(99,177); endShape(CLOSE); //Shoulder fill(228,221,203); beginShape(); vertex(61,179); vertex(64,176); vertex(67,177); vertex(70,180); vertex(78,181); vertex(86,173); vertex(94,162); vertex(82,163); vertex(75,164); vertex(66,169); endShape(CLOSE); //Coat Left fill(88,61,40); beginShape(); vertex(83,200); vertex(86,245); vertex(86,260); vertex(85,281); vertex(83,305); vertex(84,317); vertex(86,324); vertex(86,400); vertex(71,400); vertex(70,384); vertex(66,370); vertex(67,339); vertex(67,327); vertex(74,286); endShape(CLOSE); fill(48,32,42); beginShape(); vertex(149,156); vertex(154,155); vertex(161,156); vertex(160,169); vertex(165,168); vertex(167,164); vertex(167,156); vertex(166,152); vertex(176,159); vertex(175,151); vertex(159,142); vertex(148,145); endShape(CLOSE); stroke(67,40,23,100); strokeWeight(1.5); line(118,67,111,72); line(111,75,104,78); line(109,80,100,84); line(93,95,99,87); strokeWeight(2); stroke(0,100); line(128,366,128,379); line(128,379,130,398); line(130,383,135,399); line(125,376,129,380); line(126,380,130,378); strokeWeight(1); stroke(76,56,32); line(164,172,190,158); line(190,158,184,170); line(184,170,184,189); stroke(201, 192, 185); line(95,205,92,218); line(92,218,97,240); line(100,220,106,243); line(137,201,133,221); line(133,221,132,240); line(111,230,114,244); line(123,215,122,231); line(122,236,120,243); line(103,212,108,202); line(92,242,93,250); line(93,250,93,256); stroke(48,32,42); strokeWeight(2); line(111,129,118,138); line(118,138,119,149); //} } smooth(); draw = function() { cursor('none'); //{ noStroke(); background(15, 16, 18); fill(7.5,12.5,15); beginShape(); vertex(243,262); vertex(273,262); vertex(298,270); vertex(345,276); vertex(377,286); vertex(400,290); vertex(400,288); vertex(400,400); vertex(0,398); endShape(CLOSE); strokeWeight(1); stroke(10,16,16); line(242,269,272,269); line(272,269,265,280); line(265,280,255,279); line(255,279,233,279); line(232,279,230,278); line(230,278,240,269); line(278,272,272,283); line(272,283,284,284); line(284,284,296,289); line(296,289,300,278); line(300,278,291,275); line(291,275,279,271); line(307,277,303,290); line(303,290,317,290); line(317,290,331,295); line(331,295,334,281); line(334,281,324,279); line(324,279,307,278); line(343,286,338,298); line(338,298,354,297); line(354,297,369,303); line(369,303,370,291); line(371,292,347,281); line(347,281,342,285); line(375,294,375,302); line(375,303,388,305); line(388,305,394,309); line(394,309,395,294); line(395,294,386,293); line(386,293,375,290); line(220,284,211,294); line(211,294,227,294); line(227,294,246,298); line(246,298,251,289); line(251,289,218,284); line(262,288,252,304); line(252,304,262,304); line(262,304,276,306); line(276,306,283,309); line(283,309,290,295); line(290,295,276,291); line(276,291,262,290); line(298,297,290,309); line(290,309,309,311); line(309,311,324,316); line(324,318,331,305); line(331,305,319,298); line(319,298,308,296); line(308,296,296,298); line(342,304,332,317); line(332,317,349,318); line(349,318,366,321); line(366,321,369,309); line(369,309,356,304); line(356,304,343,304); line(378,311,375,327); line(375,327,387,327); line(387,327,396,331); line(396,331,396,315); line(396,315,377,313); line(197,297,182,306); line(182,306,195,308); line(195,308,211,312); line(211,312,227,315); line(227,315,236,308); line(197,297,222,300); line(222,300,234,307); line(250,312,235,320); line(235,320,250,320); line(250,320,268,322); line(268,322,280,330); line(280,330,280,313); line(280,313,247,309); line(291,317,288,322); line(288,322,287,332); line(287,332,299,332); line(310,332,297,334); line(309,332,320,335); line(320,335,321,323); line(321,323,305,317); line(305,317,289,317); line(334,323,325,337); line(325,337,345,338); line(345,338,360,345); line(360,345,365,328); line(365,328,335,324); line(370,330,365,350); line(365,350,375,350); line(377,350,391,358); line(391,358,396,347); line(396,347,396,336); line(396,336,386,331); line(386,331,371,331); line(173,315,155,329); line(155,329,167,330); line(174,330,199,336); line(175,312,180,311); line(180,311,197,314); line(197,314,215,320); line(215,320,202,336); line(223,322,210,338); line(210,338,242,338); line(242,338,261,343); line(261,343,265,329); line(265,329,249,325); line(249,325,222,323); line(274,338,264,353); line(264,353,275,353); line(275,353,294,355); line(294,355,305,362); line(305,362,317,342); line(317,342,294,341); line(294,341,273,336); line(327,344,315,357); line(315,357,325,357); line(326,357,341,358); line(349,367,339,356); line(325,342,356,352); line(356,352,352,364); line(371,359,359,372); line(363,372,384,369); line(392,372,385,371); line(379,361,386,362); line(151,335,136,349); line(136,349,156,349); line(156,349,171,349); line(180,352,190,355); line(213,347,208,361); line(208,361,235,363); line(235,357,255,368); line(275,365,270,379); line(270,379,286,379); line(286,379,309,379); line(309,379,336,387); line(336,387,338,369); line(110,362,105,375); line(105,375,115,375); line(121,375,137,376); line(137,376,144,380); line(144,380,154,365); line(154,364,139,357); line(139,357,117,358); line(172,362,154,382); line(154,382,171,382); line(172,382,199,386); line(199,386,218,373); line(218,373,194,366); line(194,366,175,365); line(238,372,218,387); line(218,387,240,387); line(251,388,244,388); line(246,373,258,375); line(258,375,259,387); line(353,379,350,389); line(350,389,385,392); line(273,391,318,390); line(277,383,273,388); noStroke(); fill(255,255,0,10); quad(335,69,342,113,367,112,373,64); fill(255,255,100,5); beginShape(); vertex(370,90); vertex(400,205); vertex(400,326); vertex(390,367); vertex(348,392); vertex(311,400); vertex(257,400); vertex(26,400); vertex(100,286); vertex(257,234); vertex(295,176); vertex(327,120); vertex(337,69); endShape(CLOSE); fill(0); rect(350,110,10,200); rect(335,300,40,7.5,5,5,0,0); rect(340,295,30,10,5,5,0,0); rect(345,290,20,10,5,5,0,0); rect(330,130,50,3); rect(345,126,20,5,10); rect(335,128,40,5,10); rect(355,90,1,200); ellipse(355,307.5,40,8.6); beginShape(); vertex(339,118); vertex(370,111); vertex(370,111); vertex(377,72); vertex(380,62); vertex(376,62); vertex(373,75); vertex(368,109); vertex(345,110); vertex(342,100); vertex(338,75); vertex(333,65); endShape(CLOSE); quad(325,70,385,67.5,375,50,335,50); quad(339,52,344,47,364,45,373,55); beginShape(); vertex(347,49); vertex(351,43); vertex(349,30); vertex(357,34); vertex(359,43); vertex(366,47); endShape(CLOSE); rect(346,35,15,5,15); fill(255,20); rect(357,140,1,150); rect(362,291,1,4); rect(367,296,1,4); rect(373,301,1,8); rect(350,300,20,1); rect(350,295,15,1); rect(355,290,5,1); rect(360,131,20,1); rect(350,65,30,1); rect(355,50,15,1); rect(355,45,6,1); rect(355,40,3,1); for(var i = 0; i < 30; i+=5){ strokeWeight(1i); stroke(255,3); line(355,90,355,90); } image(light,0,0); spot(475,-75,1,8,1,color(0,5)); for(var i = 0; i < rx.length; i++){ stroke(255,20); strokeWeight(0.5); line(rx[i],ry[i],rx[i] - 10,ry[i] + 25); rx[i]-=2.5; ry[i]+=10; if(ry[i] > 400){ rx[i] = random(0,500); ry[i] = random(-500,0); } } image(wall, 0,0,250,400); image(wallTx,0,0); image(fog,0,0); eponine(); for(var i = 0; i < rx.length; i++){ stroke(255,10); strokeWeight(0.5); line(rx[i],ry[i],rx[i] - 10,ry[i] + 25); rx[i]--; ry[i]+=5; if(ry[i] > 400){ rx[i] = random(0,500); ry[i] = random(-500,0); } } //} };
Folds	127,811
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgP2A0rifCgw
Votes	171
Spin-Offs	2
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	alyanna
Author Name	acer217
Author ID	kaid_794864070338193862176253
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739448754613
Updated	10 months ago, 1739448762627
Source Deleted	unknown