Viewing Program

Program Data

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

Title	Peace light [Graphic]
ID	6536686529363968
Created	4 years ago, 1611478080615
Updated	3 years ago, 1632239337943
Code	/ My 2nd Graphic............ Image from: https://pin.it/LpbwrS7 @started 16/1/2021 @finished 24/1/2021 @released ? @Time 4 hours Click on the canvas...... Restart if it doesn't work Can anyone recommend a name for this? It should 100% load now even for mobile. Exceptions would be really really bad devices Mysterious link https://www.khanacademy.org/computer-programming/new-suppage/6086006137503744 / var setTimeout = function(time) { this[["KAInfiniteLoopSetTimeout"]](time); }; setTimeout(Infinity); var POS = function(x, y){ return { x: x \|\| 0, y: y \|\| 0 }; }; var newShape = function(points,col){ fill(col \|\| color(255)); beginShape(); for(var i = 0; i < points.length; i++){ vertex(points[i].x,points[i].y); } endShape(); }; var IMG = get(), IMG2 = get(), cur = false; var sun = get(0,0,1,1),crows = get(0,0,1,1), aura = get(0,0,1,1), cloud = get(0,0,1,1), cloud2 = get(0,0,1,1); var ncloud = get(0,0,1,1), ncloudpt = get(0,0,1,1); var loaded = 0,loadLength = 0; var load = { "0": function(){ background(0, 0); fill(255, 255, 255,120); noStroke(); for(var i = 0; i < 360; i+=10){ ellipse(296 + cos(i) * 10, 422+ sin(i) * 10, 30,30); } fill(255, 255, 255,80); noStroke(); for(var i = 0; i < 360; i+=10){ ellipse(296 + cos(i) * 10, 422+ sin(i) * 10, 120,120); } fill(255, 255, 255,13); for(var i = 0; i < 360; i+=8){ ellipse(282 + cos(i) * 100, 422+ sin(i) * 60, 100,80); } fill(255, 148, 255,1); for(var i = 0; i < 360; i+=10){ ellipse(282 + cos(i) * 160, 422+ sin(i) * 10, 400,300); } filter(BLUR,10); sun = get(); }, "1": function(){ background(0,0); noStroke(); // crows { newShape([POS(57,111),POS(37,128),POS(58,115),POS(85,112)],color(0)); newShape([POS(6,32),POS(26,37),POS(63,7),POS(27,32)],color(0)); newShape([POS(128,38),POS(164,30),POS(183,2),POS(158,27)],color(0)); newShape([POS(268,60),POS(302,53),POS(324,37),POS(297,48)],color(0)); newShape([POS(181,119),POS(211,132),POS(244,103),POS(212,125)],color(0)); newShape([POS(303,117),POS(335,112),POS(351,90),POS(331,108)],color(0)); newShape([POS(85,159),POS(115,160),POS(138,151),POS(120,164)],color(0)); newShape([POS(267,158),POS(299,160),POS(301,170),POS(293,165)],color(0)); newShape([POS(368,104),POS(397,92),POS(397,87),POS(397,87)],color(0)); newShape([POS(45,215),POS(82,217),POS(96,203),POS(78,213)],color(0)); newShape([POS(88,273),POS(104,257),POS(127,260),POS(107,262)],color(0)); newShape([POS(301,198),POS(336,189),POS(326,200),POS(326,194)],color(0)); newShape([POS(127,300),POS(138,287),POS(150,287),POS(139,291)],color(0)); newShape([POS(365,136),POS(378,151),POS(390,152),POS(374,156)],color(0)); newShape([POS(317,257),POS(346,245),POS(349,243),POS(320,259)],color(0)); newShape([POS(270,338),POS(297,330),POS(305,323),POS(300,332)],color(0)); //} filter(BLUR,0); crows = get(); }, "2": function(){ background(0,0); // background (function(){ var wofl = 200, wofl2 = 220; noStroke(); fill(17, 49, 74); rect(0,0,400,80); for(var i = 0; i < wofl; i++){ var c = lerpColor(color(17, 49, 74),color(101, 149, 186),i/wofl); fill(c); rect(0,i+80,400,1); } for(var i = 0; i < wofl2; i++){ var c = lerpColor(color(101, 149, 186),color(246,164,188),i/wofl2); fill(c); rect(0,i+(wofl + 80),400,1); } fill(246,164,188); rect(0,wofl+wofl2+80,400,80); var generator = new Random(1); fill(255, 255, 255); for(var i = 0; i < 200; i++){ var r = random(4); var rx = generator.nextGaussian() * 120 + 240, ry = generator.nextGaussian() * 100 + 100; ellipse(rx, ry,r,r); } image(sun,30,20); image(cloud,0,0); // image(cloudpt,0,0); image(cloud2,0,0); })(); // foreground (function(){ // mountains (function(){ fill(245, 101, 139); noStroke(); beginShape(); vertex(0,600); vertex(0,496); bezierVertex(29,499,55,486,135,506); bezierVertex(225,520,327,515,400,526); vertex(400,600); endShape(); })(); (function(){ fill(112, 59, 87); noStroke(); beginShape(); vertex(0,600); vertex(0,535); vertex(159,528); bezierVertex(202,542,331,532,356,532); bezierVertex(380,535,400,535,400,535); vertex(400,600); endShape(); })(); // Items in front of mountain (function(){ stroke(0, 0, 0); strokeWeight(2); line(22,495,22,600); line(22,495,36,490); line(27,507,27,600); line(27,507,39,502); fill(22, 23, 38); noStroke(); rect(36,487,16,6,6,6,10,10); rect(38,500,10,4,6,6,10,10); for(var i = 0; i < 1000;i++){ var x = random(400); var rx = random(-20,10); var hofG = random(30,70); beginShape(); vertex(x,600); vertex(x+rx,600-hofG); vertex(x+4,600); endShape(); } })(); image(crows, -20, -40, 4001.2, 600 1.2); })(); // draw girl (function(){ fill(24, 26, 43); noStroke(); pushMatrix(); translate(190,159); beginShape(); vertex(0,0); bezierVertex(20,-3,31,2,31,2); vertex(37,6); bezierVertex(53,22,53,30,53,30); vertex(56,44); vertex(57,80); vertex(54,83); vertex(54,90); vertex(49,88); vertex(28,94); bezierVertex(53,111,57,115,59,121); bezierVertex(70,177,65,185,65,187); bezierVertex(70,198,65,209,71,211); bezierVertex(71,245,76,246,71,258); bezierVertex(69,282,76,286,80,288); vertex(77,299); vertex(97,321); bezierVertex(87,332,74,332,71,349); vertex(63,347); bezierVertex(52,383,55,431,55,441); vertex(32,441); bezierVertex(32,434,30,403,29,368); bezierVertex(25,367,23,368,23,372); vertex(23,441); vertex(6,441); bezierVertex(-3,380,-14,354,-14,354); bezierVertex(-30,343,-40,343,-49,340); bezierVertex(-58,326,-78,318,-91,316); bezierVertex(-104,297,-108,296,-108,296); bezierVertex(-109,289,-108,295,-57,271); bezierVertex(-69,269,-55,247,-52,239); bezierVertex(-37,192,-31,107,-9,96); bezierVertex(-17,93,-20,97,-20,88); bezierVertex(-21,84,-26,88,-26,91); bezierVertex(-32,89,-32,84,-30,81); vertex(-39,84); vertex(-31,73); vertex(-45,76); bezierVertex(-32,66,-32,55,-34,55); vertex(-45,56); bezierVertex(-17,37,-29,16,0,0); endShape(); popMatrix(); })(); // lighting (function(){ fill(255, 122, 215,2); for(var i = 0; i < 140; i+= 6){ ellipse(282, 422,i,i); } for(var i = 0; i < 260; i+= 10){ ellipse(282, 422,i,i); } fill(44, 151, 184,4); for(var i = 0; i < 80; i+= 3){ ellipse(230, 285,i,i); } pushMatrix(); translate(296, 422); noFill(); stroke(255, 255, 255,3); for(var i = 0; i < (3604); i++){ line(0,0, cos(i/4) 500, sin(i/4) * 520); } popMatrix(); })(); IMG = get(); }, "3": function(){ background(0,0); // background (function(){ var wofl = 200, wofl2 = 220; noStroke(); fill(2, 0, 26); rect(0,0,400,80); for(var i = 0; i < wofl; i++){ var c = lerpColor(color(2, 0, 26),color(30, 55, 61),i/wofl); fill(c); rect(0,i+80,400,1); } for(var i = 0; i < wofl2; i++){ var c = lerpColor(color(30, 55, 61),color(225, 247, 202),i/wofl2); fill(c); rect(0,i+(wofl + 80),400,1); } fill(225, 247, 202); rect(0,wofl+wofl2+80,400,80); var generator = new Random(1); fill(255, 255, 255); for(var i = 0; i < 200; i++){ var r = random(4); var rx = generator.nextGaussian() * 120 + 240, ry = generator.nextGaussian() * 100 + 100; ellipse(rx, ry,r,r); } image(sun,30,20); image(aura,0,0); })(); // foreground (function(){ // mountains (function(){ fill(0, 31, 11); noStroke(); beginShape(); vertex(0,600); vertex(0,496); bezierVertex(29,499,55,486,135,506); bezierVertex(225,520,327,515,400,526); vertex(400,600); endShape(); })(); (function(){ fill(23, 41, 16); noStroke(); beginShape(); vertex(0,600); vertex(0,535); vertex(159,528); bezierVertex(202,542,331,532,356,532); bezierVertex(380,535,400,535,400,535); vertex(400,600); endShape(); })(); // Items in front of mountain (function(){ stroke(0, 0, 0); strokeWeight(2); line(22,495,22,600); line(22,495,36,490); line(27,507,27,600); line(27,507,39,502); fill(0, 0, 0); noStroke(); rect(36,487,16,6,6,6,10,10); rect(38,500,10,4,6,6,10,10); for(var i = 0; i < 1000;i++){ var x = random(400); var rx = random(-20,10); var hofG = random(30,70); beginShape(); vertex(x,600); vertex(x+rx,600-hofG); vertex(x+4,600); endShape(); } })(); // image(crows, -20, -40, 4001.2, 600 1.2); })(); // draw girl (function(){ fill(3, 15, 6); noStroke(); pushMatrix(); translate(190,159); beginShape(); vertex(0,0); bezierVertex(20,-3,31,2,31,2); vertex(37,6); bezierVertex(53,22,53,30,53,30); vertex(56,44); vertex(57,80); vertex(54,83); vertex(54,90); vertex(49,88); vertex(28,94); bezierVertex(53,111,57,115,59,121); bezierVertex(70,177,65,185,65,187); bezierVertex(70,198,65,209,71,211); bezierVertex(71,245,76,246,71,258); bezierVertex(69,282,76,286,80,288); vertex(77,299); vertex(97,321); bezierVertex(87,332,74,332,71,349); vertex(63,347); bezierVertex(52,383,55,431,55,441); vertex(32,441); bezierVertex(32,434,30,403,29,368); bezierVertex(25,367,23,368,23,372); vertex(23,441); vertex(6,441); bezierVertex(-3,380,-14,354,-14,354); bezierVertex(-30,343,-40,343,-49,340); bezierVertex(-58,326,-78,318,-91,316); bezierVertex(-104,297,-108,296,-108,296); bezierVertex(-109,289,-108,295,-57,271); bezierVertex(-69,269,-55,247,-52,239); bezierVertex(-37,192,-31,107,-9,96); bezierVertex(-17,93,-20,97,-20,88); bezierVertex(-21,84,-26,88,-26,91); bezierVertex(-32,89,-32,84,-30,81); vertex(-39,84); vertex(-31,73); vertex(-45,76); bezierVertex(-32,66,-32,55,-34,55); vertex(-45,56); bezierVertex(-17,37,-29,16,0,0); endShape(); popMatrix(); })(); // lighting (function(){ fill(125, 100, 118,2); for(var i = 0; i < 140; i+= 6){ ellipse(282, 422,i,i); } for(var i = 0; i < 260; i+= 10){ ellipse(282, 422,i,i); } pushMatrix(); translate(296, 422); noFill(); stroke(255, 255, 255,3); for(var i = 0; i < (3604); i++){ line(0,0, cos(i/4) 500, sin(i/4) * 520); } popMatrix(); })(); IMG2 = get(); } }; for(var i in load){loadLength++;} (function(){ background(0,0); var index = 0.21631274418905377; var xindex = 0; for(var i = 0; i < 400; i++){ var yindex = 0; for(var j = 0; j < 600; j++){ var n = noise(xindex ,yindex,index); var a = map(n, 0,1,-260,300+j/30); var co = lerpColor(color(170, 221, 247),color(255),j/600); a += (j !== 0) ? (a/6)+(j/10) : 0; stroke(co,a); point(i,j); yindex += 0.006 * 3; } xindex += 0.003 * 3; } cloud = get(); })(); (function(){ background(0,0); var index = 0.05; var xindex = 0; for(var i = 0; i < 400; i++){ var yindex = 0; for(var j = 0; j < 600; j++){ var n = noise(xindex ,yindex,index); var c = map(n, 0,1,-200,300); stroke(252, 221, 231,c); if(j > 400 \|\| (j > 380 && c > 80)){ point(i,j); } yindex += 0.1; } xindex += 0.03; } cloud2 = get(); })(); (function(){ background(0,0); var index = random(100)/100; var xindex = 0; for(var i = 0; i < 400; i++){ var yindex = 0; var dis = map(noise(i/500),0,1,-100,100); for(var j = dis-10; j < (200+dis); j++){ var n = noise(xindex ,yindex,index); var a = map(n, 0,1,-120,300+j/30); var co = lerpColor(color(86, 167, 247),color(199, 17, 212),i/400); a += (j !== 0) ? (a/6)+(j/10) : 0; stroke(co,a); point(i,j); yindex += 0.001; } xindex += 0.02; } aura = get(); })(); var keys = []; var draw = function(){ if(loaded < loadLength){ if(frameCount%10 === 0){ load[loaded](); loaded++; } background(0); textAlign(CENTER,CENTER); textSize(64); fill(255); text("Wait..",width/2,height/2); } else { background(0); image((!cur) ? IMG : IMG2,0,0); if(keys[32] && keys[90]){ background(0); var w = IMG.width, h = IMG.height * 600/400; pushMatrix(); scale(400/600); image(IMG,100,0, w, h); popMatrix(); // stroke(255, 0, 0); // line(0,100,65,100); // line(width,100,width-65,100); } } }; keyPressed = function(){ // println(keyCode); keys[keyCode] = true; }; keyReleased = function(){ keys[keyCode] = false; }; mouseClicked = function(){ cur = !cur; };
Folds	22,24,27,32,33,40,47,440,443,462,463,482,483,503,506,536,538,541,542,544,545,547
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgN30zqLOCww
Votes	246
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	CtmGamer
Author Name	MuhamedFazl
Author ID	kaid_680149812623529957566993
Author Profile Access	PUBLIC

Archive Data

Added	6 months ago, 1739458965791
Updated	6 months ago, 1739458971647
Source Deleted	unknown