Viewing Program

Program Data

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

Title	cute cloud
ID	5652756959772672
Created	4 months ago, 1725570996505
Updated	4 months ago, 1725571030797
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
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgNvU8KSFCgw
Votes	5
Spin-Offs	0
Type	PJS
Width	400
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	꧁༺ Lαʋҽɳԃҽɾ ༻꧂
Author Name	JoyLavender
Author ID	kaid_270319799351184701283315
Author Profile Access	COACH

Archive Data

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