Viewing Program

Program Data

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

Title	< I N F I N I T E >
ID	6735090365972480
Created	4 years ago, 1603485603761
Updated	4 years ago, 1629135331920
Code	/** * - < I N F I N I T E > * * - Started: 10/14/20 * - Finished: 10/22/20 * - Released: 10/23/20 * * - Update: 11/09/20 * */ //{ rectMode(CENTER); textAlign(CENTER,CENTER); randomSeed(4); enableContextMenu();// for those who want it var setKALoopTimer = function(){ this[["KAInfiniteLoopCount"]] = 0; this[["KAInfiniteLoopSetTimeout"][0]](100030); }; setKALoopTimer();// makes it not lagg out //} settings //{ var releasedate = 2020; var copyright = function() { fill(255,40); textAlign(LEFT, BOTTOM); textFont(createFont('Century Gothic Narrow'),9); text(releasedate + (year() > releasedate ? ("-" + year()) : "") + " Daniel T", 5, 498); }; //} signature //{ var Scene = "load"; var Graphics = (function() { var cache = Object.create(null), imgs_to_load = [], onloadcomplete, cur_load = 0, factories = { Background: function() { background(255); var a = color(33, 14, 33); var b = color(248, 107, 255); var c = color(255, 85, 33); for (var i = 0; i < 250; i+=1) { strokeWeight(2); noFill(); stroke(lerpColor(a, b, i/250)); line(0,i,width,i); stroke(lerpColor(b, c, i/250)); line(0,i+250,width,i+250); }// gradient pushMatrix(); translate(400, 300); for (var i = 0; i < 500; i++) { noStroke(); var c = color(6, 5, 26); fill(c,random(5, 10)); rotate(random(0, 360)); ellipse(0, 0, random(700, 1500), random(20, 25)); }//spiky lol popMatrix(); for(var i = 0; i < 80; i++) { pushStyle(); noFill(); strokeWeight(random(10,80)); stroke(0,random(0,20)); bezier(0, random(-100, 500), random(10, 150), random(-100, 500), random(width-200, width-100), random(-100, 500), width, random(-100, 500)); popStyle(); }// sky texture //{ pushMatrix(); translate(150, 100); for(var i = 0; i < 500; i++) { var c = color(16, 18, 46); noStroke(); fill(c,random(10,50)); rotate(i); ellipse(random(0, 100), random(0, 100),random(10,50),random(10,10)); }// darker swirl popMatrix(); pushMatrix(); translate(650, 100); for(var i = 0; i < 600; i++) { var c = color(16, 18, 46); noStroke(); fill(c,random(10,50)); rotate(i); ellipse(random(0, 200), random(0, 100),random(10,50),random(10,10)); }// darker swirl popMatrix(); pushMatrix(); translate(400, 100); for(var i = 0; i < 800; i++) { var c = color(16, 18, 46); noStroke(); fill(c,random(10,50)); rotate(i); ellipse(random(0, 200), random(0, 100),random(10,50),random(10,10)); }// darker swirl popMatrix(); pushMatrix(); translate(150, 300); for(var i = 0; i < 500; i++) { var c = color(117, 47, 99); noStroke(); fill(c,random(10,50)); rotate(i); ellipse(random(0, 100), random(0, 100),random(10,50),random(10,10)); }// light swirl popMatrix(); pushMatrix(); translate(650, 300); for(var i = 0; i < 700; i++) { var c = color(117, 47, 99); noStroke(); fill(c,random(10,50)); rotate(i); ellipse(random(0, 200), random(0, 100),random(10,50),random(10,10)); }// light swirl popMatrix(); //} sky swirls filter(BLUR,5); for (var i = 0; i < 150; i++) { strokeWeight(random(1,2)); stroke(255, random(150,200)); point(random(0,800),random(0,400)); }// stars filter(BLUR,0.8); for(var i = 0; i < 200; i += 1){ stroke(255,i); strokeWeight(1); line(0,i+250,800,i+250); }// light shadow for(var i = 0; i < 200; i += 1){ stroke(0,i); strokeWeight(1); line(-1,-i+100,800,-i+100); }// dark shadow return get(0, 0, 800, 500); }, Planet: function() { background(0,0,0,0); var msk = createGraphics(width,height, P2D); msk.background(0); msk.fill(255); msk.noStroke(); msk.ellipse(200,200,400,400);// planet msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.background(0); bkg.rectMode(CENTER); bkg.noStroke(); bkg.fill(255, 0, 64); bkg.rect(200,200,400,400); bkg.pushMatrix(); bkg.translate(200,200); bkg.scale(1); for(var i = 0; i < 2000; i++) { bkg.noStroke(); bkg.fill(16, 16, 31, random(150, 255)); bkg.rotate(i); bkg.ellipse(random(3, 155), random(-200, 200), 20, 10); } bkg.translate(0,0); for(var i = 0; i < 3000; i++) { bkg.noStroke(); bkg.fill(10, 10, 20, random(150, 200)); bkg.rotate(i); bkg.ellipse(random(3, 200), random(-200, 200), 40, 8); } bkg.popMatrix(); for (var i = 0; i < 70; i += 1) { var c = color(209, 240, 255); bkg.strokeWeight(10); bkg.stroke(c,i/2.5); bkg.noFill(); bkg.arc(135+i,200,420,460,304,465); }// planet graident bkg = bkg.get(); bkg.mask(msk); //mask it image(bkg,0,0); return get(0, 0, 400, 400); }, BackHills: function() { background(0,0,0,0); var msk = createGraphics(width,height, P2D); msk.background(0); msk.fill(255); msk.noStroke(); msk.pushMatrix(); msk.translate(0,10); msk.scale(2.21); msk.noStroke(); msk.beginShape(); msk.vertex(0, 0); msk.vertex(6, 0); msk.vertex(7, 2); msk.bezierVertex(7, 2, 16, 9, 27, 4); msk.vertex(30, 3); msk.vertex(33, 3); msk.vertex(38, 2); msk.vertex(44, 4); msk.vertex(50, 5); msk.vertex(51, 6); msk.vertex(57, 6); msk.vertex(58, 7); msk.bezierVertex(58, 7, 65, 6, 67, 8); msk.vertex(69, 7); msk.vertex(80, 7); msk.vertex(85, 9); msk.vertex(97, 9); msk.vertex(101, 9); msk.bezierVertex(101, 9, 111, 15, 115, 12); msk.bezierVertex(115, 12, 116, 11, 119, 13); msk.bezierVertex(119, 13, 126, 17, 129, 16); msk.vertex(138, 17); msk.vertex(146, 16); msk.vertex(151, 19); msk.vertex(202, 19); msk.vertex(209, 15); msk.vertex(213, 15); msk.vertex(216, 17); msk.vertex(223, 16); msk.vertex(229, 17); msk.vertex(234, 17); msk.vertex(254, 15); msk.vertex(255, 14); msk.vertex(270, 12); msk.vertex(276, 14); msk.vertex(280, 14); msk.vertex(286, 11); msk.vertex(291, 11); msk.vertex(299, 13); msk.vertex(300, 11); msk.bezierVertex(300, 11, 310, 8, 310, 7); msk.vertex(313, 7); msk.vertex(321, 4); msk.vertex(362, 1); msk.vertex(362, 109); msk.vertex(0, 109); msk.endShape(); msk.popMatrix(); msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.background(0); bkg.rectMode(CENTER); var c1 = color(39, 39, 61);// sky top color var c2 = color(207, 128, 191);// sky bottom color for (var i = 0; i < 800; i += 1) { bkg.strokeWeight(1); bkg.stroke(lerpColor(c1,c2, i / 1100)); bkg.line(i, 0, i, 800); }// hill gradient for(var i = 7; i < 300; i+=random(2,10)){ bkg.noFill(); bkg.strokeWeight(random(2,5)); bkg.stroke(random(200,255),random(0,30)); bkg.line(i,10,i+random(80,100),random(20,80)); }// hill texture for(var i = 30; i < 300; i+=random(2,10)){ bkg.noFill(); bkg.strokeWeight(random(2,3)); bkg.stroke(random(200,255),random(30,70)); bkg.line(i,random(60,90),i+random(80,100),random(90,120)); }// hill texture for(var i = 50; i < 300; i+=random(2,12)){ bkg.noFill(); bkg.strokeWeight(random(1,4)); bkg.stroke(random(150,255),random(20,80)); bkg.line(i,0,i+random(150,250),random(50,80)); }// hill texture for(var i = 65; i < 300; i+=random(2,8)){ bkg.noFill(); bkg.strokeWeight(random(3,5)); bkg.stroke(random(200,255),random(10,60)); bkg.line(0,i,800,i); }// flat texture for(var circ = 0; circ < 1000; circ++) { bkg.noStroke(); bkg.fill(random(10,50), random(0, 20)); bkg.ellipse(random(0, 800), random(0, 300),random(50,300),random(5,10)); }// more texture bkg.filter(ERODE); bkg = bkg.get(); bkg.mask(msk); //mask it image(bkg,0,0); return get(0, 0, 800, 300); }, MidRocks1: function() { background(0,0,0,0); var msk = createGraphics(width,height, P2D); msk.background(0); msk.fill(255); msk.noStroke(); msk.pushMatrix(); msk.translate(0,10); msk.scale(2.21); msk.beginShape(); msk.vertex(327, 4); msk.vertex(320, 5); vertex(319, 6); msk.vertex(318, 5); msk.vertex(317, 6); msk.vertex(315, 6); msk.vertex(312, 9); msk.vertex(311, 9); msk.vertex(309, 12); msk.vertex(308, 12); msk.vertex(301, 17); msk.vertex(302, 17); msk.bezierVertex(302, 17, 298, 22, 298, 23); msk.vertex(294, 23); msk.vertex(292, 20); msk.vertex(292, 20); msk.vertex(291, 19); msk.vertex(290, 19); msk.vertex(288, 18); msk.vertex(286, 18); msk.vertex(285, 17); msk.bezierVertex(285, 17, 282, 18, 282, 20); msk.bezierVertex(282, 20, 281, 24, 283, 25); msk.vertex(284, 26); msk.bezierVertex(284, 26, 281, 30, 281, 33); msk.bezierVertex(281, 33, 271, 30, 270, 25); msk.vertex(268, 22); msk.bezierVertex(268, 22, 266, 23, 267, 25); msk.vertex(266, 31); msk.vertex(265, 30); msk.vertex(264, 27); msk.bezierVertex(264, 27, 265, 25, 264, 24); msk.bezierVertex(264, 24, 261, 22, 261, 25); msk.vertex(257, 24); msk.vertex(257, 25); msk.vertex(256, 26); msk.vertex(256, 27); msk.vertex(255, 30); msk.vertex(252, 32); msk.vertex(252, 33); msk.bezierVertex(252, 33, 250, 31, 233, 31); msk.vertex(229, 32); msk.vertex(134, 30); msk.vertex(130, 28); msk.bezierVertex(130, 28, 120, 19, 114, 19); msk.vertex(109, 25); msk.vertex(104, 20); msk.vertex(103, 19); msk.vertex(101, 18); msk.vertex(99, 19); msk.vertex(97, 19); msk.vertex(95, 17); msk.bezierVertex(95, 17, 96, 16, 93, 15); msk.bezierVertex(93, 15, 90, 14, 91, 16); msk.bezierVertex(91, 16, 86, 18, 86, 20); msk.vertex(84, 20); msk.vertex(84, 21); msk.bezierVertex(84, 21, 80, 21, 79, 23); msk.vertex(39, 24); msk.vertex(33, 22); msk.vertex(31, 20); msk.vertex(28, 22); msk.bezierVertex(28, 22, 26, 22, 25, 22); msk.bezierVertex(24, 22, 18, 21, 18, 21); msk.vertex(12, 18); msk.vertex(10, 18); msk.vertex(0, 17); msk.vertex(0, 110); msk.vertex(361, 109); msk.vertex(362, 0); msk.endShape(); msk.popMatrix(); msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.background(0); bkg.rectMode(CENTER); var c1 = color(30, 30, 46);// hill top color var c2 = color(240, 149, 222);// hill bottom color for (var i = 0; i < 800; i += 1) { bkg.strokeWeight(1); bkg.stroke(lerpColor(c1,c2, i / 1300)); bkg.line(i, 0, i, 800); }// hill gradient for(var i = 0; i < 300; i+=random(2,7)){ bkg.noFill(); bkg.strokeWeight(random(1,6)); bkg.stroke(random(0,30),random(10,60)); bkg.line(0,i,800,i); }// flat texture for(var circ = 0; circ < 1000; circ++) { bkg.noStroke(); bkg.fill(random(10,50), random(10, 20)); bkg.ellipse(random(0, 800), random(0, 300),random(10,30),random(5,300)); }// more texture bkg.filter(ERODE); bkg = bkg.get(); bkg.mask(msk); //mask it image(bkg,0,0); return get(0, 0, 800, 300); }, MidRocks2: function() { background(0,0,0,0); var msk = createGraphics(width,height, P2D); msk.background(0); msk.fill(255); msk.noStroke(); msk.pushMatrix(); msk.translate(0,10); msk.scale(2.21); msk.beginShape(); msk.vertex(0, 11); msk.vertex(22, 11); msk.bezierVertex(22, 11, 38, 9, 40, 14); msk.bezierVertex(40, 14, 41, 13, 39, 11); msk.vertex(41, 6); msk.vertex(41, 2); msk.bezierVertex(41, 2, 45, -3, 50, 3); msk.vertex(53, 7); msk.vertex(57, 3); msk.vertex(61, 3); msk.vertex(66, 2); msk.bezierVertex(66, 2, 70, 0, 73, 2); msk.bezierVertex(73, 2, 78, 0, 78, 4); msk.bezierVertex(78, 4, 86, 9, 77, 14); msk.bezierVertex(77, 14, 78, 18, 84, 18); msk.bezierVertex(84, 18, 100, 13, 107, 17); msk.vertex(235, 15); msk.vertex(251, 14); msk.vertex(254, 11); msk.vertex(256, 7); msk.bezierVertex(256, 7, 264, 5, 264, 10); msk.bezierVertex(264, 10, 267, 19, 275, 18); msk.bezierVertex(275, 18, 283, 22, 285, 20); msk.bezierVertex(285, 20, 290, 14, 295, 17); msk.bezierVertex(295, 17, 308, 20, 314, 19); msk.vertex(342, 20); msk.vertex(362, 19); msk.vertex(361, 90); msk.vertex(0, 90); msk.endShape(); msk.popMatrix(); msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.background(0); bkg.rectMode(CENTER); var c1 = color(19, 19, 31);// hill top color var c2 = color(61, 38, 71);// hill bottom color for (var i = 0; i < 800; i += 1) { bkg.strokeWeight(1); bkg.stroke(lerpColor(c1,c2, i / 800)); bkg.line(i, 0, i, 800); }// hill gradient for(var i = 0; i < 300; i+=random(2,7)){ bkg.noFill(); bkg.strokeWeight(random(1,6)); bkg.stroke(random(0,30),random(10,60)); bkg.line(0,i,800,i); }// flat texture for(var circ = 0; circ < 200; circ++) { bkg.noStroke(); bkg.fill(random(0,10), random(5, 15)); bkg.ellipse(random(0, 300), random(0, 300),random(200,300),random(10,20)); bkg.ellipse(random(600, 800), random(50, 300),random(200,300),random(10,20)); }// more texture bkg.filter(ERODE); bkg = bkg.get(); bkg.mask(msk); //mask it image(bkg,0,0); return get(0, 0, 800, 300); }, FrontRocks: function() { background(0,0,0,0); var msk = createGraphics(width,height, P2D); msk.background(0); msk.fill(255); msk.noStroke(); msk.pushMatrix(); msk.translate(0,10); msk.scale(2.21); msk.beginShape(); msk.vertex(0, 27); msk.vertex(3, 30); msk.bezierVertex(3, 30, 2, 35, 4, 38); msk.vertex(6, 47); msk.vertex(8, 48); msk.vertex(7, 49); msk.vertex(11, 52); msk.vertex(11, 55); msk.vertex(14, 57); msk.vertex(15, 56); msk.bezierVertex(15, 56, 18, 55, 22, 62); msk.bezierVertex(22, 62, 29, 74, 24, 77); msk.vertex(22, 83); msk.vertex(21, 84); msk.vertex(22, 86); msk.vertex(22, 88); msk.vertex(22, 94); msk.vertex(288, 86); msk.vertex(290, 85); msk.vertex(293, 84); msk.vertex(294, 83); msk.vertex(295, 84); msk.vertex(296, 83); msk.vertex(296, 82); msk.vertex(298, 81); msk.vertex(298, 79); msk.vertex(304, 79); msk.bezierVertex(304, 79, 310, 77, 312, 77); msk.vertex(313, 75); msk.vertex(314, 75); msk.bezierVertex(314, 75, 316, 73, 315, 71); msk.bezierVertex(315, 71, 318, 69, 319, 64); msk.vertex(319, 63); msk.bezierVertex(319, 63, 322, 62, 321, 56); msk.bezierVertex(321, 56, 323, 52, 323, 44); msk.vertex(324, 40); msk.vertex(325, 38); msk.vertex(328, 37); msk.vertex(329, 37); msk.vertex(330, 36); msk.vertex(331, 37); msk.bezierVertex(331, 37, 335, 32, 338, 32); msk.bezierVertex(338, 32, 340, 28, 341, 22); msk.bezierVertex(341, 22, 341, 17, 343, 16); msk.bezierVertex(343, 16, 347, 14, 346, 8); msk.bezierVertex(346, 8, 345, 2, 349, 3); msk.bezierVertex(349, 3, 353, 3, 353, 2); msk.bezierVertex(353, 2, 359, -1, 362, 1); msk.vertex(361, 145); msk.vertex(0, 145); msk.endShape(); msk.popMatrix(); msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.background(0); bkg.rectMode(CENTER); bkg.noStroke(); bkg.fill(0, 0, 0); bkg.rect(400,200,800,400); var c1 = color(194, 107, 143);// rock top color var c2 = color(21, 20, 31);// rock bottom color for (var i = 0; i < 300; i += 1) { bkg.strokeWeight(1); bkg.stroke(lerpColor(c1,c2, i / 280)); bkg.line(0,i,100,i); }// gradient var c1 = color(153, 86, 114);// rock top color var c2 = color(0, 0, 0);// rock bottom color for (var i = -100; i < 300; i += 1) { bkg.strokeWeight(1); bkg.stroke(lerpColor(c1,c2, i / 400)); bkg.line(600,i+100,1000,i/3); }// gradient bkg.filter(BLUR,2); for(var i = 0; i < 300; i+=random(2,3)){ bkg.noFill(); bkg.strokeWeight(random(5,10)); bkg.stroke(random(0,30),random(10,80)); bkg.line(0,i,800,i); }// flat texture for(var circ = 0; circ < 200; circ++) { bkg.noStroke(); bkg.fill(random(0,10), random(10, 30)); bkg.ellipse(random(0, 200), random(0, 300),random(10,15),random(200,300)); bkg.ellipse(random(600, 800), random(0, 300),random(10,15),random(200,300)); }// more texture bkg.filter(ERODE); // gradient coming form light on right for(var j = 140; j >= 0; j -= 2){ bkg.noStroke(); bkg.fill(255, 138, 228, 2); bkg.ellipse(720,80,j,j); } // gradient coming form light on right(left side) for(var j = 140; j >= 0; j -= 2){ bkg.noStroke(); bkg.fill(255, 255, 255, 2); bkg.ellipse(40,80,j,j); } bkg = bkg.get(); bkg.mask(msk); //mask it image(bkg,0,0); return get(0, 0, 800, 300); }, Building: function() { background(0,0,0,0); var msk = createGraphics(width,height, P2D); msk.background(0); msk.fill(255); msk.noStroke(); msk.pushMatrix(); msk.translate(5,5); msk.scale(2.0); msk.beginShape(); msk.vertex(0, 3); msk.vertex(10, 3); msk.vertex(10, 1); msk.vertex(24, 1); msk.vertex(25, 0); msk.vertex(33, 0); msk.vertex(34, 1); msk.vertex(47, 1); msk.vertex(48, 3); msk.vertex(58, 3); msk.vertex(58, 15); msk.vertex(0, 15); msk.endShape(); msk.popMatrix(); msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.background(0); bkg.rectMode(CENTER); bkg.noStroke(); bkg.fill(145, 127, 96); bkg.rect(100,200,200,400); for(var tex = 0; tex < 900; tex++) { bkg.noStroke(); bkg.fill(random(0,200), random(20, 30)); bkg.rect(random(0, 150), random(0, 50),random(5,10),random(2,5)); }// texture for(var i = 0; i < 200; i += 1){ bkg.stroke(0,i); bkg.strokeWeight(2); bkg.line(-i+100,0,-i+100,100); }// shadow bkg = bkg.get(); bkg.mask(msk); //mask it image(bkg,0,0); return get(0, 0, 800, 300); }, PathBottom: function() { background(0,0,0,0); var msk = createGraphics(width,height, P2D); msk.background(0); msk.fill(255); msk.noStroke(); msk.pushMatrix(); msk.translate(0,10); msk.scale(2.21); msk.quad(177, 4, 187, 3, 296, 91, 30, 91); msk.popMatrix(); msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.background(0); bkg.rectMode(CENTER); var c1 = color(150);// top color var c2 = color(0);// bottom color for (var i = 0; i < 300; i += 1) { bkg.strokeWeight(1); bkg.stroke(lerpColor(c1,c2, i / 280)); bkg.line(1,i,800,i); }// gradient bkg.strokeCap(SQUARE); for(var i = 0; i < 400; i += 1 + i * 0.15){ bkg.stroke(0); bkg.strokeWeight(i/100); bkg.line(0, i, 800, i); }// cracks bkg.strokeWeight(1.5); // guide lines //stroke(0); //line(390,20,150,220); //line(395,20,260,220); //line(400,20,390,220); //line(405,20,520,220); //line(410,20,610,220); bkg.stroke(0,130); // left most bkg.line(390,20,384,25); bkg.line(374,33,366,40); bkg.line(355,49,346,56); bkg.line(337,64,324,75); bkg.line(308,88,291,102); bkg.line(270,119,247,138); bkg.line(222,159,171,200); // left bkg.line(388,30,386,33); bkg.line(381,40,376,47); bkg.line(370.5,56,364,65); bkg.line(357.5,75,348,89); bkg.line(339,103,328,119); bkg.line(315,138,301,159); // middle bkg.line(400,20,399.5,24); bkg.line(399,34,399,39); bkg.line(398.4,47,398,55); bkg.line(397.5,64,397,75); bkg.line(397,89,396,102); bkg.line(395,120,394,138); bkg.line(393,159,390,200); // right bkg.line(412,32,410,29); bkg.line(417,41,421,48); bkg.line(426,57,431,65); bkg.line(438,77,445,88); bkg.line(453,102,463,119); bkg.line(474,139,485,159); // right most bkg.line(414,24,417,27); bkg.line(424,34,429,39); bkg.line(438,49,445,55); bkg.line(455,65,466,76); bkg.line(478,88,492,102); bkg.line(510,119,528,137); bkg.line(551,160,562,170); //{ bkg.pushMatrix(); bkg.translate(526,32); bkg.scale(1); for(var i = 0; i < 300; i++) { bkg.noStroke(); bkg.fill(random(20,40), random(150, 255)); bkg.rotate(i); bkg.ellipse(random(3,50), random(-70, 70),random(5,10),random(5,10)); } bkg.popMatrix(); bkg.pushMatrix(); bkg.translate(580,150); bkg.scale(1); for(var i = 0; i < 200; i++) { bkg.noStroke(); bkg.fill(random(20,40), random(150, 255)); bkg.rotate(i); bkg.ellipse(random(3,50), random(-70, 70),random(10,20),random(10,20)); } bkg.popMatrix(); bkg.pushMatrix(); bkg.translate(280,20); bkg.scale(1); for(var i = 0; i < 200; i++) { bkg.noStroke(); bkg.fill(random(50,100), random(150, 200)); bkg.rotate(i); bkg.ellipse(random(3,50), random(-70, 70),random(5,10),random(5,8)); } bkg.popMatrix(); bkg.pushMatrix(); bkg.translate(170,100); bkg.scale(1); for(var i = 0; i < 250; i++) { bkg.noStroke(); bkg.fill(random(30,80), random(100, 150)); bkg.rotate(i); bkg.ellipse(random(3,50), random(-70, 70),random(5,10),random(5,8)); } bkg.popMatrix(); //} trash on sides for(var i = 0; i <300; i += 1){ bkg.stroke(0,i); bkg.strokeWeight(2); bkg.line(350+i,0,450+i,400); }// shadow bkg.filter(BLUR,0.8); // gradient for(var j = 300; j >= 50; j -= 3){ bkg.noStroke(); bkg.fill(112, 198, 255,2); bkg.ellipse(400,-40,j,j); } bkg = bkg.get(); bkg.mask(msk); //mask it image(bkg,0,0); return get(0, 0, 800, 300); }, PathRightSide: function() { background(0,0,0,0); var msk = createGraphics(width,height, P2D); msk.background(0); msk.fill(255); msk.noStroke(); msk.pushMatrix(); msk.translate(0,10); msk.scale(2.21); msk.beginShape(); msk.vertex(187, 1); msk.vertex(187, 3); msk.vertex(296, 91); msk.vertex(362, 92); msk.vertex(362, 58); msk.endShape(); msk.popMatrix(); msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.background(0); bkg.rectMode(CENTER); var c1 = color(200);// top color var c2 = color(0, 0, 0);// bottom color for (var i = 300; i < 800; i += 1) { bkg.strokeWeight(1); bkg.stroke(lerpColor(c1,c2, i / 800)); bkg.line(i+100,0,i-100,200); }// gradient for(var circ = 0; circ < 40; circ++) { bkg.noStroke(); bkg.fill(random(0,100), random(0, 30)); bkg.ellipse(random(400, 800), random(0, 200),random(100,200),random(100,200)); }// more texture bkg.strokeCap(SQUARE); for(var i = 0; i < 400; i += 1 + i * 0.2){ bkg.stroke(0); bkg.strokeWeight(i/100); bkg.line(i+400, 0, i+400, 300); }// cracks bkg.strokeCap(ROUND); for(var i = 0; i < 800; i += random(0,10)){ bkg.strokeWeight(random(0,4)); bkg.stroke(0,random(50,200)); bkg.line(i,0,i,random(-130,-140)+i/2.8);//+i/3.5 } for(var i = 0; i <100; i += 1){ bkg.stroke(0,i2); bkg.strokeWeight(2); bkg.line(400,i-10,800,i+200); }// shadow // gradient for(var j = 300; j >= 50; j -= 3){ bkg.noStroke(); bkg.fill(112, 198, 255,1); bkg.ellipse(400,-40,j,j); } bkg = bkg.get(); bkg.mask(msk); //mask it image(bkg,0,0); return get(0, 0, 800, 300); }, PathRightSideTop: function() { background(0,0,0,0); var msk = createGraphics(width,height, P2D); msk.background(0); msk.fill(255); msk.noStroke(); msk.pushMatrix(); msk.translate(0,10); msk.scale(2.21); msk.quad(186, 0, 187, 1, 362, 58, 362, 54); msk.popMatrix(); msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.background(0); bkg.rectMode(CENTER); var c1 = color(255);// top color var c2 = color(10);// bottom color for (var i = 300; i < 850; i += 1) { bkg.strokeWeight(1); bkg.stroke(lerpColor(c1,c2, i / 880)); bkg.line(i+100,0,i-100,200); }// gradient // gradient for(var j = 300; j >= 50; j -= 3){ bkg.noStroke(); bkg.fill(112, 198, 255,2); bkg.ellipse(400,-40,j,j); } bkg = bkg.get(); bkg.mask(msk); //mask it image(bkg,0,0); return get(0, 0, 800, 300); }, PathLeftSide: function() { background(0,0,0,0); var msk = createGraphics(width,height, P2D); msk.background(0); msk.fill(255); msk.noStroke(); msk.pushMatrix(); msk.translate(0,10); msk.scale(2.21); msk.beginShape(); msk.vertex(177, 1); msk.vertex(177, 4); msk.vertex(31, 91); msk.vertex(0, 91); msk.vertex(0, 44); msk.endShape(); msk.popMatrix(); msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.background(0); bkg.rectMode(CENTER); var c1 = color(255);// top color var c2 = color(50);// bottom color for (var i = 500; i > -100; i -= 1) { bkg.strokeWeight(1); bkg.stroke(lerpColor(c2,c1, i / 800)); bkg.line(i-100,0,i+100,200); }// gradient for(var circ = 0; circ < 40; circ++) { bkg.noStroke(); bkg.fill(random(0,100), random(0, 30)); bkg.ellipse(random(0, 400), random(0, 200),random(100,200),random(100,200)); }// more texture bkg.strokeCap(SQUARE); for(var i = 0; i < 400; i += 1 + i 0.2){ bkg.stroke(20); bkg.strokeWeight(i/100); bkg.line(-i+400, 0, -i+400, 300); }// cracks bkg.strokeCap(ROUND); for(var i = 0; i < 400; i += random(0,10)){ bkg.strokeWeight(random(0,4)); bkg.stroke(0,random(50,200)); bkg.line(i,0,i,random(115,125)-i/3.7);//+i/3.5 } for(var i = 0; i <100; i += 1){ bkg.stroke(0,i1.5); bkg.strokeWeight(2); bkg.line(400,i-10,0,i+170); }// shadow // gradient for(var j = 300; j >= 50; j -= 3){ bkg.noStroke(); bkg.fill(112, 198, 255,2); bkg.ellipse(400,-40,j,j); } bkg = bkg.get(); bkg.mask(msk); //mask it image(bkg,0,0); return get(0, 0, 800, 300); }, PathLeftSideTop: function() { background(0,0,0,0); var msk = createGraphics(width,height, P2D); msk.background(0); msk.fill(255); msk.noStroke(); msk.pushMatrix(); msk.translate(0,10); msk.scale(2.21); msk.triangle(174, 1.7, 0, 44, 0, 41); msk.popMatrix(); msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.background(0); bkg.rectMode(CENTER); var c1 = color(255);// top color var c2 = color(40);// bottom color for (var i = 500; i > -100; i -= 1) { bkg.strokeWeight(1); bkg.stroke(lerpColor(c2,c1, i / 900)); bkg.line(i-100,0,i+100,200); }// gradient // gradient for(var j = 300; j >= 50; j -= 3){ bkg.noStroke(); bkg.fill(112, 198, 255,2); bkg.ellipse(400,-40,j,j); } bkg = bkg.get(); bkg.mask(msk); //mask it image(bkg,0,0); return get(0, 0, 800, 300); }, Person: function() { background(0,0,0,0); var msk = createGraphics(width,height, P2D); msk.background(0); msk.fill(255); msk.noStroke(); msk.pushMatrix(); msk.translate(5,0); msk.scale(0.301,0.37); msk.beginShape(); msk.vertex(45, 237); msk.vertex(41, 197); msk.bezierVertex(41, 197, 48, 165, 47, 154); msk.vertex(52, 154); msk.vertex(52, 172); msk.vertex(50, 175); msk.vertex(53, 212); msk.vertex(51, 216); msk.vertex(52, 237); msk.vertex(49, 243); msk.vertex(50, 258); msk.bezierVertex(50, 258, 56, 261, 61, 258); msk.vertex(62, 246); msk.vertex(64, 242); msk.vertex(66, 232); msk.bezierVertex(66, 232, 70, 209, 68, 194); msk.bezierVertex(68, 194, 72, 179, 75, 159); msk.bezierVertex(75, 159, 78, 158, 78, 153); msk.vertex(77, 139); msk.vertex(80, 137); msk.vertex(77, 112); msk.vertex(84, 113); msk.vertex(88, 139); msk.vertex(84, 146); msk.vertex(85, 151); msk.vertex(84, 157); msk.vertex(87, 162); msk.vertex(93, 160); msk.vertex(96, 154); msk.vertex(97, 153); msk.vertex(96, 148); msk.vertex(95, 137); msk.vertex(99, 136); msk.vertex(99, 132); msk.vertex(98, 131); msk.bezierVertex(98, 131, 98, 105, 95, 70); msk.bezierVertex(95, 70, 92, 62, 93, 55); msk.bezierVertex(93, 55, 86, 45, 70, 40); msk.vertex(67, 36); msk.vertex(66, 33); msk.vertex(69, 22); msk.vertex(70, 5); msk.bezierVertex(70, 5, 65, -1, 55, 2); msk.bezierVertex(55, 2, 48, 1, 46, 14); msk.vertex(47, 18); msk.bezierVertex(47, 18, 43, 23, 47, 26); msk.vertex(50, 29); msk.vertex(46, 32); msk.vertex(47, 35); msk.bezierVertex(47, 35, 23, 36, 16, 47); msk.bezierVertex(16, 47, 4, 71, 1, 93); msk.bezierVertex(1, 93, 0, 105, 2, 139); msk.vertex(12, 150); msk.vertex(15, 150); msk.vertex(18, 144); msk.vertex(18, 141); msk.vertex(13, 141); msk.vertex(13, 140); msk.vertex(17, 137); msk.vertex(12, 130); msk.vertex(12, 107); msk.vertex(17, 102); msk.vertex(19, 110); msk.vertex(18, 118); msk.vertex(21, 122); msk.vertex(22, 133); msk.bezierVertex(22, 133, 17, 135, 22, 136); msk.bezierVertex(22, 136, 24, 138, 22, 146); msk.bezierVertex(22, 146, 19, 164, 22, 189); msk.bezierVertex(22, 189, 25, 192, 21, 199); msk.bezierVertex(21, 199, 18, 202, 25, 218); msk.vertex(29, 234); msk.vertex(33, 237); msk.vertex(32, 253); msk.bezierVertex(32, 253, 38, 258, 43, 254); msk.vertex(47, 241); msk.bezierVertex(47, 241, 48, 239, 45, 237); msk.endShape(); msk.popMatrix(); msk = msk.get(); var bkg = createGraphics(width, height, P2D); bkg.background(0); bkg.rectMode(CENTER); bkg.noStroke(); bkg.fill(0); bkg.rect(100,200,200,400); for(var i = 0; i < 200; i += 1){ bkg.stroke(255,i/2); bkg.strokeWeight(2); bkg.line(0,-i+40,200,-i); }// shadow for(var j = 100; j >= 0; j -= 3){ bkg.noStroke(); bkg.fill(0, 230, 255, 2); bkg.ellipse(70, 30, j, j); } // blue graident for(var j = 50; j >= 0; j -= 3){ bkg.noStroke(); bkg.fill(0, 230, 255, 3); bkg.ellipse(20,74,j/2,j1.2); } // blue graident bkg = bkg.get(); bkg.mask(msk); //mask it image(bkg,0,0); return get(0, 0, 200, 400); }, Lighting1: function() { background(0,0,0,0); // gradient for(var j = 300; j >= 50; j -= 3){ noStroke(); fill(255, 255, 255, 2); ellipse(780,350,j2,j); } for(var j = 300; j >= 50; j -= 3){ noStroke(); fill(255, 255, 255, 2); ellipse(780,320,j,j); } return get(0, 0, 800, 500); }, Fog1: function() { background(0,0,0,0); // fog for(var circ = 0; circ < 500; circ++) { noStroke(); fill(random(200,255), random(1, 7)); ellipse(random(0, 300), random(360, 500),random(20,50),random(20,50)); } return get(0, 0, 800, 500); }, Fog2: function() { background(0,0,0,0); // fog for(var circ = 0; circ < 500; circ++) { noStroke(); fill(random(200,255), random(4, 8)); ellipse(random(600, 800), random(380, 500),random(20,50),random(20,50)); } return get(0, 0, 800, 500); }, BlueGlow: function() { background(0,0,0,0); // gradient coming form blue thing maybe for(var j = 450; j >= 330; j -= 3){ noStroke(); fill(184, 222, 255, 1); ellipse(400,350,j,j); } return get(0, 0, 800, 500); }, BuildingGlow: function() { background(0,0,0,0); // gradient over building for(var j = 150; j >= 50; j -= 3){ noStroke(); fill(82, 50, 82, 8); ellipse(400,350,j1.8,j); } return get(0, 0, 800, 500); }, GlowingPortal: function() { background(0,0,0,0); // glowy blue thing for(var i = 210; i < 280; i += 5){ noFill(); stroke(0, 238, 255,280-i); strokeWeight(10); ellipse(400,330,i,i); } for(var j = 205; j > 80; j -= 5){ noFill(); stroke(0, 238, 255,-175+j); strokeWeight(10); ellipse(400,330,j,j); } return get(0, 0, 800, 500); }, }; return { // access the respective image (give the image name) get: function(img_name) { // if the image is already in "cache", just return the image if (img_name in cache) { return cache[img_name]; } // otherwise, get image and store it in "cache" return (cache[img_name] = factories[img_name]()); }, // (1. Create an array of the images you want to load, // 2. Give a function to evaluate when the loading is done) setLoadQueue: function(arr, func) { // arr is the array of images to load imgs_to_load = arr; // func is the function that evaluates once the function is complete onloadcomplete = func; }, // loadNext: function() { // as long as they haven't all been loaded... if (cur_load < imgs_to_load.length) { // get (load) the image this.get(imgs_to_load[cur_load]); //de-reference the factory that draws the image factories[imgs_to_load[cur_load]] = null; // continue cur_load++; } else { // run "onloadcomplete" once the loading has finished if it's a function then set it to "undefined" if (typeof onloadcomplete === "function") { onloadcomplete(); onloadcomplete = void 0; } imgs_to_load.length = 0; // empty array cur_load = 0; // reset current loading index } } }; })(); Graphics.setLoadQueue(["Background","Planet","BackHills","MidRocks1","MidRocks2","FrontRocks","Building","PathBottom","PathRightSide","PathRightSideTop","PathLeftSide","PathLeftSideTop","Person","Lighting1","Fog1","Fog2","BlueGlow","BuildingGlow","GlowingPortal"], function() { Scene = "graphic"; } ); var LR = 50; var loadSymbol = function(){ pushMatrix(); translate(400,300); rotate(LR); pushMatrix(); translate(-200,-200); strokeWeight(5); stroke(240); noFill(); arc(200,200,100,100,0,270); popMatrix(); popMatrix(); LR+=50; }; //} loading stuff //{ draw = function() { switch (Scene) { case 'load': Graphics.loadNext(); background(20); fill(240); textFont(createFont("Arial Narrow"),50); text("Loading Graphic",400,150); loadSymbol(); break; case 'graphic': background(255); // drawing stuff: //{ image(Graphics.get('Background'),0,0); image(Graphics.get('Planet'),200,95); //} background + planet //{ image(Graphics.get('BackHills'),0,285); image(Graphics.get('Lighting1'),0,0); image(Graphics.get('MidRocks1'),0,280); image(Graphics.get('Fog1'),0,0); image(Graphics.get('MidRocks2'),0,340); image(Graphics.get('Fog2'),0,0); image(Graphics.get('FrontRocks'),0,200); image(Graphics.get('BlueGlow'),0,0); image(Graphics.get('Building'),338,319); image(Graphics.get('BuildingGlow'),0,0); //} landscape + building //{ image(Graphics.get('GlowingPortal'),0,0); image(Graphics.get('PathBottom'),0,330); image(Graphics.get('PathRightSide'),0,331); image(Graphics.get('PathRightSideTop'),0,331); image(Graphics.get('PathLeftSide'),0,331); image(Graphics.get('PathLeftSideTop'),0,331); //} portal + path //{ image(Graphics.get('Person'),380,318); copyright();//draw signature //} person + signature //{ var g = get(0,0,width,height); if (width === 799) { background(255); image(g,0,94,width,320); } //} thumbnail break; } //{ if(width < 799) { throw {message: 'To view the full graphic please go here: "https://www.khanacademy.org/computer-programming/i/6735090365972480?width=800"'}; } //} wrong width message }; //} draw function
Folds	11,24,26,36,38,1439,1441,1529
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgK3m9rD7Cww
Votes	293
Spin-Offs	3
Type	PJS
Width	600
Height	500
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Daniel T
Author Name	dt.ka
Author ID	kaid_1088724296543359205380923
Author Profile Access	COACH

Archive Data

Added	6 months ago, 1739461229401
Updated	4 months ago, 1744844978598
Source Deleted	unknown