Viewing Program

Program Data

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

Title	Easter eggs
ID	5475353191251968
Created	10 years ago, 1428117720633
Updated	10 years ago, 1430852740892
Code	/** * * It's been about a year since I first started messing around with making programs. * I have complete about 25& of the JS intro tutorials and I understand about 90% of what I have completed. I've also looked at a couple of the advanced JS concepts but I didn't really understand any of that (except the scaling, translating and multiple transformations tutorials). * Most of what I've been using to make my programs I learned by Messing around with the code on other programs. * started on: 4/2/2015 ______ * / _____\ ___ ___ ______ ______ _______ ____ __ _____ __ __ ______ * /\ \____/_\|\ \/\ \\|\ __ \\|\ ___\\|\ __ \\|\ \\|\ \ / __ \\|\ \ / // \ * \ \_____ \ \ \ \ \ \ \L\ \ \ ====\ \ \L\ \ \ \_ \\ \/\ \ \ \ \ \ / //\ L\ \ * \/_____\ \ \ \_\ \ \ __/\ \ ====\ \ __ /\ \ \\_ \ \ \ \_\ \ \ \/ / \ \ __ \ * /\_______/\ \______/\ \__\/ \ \_____\ \__\ \_\\ \_\ \ \_\ \______/\ \___/ \ \__\_\__\ * \/______/ \/_____/ \/__/ \/_____/\/__/\/__/\/_/ \/_/\/_____/ \/__/ \/__/\/__/ * * * * * */ // the shades of yellow in the egg stand, also used in the yellow lines of the red and orange egg var Stand_Light = color(255, 250, 220); var Stand_Mid = color(255, 220, 110); var Stand_Dark = color(125, 65, 10); //color scheme of the red and orange egg var Main_Color = color(29, 38, 207); var Secondary_Color = color(227, 143, 53); // the design colors on the blue egg var Design_Light = color(186, 184, 255); var Design_Mid = color(96, 83, 214); var Design_Dark = color(50, 40, 87); //a swirl design that i ended up not using var swirl = function(x,y,xS,yS,r,g,b,thickness){ pushMatrix(); strokeWeight(thickness0.1); stroke(r,g,b); translate(x,y); scale(0.1xS,0.1yS); noFill(); bezier(10,10,15,-11,33,10,19,12); bezier(19,12,12,7,20,3,20,9); popMatrix(); }; //the little pearls on the blue egg var pearl = function(x,y,sizeX,sizeY){ for(var p = 0; p<10; p++){ pushMatrix(); scale(0.1sizeX,0.1sizeY); noStroke(); fill(100+20p, 90+20p, 90+20p); ellipse(x-0.2p,y-0.1p,5-0.5p,5-0.5p); popMatrix(); } }; //the flower picture on the blue egg var flower = function (x,y,size){ pushMatrix(); translate(x,y); scale(0.1size); stroke(199, 235, 255); fill(136, 176, 255); bezier(80,55,74,30,106,22,123,41); stroke(214, 244, 255); fill(217, 243, 255); bezier(102,46,91,28,165,23,139,66); stroke(214, 234, 255); fill(211, 225, 254); beginShape(); vertex(83,52); bezierVertex(84,45,92,44,92,45); bezierVertex(89,44,93,47,96,40); bezierVertex(108,30,109,42,116,43); bezierVertex(117,44,117,35,123,46); bezierVertex(124,47,122,47,129,49); bezierVertex(132,46,138,48,132,54); vertex(102,72); endShape(CLOSE); stroke(171, 213, 255); line(104,69,92,51); line(104,69,94,49); line(104,69,98,51); line(104,69,102,46); line(104,69,105,42); line(104,69,109,45); line(104,69,110,51); line(104,69,113,51); line(104,69,119,48); line(104,69,121,51); line(104,69,127,51); stroke(97, 176, 255); line(104,69,96,54); line(104,69,103,56); line(104,69,106,59); line(104,69,102,56); line(104,69,105,52); line(104,69,109,54); line(104,69,110,57); line(104,69,112,57); line(104,69,115,56); line(104,69,116,56); line(104,69,107,51); beginShape(); stroke(214, 234, 255); fill(85, 154, 296); vertex(105,66); bezierVertex(101,50,75,41,72,67); bezierVertex(79,68,71,74,68,74); bezierVertex(57,91,94,91,103,87); bezierVertex(134,86,151,91,141,59); bezierVertex(143,49,118,48,110,65); endShape(CLOSE); beginShape(); stroke(157, 207, 245); fill(86, 144, 254); vertex(103,67); bezierVertex(58,67,74,97,94,92); bezierVertex(97,103,112,95,112,92); bezierVertex(112,96,121,88,125,91); bezierVertex(129,74,109,75,112,68); endShape(CLOSE); stroke(240, 252, 255); line(108,70,89,69); line(106,70,91,71); line(106,70,89,73); line(106,70,86,77); line(106,70,86,79); line(106,70,87,81); line(106,70,89,83); line(106,70,91,84); line(106,70,95,83); line(106,70,98,82); line(106,70,99,85); line(106,70,100,86); line(106,70,102,88); line(106,70,104,89); line(106,70,106,87); line(106,70,108,86); line(106,70,110,84); line(106,70,112,84); line(106,70,116,85); line(106,70,118,84); line(106,70,120,82); line(106,70,115,76); line(106,70,114,73); //next petal line(110,70,125,79); line(110,70,130,79); line(110,70,128,75); line(110,70,128,72); line(110,70,128,70); line(110,70,127,68); line(110,70,125,66); line(110,70,120,65); line(110,70,119,63); line(110,70,116,63); line(110,70,115,63); line(110,70,113,62); //next petal line(102,68,81,67); line(102,68,82,65); line(102,68,85,64); line(102,68,86,62); line(102,68,85,60); line(102,68,90,60); line(102,68,94,60); line(102,68,97,60); line(102,68,100,61); line(102,68,103,62); line(102,68,105,64); stroke(35, 23, 209); line(106,70,112,73); line(106,70,112,75); line(106,70,113,79); line(106,70,111,80); line(106,70,108,79); line(106,70,106,81); line(106,70,103,83); line(106,70,102,79); line(106,70,99,79); line(106,70,96,79); line(106,70,92,82); line(106,70,93,79); line(106,70,91,77); line(106,70,92,75); line(106,70,95,72); line(106,70,98,70); //next petal line(111,71,116,73); line(111,71,120,72); line(111,71,116,70); line(111,71,120,69); line(111,71,116,68); line(111,71,118,65); line(111,71,114,66); line(111,71,111,68); //next petal line(102,68,96,67); line(102,68,91,65); line(102,68,96,65); line(102,68,96,62); line(102,68,100,64); line(102,68,102,64); stroke(240, 240, 0); line(106,70,110,73); line(106,70,108,74); line(106,70,106,73); line(106,70,104,73); line(106,70,105,74); line(106,70,102,73); line(106,70,101,71); line(106,70,101,69); fill(240, 240, 0); ellipse(106,69,6,6); popMatrix(); }; //the basic egg shape with size and color built in var eggShape = function (x,y,size,r,g,b){ for (var e = 0; e < 70; e ++){ noStroke(); fill(r + e, g+ e, b + e); ellipse(x - size0.24e,y - size0.26e,size(100 - 1.17e),size(150 - 1.70e)); } }; //the egg stand var eggStand = function (x,y,size,r,g,b){ pushMatrix(); translate(x,y); scale(size); noStroke(); //main body of stand and legs fill(Stand_Mid); beginShape(); vertex(167,257); bezierVertex(183,264,226,261,233,257); vertex(233,262); bezierVertex(253,252,247,270,245,280); vertex(253,280); vertex(253,292); vertex(237,292); bezierVertex(238,272,222,280,222,269); vertex(210,272); vertex(210,294); vertex(190,294); vertex(190,272); vertex(177,269); bezierVertex(177,284,165,273,163,292); vertex(147,292); vertex(147,280); vertex(155,280); bezierVertex(148,239,170,269,166,259); endShape(CLOSE); //light shading fill(Stand_Light); beginShape(); vertex(156,280); bezierVertex(149,249,161,259,166,261); bezierVertex(161,261,155,261,157,280); endShape(CLOSE); beginShape(); vertex(191,290); bezierVertex(193,247,211,257,210,290); bezierVertex(210,255,191,267,191,290); endShape(CLOSE); beginShape(); vertex(167,256); bezierVertex(167,260,183,261,197,262); vertex(193,267); bezierVertex(164,268,184,261,166,261); endShape(CLOSE); //dark shading fill(Stand_Dark); beginShape(); vertex(10,10); vertex(10,10); endShape(CLOSE); popMatrix(); }; // the images of the eggs // the blue flower egg var egg1 = function (x,y,size,r,g,b){ pushMatrix(); translate(x,y); scale(size); eggShape(200,200,1,r,g,b); //top blue part beginShape(); noStroke(); fill(Design_Mid); vertex(163,150); bezierVertex(189,107,224,126,238,150); bezierVertex(235,145,234,144,226,165); bezierVertex(218,137,187,127,174,165); bezierVertex(173,161,170,140,163,150); endShape(CLOSE); //bottom blue part beginShape(); noStroke(); fill(Design_Mid); vertex(157,241); bezierVertex(171,275,216,300,243,241); bezierVertex(232,255,232,257,230,220); bezierVertex(216,272,184,270,170,220); bezierVertex(167,237,173,263,157,241); endShape(CLOSE); //dark lines //bottom noFill(); stroke(Design_Dark); bezier(162,250,171,259,173,253,173,238); bezier(239,250,231,260,229,257,228,238); bezier(228,238,209,287,173,253,173,238); //top bezier(162,149,173,142,173,157,174,154); bezier(225,164,203,113,173,157,174,164); bezier(225,164,230,155,230,150,236,148); //light lines //bottom stroke(Design_Light); bezier(159,243,166,251,169,259,170,221); bezier(241,243,233,252,236,264,230,222); bezier(228,226,208,285,178,253,170,223); //top bezier(166,146,173,147,167,145,174,164); bezier(224,156,201,111,172,155,175,156); bezier(225,158,225,161,225,150,234,145); // pearls //top (not in perfect order) pearl(249,228,7,7); pearl(322,228,7,7); pearl(284,196,7,7); pearl(262,207,7,7); pearl(308,207,7,7); pearl(253,220,7,7); pearl(257,213,7,7); pearl(268,202,7,7); pearl(275,198,7,7); pearl(314,213,7,7); pearl(318,220,7,7); pearl(301,201,7,7); pearl(292,197,7,7); pearl(380,222,6,7); pearl(460,252,5,6); pearl(465,247,5,6); pearl(588,244,4,6); pearl(287,221,6,7); pearl(341,250,5,6); pearl(338,210,5,7); pearl(412,244,4,6); //bottom pearls (not in perfect order) pearl(244,328,7,7); pearl(329,328,7,7); pearl(286,372,7,7); pearl(258,357,7,7); pearl(315,357,7,7); pearl(326,335,7,7); pearl(323,342,7,7); pearl(319,349,7,7); pearl(247,336,7,7); pearl(251,343,7,7); pearl(254,350,7,7); pearl(270,367,7,7); pearl(264,362,7,7); pearl(277,370,7,7); pearl(310,363,7,7); pearl(304,368,7,7); pearl(296,371,7,7); pearl(463,338,5,7); pearl(579,347,4,7); pearl(580,355,4,7); pearl(585,360,4,7); pearl(792,357,3,7); pearl(802,353,3,7); pearl(340,338,5,7); pearl(426,347,4,7); pearl(424,355,4,7); pearl(419,360,4,7); pearl(546,357,3,7); pearl(537,353,3,7); //curly viny things stroke(65, 163, 70); noFill(); bezier(188,207,159,217,159,191,167,187); bezier(172,194,178,193,172,180,167,187); bezier(164,202,159,194,152,180,157,215); bezier(156,212,168,243,160,186,160,212); bezier(189,212,168,252,172,186,182,235); bezier(208,212,211,280,187,204,203,233); bezier(215,204,168,243,255,175,248,215); bezier(249,215,241,258,238,184,246,220); fill(44, 107, 46); //leaves beginShape(); vertex(182,204); vertex(190,216); vertex(181,220); vertex(180,215); vertex(178,220); vertex(177,218); vertex(174,220); vertex(172,220); vertex(173,220); vertex(169,219); vertex(170,215); vertex(172,215); vertex(171,212); vertex(172,209); endShape(CLOSE); beginShape(); vertex(229,205); vertex(209,216); vertex(216,220); vertex(217,215); vertex(218,220); vertex(221,218); vertex(226,220); vertex(230,220); vertex(228,220); vertex(237,219); vertex(233,215); vertex(230,217); vertex(231,212); vertex(228,209); endShape(CLOSE); //pearls on the end of the viny curls pearl(228,302,7,7); pearl(259,333,7,7); pearl(290,330,7,7); pearl(247,275,7,7); pearl(823,315,3,7); flower(129,154,6.78); popMatrix(); }; // the red and orange egg ( I don't reccomend expanding this unless you like beziers) var egg2 = function (x,y,size,r,g,b){ pushMatrix(); translate(x,y); scale(size); eggShape(200,200,1,r,g,b); fill(Main_Color); //red swirls beginShape(); noStroke(); vertex(163,149); bezierVertex(156,159,148,169,197,151); bezierVertex(225,141,231,190,202,184); bezierVertex(191,181,192,161,202,167); bezierVertex(164,150,186,236,249,184); bezierVertex(238,125,190,103,161,151); endShape(CLOSE); beginShape(); stroke(Stand_Mid); vertex(166,243); bezierVertex(173,276,189,247,177,246); bezierVertex(182,250,168,266,177,223); endShape(CLOSE); noStroke(); //orange swirl beginShape(); fill(Secondary_Color); vertex(158,160); bezierVertex(190,165,180,267,156,236); bezierVertex(155,231,149,217,151,209); bezierVertex(150,197,162,208,158,218); bezierVertex(151,193,150,237,164,230); bezierVertex(170,222,163,167,150,187); bezierVertex(155,159,157,159,158,159); endShape(CLOSE); //Rest of red swirls beginShape(); vertex(170,260); fill(Main_Color); bezierVertex(203,259,203,199,203,200); bezierVertex(204,173,182,182,185,191); bezierVertex(175,184,199,158,213,183); bezierVertex(227,210,224,264,199,275); bezierVertex(190,275,177,269,170,260); endShape(CLOSE); beginShape(); vertex(169,259); fill(Main_Color); bezierVertex(218,271,211,186,183,228); bezierVertex(185,190,215,201,217,223); bezierVertex(228,174,251,209,235,217); bezierVertex(241,208,234,201,230,209); bezierVertex(226,227,225,229,224,230); bezierVertex(243,223,242,241,239,249); bezierVertex(216,287,227,236,230,251); bezierVertex(227,252,226,267,233,253); bezierVertex(236,225,217,247,213,262); endShape(CLOSE); beginShape(); vertex(234,193); bezierVertex(230,214,250,218,246,206); bezierVertex(243,217,237,203,249,184); endShape(CLOSE); //Gold detailing lines noFill(); strokeWeight(1.50); stroke(Stand_Mid); bezier(157,158,174,172,208,133,219,159); bezier(219,159,228,175,205,194,196,183); bezier(161,152,174,155,213,126,221,164); bezier(166,143,159,151,224,118,221,164); bezier(186,186,188,200,226,212,247,178); bezier(186,186,190,203,248,203,239,154); bezier(186,186,190,196,239,203,233,146); bezier(185,192,175,174,199,165,212,181); bezier(185,192,182,187,188,177,197,183); bezier(183,176,183,167,188,163,198,166); bezier(194,172,193,175,199,160,196,169); bezier(183,228,188,171,251,223,202,274); bezier(183,228,213,189,213,258,171,260); bezier(183,228,195,175,254,244,171,260); bezier(220,228,220,245,208,256,185,270); bezier(245,207,250,216,229,215,234,193); bezier(245,207,248,209,232,217,249,184); bezier(157,158,199,179,171,266,156,235); bezier(159,216,160,205,151,200,151,206); bezier(151,186,163,169,171,220,164,229); bezier(159,218,149,191,154,240,164,229); bezier(200,218,199,240,184,259,178,259); bezier(203,199,202,198,204,207,203,204); bezier(218,199,225,220,224,257,201,275); bezier(152,221,155,240,170,246,173,206); bezier(159,214,160,208,148,198,152,221); bezier(154,169,160,166,174,178,173,206); bezier(232,198,232,197,221,201,221,212); bezier(221,231,243,223,243,234,240,248); bezier(230,251,225,264,235,260,233,245); bezier(217,253,219,248,231,231,233,245); bezier(225,230,232,213,227,206,234,206); bezier(237,211,234,207,240,209,235,216); bezier(241,212,240,210,240,218,235,216); strokeWeight(1); //orange parts of the swirls beginShape(); noStroke(); fill(Secondary_Color); vertex(161,151); bezierVertex(176,153,207,129,221,159); bezierVertex(215,121,161,152,165,144); endShape(CLOSE); beginShape(); vertex(234,145); bezierVertex(234,163,233,204,190,191); bezierVertex(217,204,244,186,239,154); endShape(CLOSE); beginShape(); vertex(186,215); bezierVertex(196,196,211,203,218,220); bezierVertex(227,249,197,259,183,271); bezierVertex(180,268,176,268,170,261); bezierVertex(241,248,213,189,186,215); endShape(CLOSE); popMatrix(); }; //logo info var Logo_Color = color(255, 150, 20); var Swirl_Color = color(0, 21, 255); var Supernova_Logo = function(x,y,size,type){ if (type === 1){ //S pushMatrix(); translate(x,y); scale(size); noStroke(); beginShape(); fill(Logo_Color); vertex(75,336); vertex(40,370); vertex(40,320); vertex(70,290); vertex(70,305); vertex(50,325); vertex(50,340); vertex(85,305); vertex(85,355); vertex(50,390); vertex(50,375); vertex(75,350); endShape(CLOSE); //U beginShape(); fill(Logo_Color); vertex(90,285); vertex(110,310); vertex(115,305); vertex(115,295); vertex(97,277); vertex(107,268); vertex(127,290); vertex(126,315); vertex(110,330); vertex(81,294); endShape(CLOSE); //P beginShape(); fill(Logo_Color); vertex(149,291); vertex(140,300); vertex(109,266); vertex(133,243); vertex(152,260); vertex(140,282); vertex(131,276); vertex(137,262); vertex(131,257); vertex(125,263); endShape(CLOSE); //E beginShape(); fill(Logo_Color); vertex(168,272); vertex(135,240); vertex(160,215); vertex(160,230); vertex(153,238); vertex(157,243); vertex(172,227); vertex(173,242); vertex(165,250); vertex(171,255); vertex(185,241); vertex(185,254); endShape(CLOSE); //R beginShape(); fill(Logo_Color); vertex(193,246); vertex(162,214); vertex(185,190); vertex(201,206); vertex(197,216); vertex(217,222); vertex(209,230); vertex(188,226); vertex(183,221); vertex(189,207); vertex(185,202); vertex(175,213); vertex(201,239); endShape(CLOSE); //N beginShape(); fill(Logo_Color); vertex(187,188); vertex(198,177); vertex(227,186); vertex(206,168); vertex(216,158); vertex(251,190); vertex(239,200); vertex(212,194); vertex(228,210); vertex(221,219); endShape(CLOSE); //O beginShape(); fill(Logo_Color); vertex(229,146); vertex(247,127); vertex(274,153); vertex(271,169); vertex(255,184); vertex(259,158); vertex(244,144); vertex(244,160); vertex(257,173); vertex(256,183); vertex(252,186); vertex(229,165); endShape(CLOSE); //V beginShape(); fill(Logo_Color); vertex(249,124); vertex(258,114); vertex(283,139); vertex(277,99); vertex(287,86); vertex(296,142); vertex(284,154); endShape(CLOSE); //A beginShape(); fill(Logo_Color); vertex(303,136); vertex(292,81); vertex(306,68); vertex(340,100); vertex(331,109); vertex(316,95); vertex(307,102); vertex(304,91); vertex(310,85); vertex(304,81); vertex(312,127); endShape(CLOSE); //Supernova beginShape(); fill(38, 0, 255); vertex(289,78); bezierVertex(181,5,51,162,40,220); bezierVertex(127,85,203,124,166,164); bezierVertex(132,193,75,212,85,282); endShape(CLOSE); beginShape(); fill(Swirl_Color); vertex(311,137); bezierVertex(325,199,273,227,267,236); bezierVertex(155,327,285,358,360,220); bezierVertex(354,294,241,421,115,334); endShape(CLOSE); popMatrix(); } if (type === 2){ translate(x,y); scale(size); //stroke(255, 0, 255); fill(Swirl_Color); beginShape(); vertex(300,89); vertex(134,89); bezierVertex(53,78,45,199,122,200); vertex(209,200); bezierVertex(255,197,257,240,209,238); vertex(53,238); bezierVertex(55,244,67,274,73,278); vertex(240,278); bezierVertex(393,282,374,152,240,163); vertex(163,163); bezierVertex(142,164,136,133,163,135); vertex(335,135); bezierVertex(332,121,316,102,301,90); endShape(CLOSE); beginShape(); fill(Logo_Color); vertex(155,100); bezierVertex(76,104,87,167,158,163); bezierVertex(107,164,120,128,157,135); vertex(334,135); bezierVertex(331,118,319,106,313,100); endShape(CLOSE); beginShape(); fill(Logo_Color); vertex(242,270); bezierVertex(313,273,361,205,220,199); bezierVertex(265,207,285,236,225,238); vertex(54,239); bezierVertex(56,254,65,266,66,270); endShape(CLOSE); } }; // the grey background background(224, 224, 224); //shelf noStroke(); fill(181, 109, 33); rect(0,304,400,45); fill(153, 105, 56); rect(0,263,400,45); fill(171, 121, 72); rect(0,268,400,2); rect(0,298,400,2); rect(0,283,400,2); fill(0, 0, 0,70); // the shadows ellipse(161,287,195,19); ellipse(376,287,195,19); //egg and stand as well as the flower egg1(-182,-113,1.39,180,180,175); egg2(33,-113,1.39,180,180,175); eggStand(-173,-95,1.34,0,0,0); eggStand(44,-95,1.34,0,0,0); Supernova_Logo(329,343,0.17,2);
Folds	33,43,46,56,59,231,234,242,245,306,311,476,479,613,617,816
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgPCP4PncCQw
Votes	288
Spin-Offs	19
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	{"id":"6311996940877824","title":"Contest: DecoratEgg","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Supernova
Author Name	SupernovaMCA
Author ID	kaid_688522556236975999467589
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739388395330
Updated	8 months ago, 1744844997154
Source Deleted	unknown