Viewing Program

Program Data

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

Title	Ad Astra per Aspera
ID	4747553107034112
Created	3 years ago, 1629727883780
Updated	1 years ago, 1687896845762
Code	//Info: /* { - started: 8.17.2021 - finished: 8.22.2021 } // dates { - based on: https://www.pinterest.com/pin/3--588353138822839168/ } // inspiration { - credit to nitowl007 (@OnlyOwl1) for helping with the thumbnail! - credit to KWC for the extended the loop timeout function - chis was an AC/ami-ari collab } // credits { - TCO challenge three: HTML (I know, I know) } // TCO 2021 challenge / background(29, 36, 56); // Credit to KWC, this extends the loop timeout - it's amazing 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(Infinity); randomSeed(5); // Masked graphic{ var graphic = function(x,y,s) { translate(x,y); scale(s); // By AC{ var msk = createGraphics(width, height, P2D); // Try making this background grey :P msk.background(0); msk.noStroke(); msk.fill(255); msk.ellipse(104,364,120,120); msk.pushMatrix(); msk.scale(-2,2.0); msk.translate(-302,204); msk.beginShape(); msk.vertex(141, 52); msk.bezierVertex(140, 49, 129, 44, 129, 57); msk.bezierVertex(128, 60, 104, 69, 144, 66); msk.bezierVertex(107, 47, 101, 68, 108, 64); msk.bezierVertex(118, 72, 80, 23, 89, 94); msk.bezierVertex(93, 62, 61, 128, 149, 96); msk.bezierVertex(153, 105, 167, 105, 168, 98); msk.bezierVertex(196, 93, 189, 77, 176, 78); msk.bezierVertex(184, 86, 181, 67, 174, 70); msk.bezierVertex(172, 70, 182, 40, 154, 63); msk.bezierVertex(170, 61, 169, 27, 151, 47); msk.bezierVertex(155, 51, 154, 41, 136, 52); msk.endShape(); msk.popMatrix(); msk.pushMatrix(); msk.translate(139,582); msk.scale(1,5.8); msk.beginShape(); msk.vertex(-8, 2); msk.bezierVertex(-8, -4, 11, -16, 34, -9); msk.bezierVertex(14, -6, 32, -24, 93, -4); msk.bezierVertex(21, -6, 91, -16, 106, -6); msk.bezierVertex(87, -4, 91, -13, 132, -7); msk.bezierVertex(140, -11, 159, -8, 156, -6); msk.bezierVertex(154, -11, 164, 4, 122, 3); msk.bezierVertex(121, 3, 122, 7, 37, 5); msk.bezierVertex(54, -4, 68, 10, 27, 4); msk.bezierVertex(-2, 8, -26, -1, -2, 0); msk.endShape(); msk.popMatrix(); msk.pushMatrix(); msk.translate(-33,582); msk.scale(1.2,7); msk.beginShape(); msk.vertex(-8, 2); msk.bezierVertex(-8, -4, 11, -16, 34, -9); msk.bezierVertex(14, -6, 32, -24, 93, -4); msk.bezierVertex(21, -6, 91, -16, 106, -6); msk.bezierVertex(87, -4, 91, -13, 132, -7); msk.bezierVertex(140, -11, 159, -8, 156, -6); msk.bezierVertex(154, -11, 164, 4, 122, 3); msk.bezierVertex(121, 3, 122, 7, 37, 5); msk.bezierVertex(54, -4, 68, 10, 27, 4); msk.bezierVertex(-2, 8, -26, -1, -2, 0); msk.endShape(); msk.popMatrix(); msk.noFill(); msk.stroke(255); msk.line(35,444,31,256); msk.line(101.45,528,101.5,476); msk.fill(0, 0, 0); msk.noStroke(); msk.ellipse(120,344,102,102); //} // By ami-ari{ msk.pushMatrix(); { msk.translate(-171, -71); msk.scale(2.6, 2.3); msk.noStroke(); msk.fill(255); msk.beginShape(); msk.vertex(141, 52); msk.bezierVertex(137, 49, 129, 47, 129, 57); msk.bezierVertex(119, 49, 112, 69, 121, 66); msk.bezierVertex(107, 59, 100, 81, 111, 83); msk.bezierVertex(107, 79, 100, 83, 102, 87); msk.bezierVertex(93, 90, 94, 103, 110, 96); msk.bezierVertex(102, 94, 110, 102, 120, 100); msk.bezierVertex(129, 104, 145, 105, 151, 100); msk.bezierVertex(153, 105, 167, 105, 173, 98); msk.bezierVertex(196, 104, 189, 77, 176, 78); msk.bezierVertex(188, 86, 183, 67, 174, 70); msk.bezierVertex(172, 70, 174, 68, 168, 63); msk.bezierVertex(168, 61, 164, 52, 156, 57); msk.bezierVertex(155, 51, 150, 47, 141, 52); msk.endShape(); msk.resetMatrix(); } // top cloud { msk.stroke(255); msk.noFill(); msk.line(62, 0, 62, 203); msk.line(110, 0, 110, 338); msk.line(136, 156, 136, 498); msk.line(189, 156, 189, 446); msk.line(259, 156, 259, 290); msk.line(299, 14, 299, 193); msk.line(309, 144, 309, 223); msk.line(353, 14, 353, 277); msk.beginShape(); msk.vertex(125, 157); msk.bezierVertex(135, 233, 154, 195, 154, 183); msk.bezierVertex(154, 161, 136, 195, 150, 303); msk.bezierVertex(157, 346, 156, 351, 150, 404); msk.endShape(); msk.bezier(136, 155, 145, 200, 173, 173, 172, 158); msk.bezier(159, 155, 156, 306, 237, 308, 230, 158); msk.bezier(168, 155, 148, 426, 254, 308, 239, 158); msk.bezier(160, 155, 167, 208, 211, 184, 204, 158); msk.bezier(148, 155, 145, 339, 249, 226, 246, 158); msk.beginShape(); msk.vertex(223, 157); msk.bezierVertex(262, 262, 193, 185, 217, 273); msk.bezierVertex(233, 331, 175, 345, 149, 362); msk.bezierVertex(128, 374, 108, 384, 103, 405); msk.bezierVertex(101, 429, 102, 411, 102, 513); msk.endShape(); msk.bezier(190, 155, 192, 241, 256, 210, 257, 158); msk.beginShape(); msk.vertex(253, 157); msk.bezierVertex(224, 274, 268, 324, 246, 401); msk.bezierVertex(242, 414, 243, 419, 244, 430); msk.endShape(); } // cloud strings msk.popMatrix(); //} // By AC{ // Bigger stars{ //Star shape by ami-ari var star = function(x, y, r, s) { msk.pushMatrix(); msk.translate(x,y); msk.rotate(r); msk.scale(s); msk.noStroke(); msk.fill(255); msk.beginShape(); msk.vertex(41, 49); msk.vertex(48, 36); msk.vertex(55, 49); msk.vertex(70, 51); msk.vertex(60, 61); msk.vertex(62, 77); msk.vertex(48, 70); msk.vertex(33, 77); msk.vertex(35, 61); msk.vertex(26, 51); msk.endShape(); for(var i = 0; i < 34; i++) { msk.fill(255, 3); msk.ellipse(48,62,2i,3i); } msk.popMatrix(); }; // Call the bigger stars{ star(291.4,230,0,1.3); star(279,160,0.3, 0.6); star(24,171,0, 0.8); star(112,229,19, 0.6); for (var stars = 0; stars < 47; stars++) { star(random(70, 321), random(105, 442), random(11, 14), random(0.01, 0.45)); } //} //} //} // Get the image to mask msk = msk.get(); // Masking by AC{ var bkg = createGraphics(width, height, P2D); bkg.pushMatrix(); bkg.translate(-178,129); bkg.noStroke(); bkg.fill(219, 131, 0); bkg.rect(228,189,74,90); bkg.rect(548,170,44,50); bkg.fill(255, 214, 143); bkg.rect(207,281,97,66); bkg.rect(290,295,97,66); bkg.fill(242, 167, 63); bkg.rect(312,250,58,66); bkg.filter(BLUR,10); bkg.popMatrix(); for(var i = 0; i < 250; i++) { bkg.fill(168, 93, 12, 50); bkg.ellipse(random(0, 400), random(0, 200), 50, 50); } bkg.filter(BLUR,5); for(var i = 0; i < 12; i++) { bkg.fill(255, 18); bkg.ellipse(112,431,15i,12i); } for(var i = 0; i < 300; i++) { bkg.fill(150, 79, 3, 50); bkg.ellipse(random(0, 400), random(450, 600), 50, 50); } for(var i = 0; i < 12; i++) { bkg.fill(255, 18); bkg.ellipse(200,529,105i,12i); } for(var i = 0; i < 17; i++) { bkg.fill(255, 18); bkg.ellipse(200,529,15i,12i); } for(var i = 0; i < 17; i++) { bkg.fill(255, 50); bkg.ellipse(200,229,40i,10i); } for(var i = 0; i < 17; i++) { bkg.fill(255, 18); bkg.ellipse(200,190,15i,12i); } for(var i = 0; i < 17; i++) { bkg.fill(255, 108); bkg.ellipse(92,39,5i,6i); } for(var i = 0; i < 24; i++) { bkg.fill(255,200); bkg.ellipse(200,229,10i,3i); } bkg = bkg.get(); bkg.mask(msk); image(bkg, 161, -266, 572, 857); //} }; // Draw the masked graphic graphic(-113,186,0.7); //} resetMatrix(); // By AC{ // Fog{ for(var i = 0; i < 135; i++) { pushMatrix(); noStroke(); fill(255, 146, 51,9); translate(87,111); scale(0.8); ellipse(random(-10,291),random(156,-66),i+10,i-10); translate(-100,500); ellipse(random(-10,551),random(156,-66),i+10,i-10); popMatrix(); } //} // Bear things{ var creature = function(x,y,sx,sy,r, ex, ey){ pushMatrix(); translate(x,y); scale(sx,sy); rotate(r); pushMatrix(); noStroke(); fill(255, 255, 255); rect(203,204,35,30,40); rotate(-35); ellipse(57,328,6,18); rotate(70); ellipse(305,74,6,18); popMatrix(); pushMatrix(); translate(182.7,272);// bc im lazy lol scale(0.8,-0.6);// bc im super lazy rotate(-9); beginShape(); vertex(21,78); bezierVertex(25,8,41,12,40,54); bezierVertex(75,-32,49,116,46,97); bezierVertex(6,131,26,63,21,89); endShape(); popMatrix(); // Ears fill(255); ellipse(207,208,10,10); ellipse(233,208,10,10); // Eyes pushMatrix(); translate(ex,ey); fill(0); ellipse(216,216,6,10); ellipse(231,216,6,10); popMatrix(); noFill(); stroke(255, 255, 255); strokeWeight(10); arc(221,249,5,3,-186,9); popMatrix(); }; creature(-53,266,0.7,0.5); creature(36,191,0.7,0.5,-1,-5,5); //} // Background stars{ noStroke(); pushMatrix(); fill(255,90); scale(random(1, 1.5)); for(var i = 0; i < 100; i++) { rect(random(0, width), random(0, height), 0.01, 0.01, random(-4,-3)); } for(var i = 0; i < 300; i++) { ellipse(random(0, width), random(0, height), 1, 1); } fill(255, 150); popMatrix(); var shinydots = function(x, y, s){ pushMatrix(); translate(x,y); scale(s); ellipse(186, 77,4,4); for(var i = 0; i < 29; i++) { fill(255, 10); ellipse(186,77,0.5i,0.5i); } popMatrix(); }; for(var i = 0; i < 35; i++) { shinydots(random(-150,width),random(30, 250), random(0.7,1)); } //} // Big Star{ var star = function(x, y, r, s) { pushMatrix(); translate(x,y); rotate(r); scale(s); noStroke(); fill(255, 252, 217); beginShape(); vertex(41, 49); vertex(48, 36); vertex(55, 49); vertex(70, 51); vertex(60, 61); vertex(62, 77); vertex(48, 70); vertex(33, 77); vertex(35, 61); vertex(26, 51); endShape(); for(var i = 0; i < 24; i++) { fill(255, 6); ellipse(48,62,2i,3i); } for(var i = 0; i < 17; i++) { fill(255, 16); ellipse(41,76,7i,3*i); } popMatrix(); }; star(59,440,-19,2); //} //} // Gets the graphic as an image then redraws it{ var graphic = get(); image(graphic,0,0); //} if (keyCode === UP) { var thumbnail = get(); background(255); image(thumbnail, 70, 0, 260, 600); } // thumbnail credit to nitowl :P
Folds	1,32,38,44,48,305,309,446,448,451
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgP3D_bu3CAw
Votes	125
Spin-Offs	1
Type	PJS
Width	400
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	AGnawKneeMouse Coder
Author Name	TheOnlyAC
Author ID	kaid_9033829293805621369025816
Author Profile Access	PUBLIC

Archive Data

Added	4 months ago, 1725579282859
Updated	4 months ago, 1725579282859
Source Deleted	unknown