Viewing Program

Program Data

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

Title	Testing the GG theory
ID	6548181213954048
Created	1 months ago, 1733167426906
Updated	1 months ago, 1733170979912
Code	/** "I spent a ton of time messing around with the imageData. Definitely recommend for any graphic programmers out there wanting to take your grapics to the next level!" --The Fisher Fish ~ By Green Ghost https://www.khanacademy.org/computer-programming/the-fisher-fish/6063426552905728 Welp... did I take this graphic to the next level???? Let me know in the comments. :) I used the imageData stuff WWWWAAAAAYYYYY too much on this graffix (that why it take long time 2 load) and in the process made my messiest code yet. I still think it was worth it tho. XP FYI: Click for a slideshow >:] If the program won't load, restart. If the program still won't load, change the fps on line 45 to a smaller number. If the program STILL won't load, refresh the page. If the program won't load after editing the code, refresh the page(aka: reset the code) or ask for help. CREDITS: Green Ghost for: 1. The imageData tutorial. Thanks GG it helped a lot! 2. Program loading and scene changing. I was 2 lazzy 2 make my own. XP 3. Smmmooooth transition for the text. Ace Rogers for: Sun & cloud thing inspiration. "The voice of one crying in the wilderness: 'Prepare the way of the Lord; Make straight in the desert A highway for our God.'" --Isaiah 40:3 sorta inspired this graffix. Sub????? https://www.khanacademy.org/python-program/xl_pizza-subpage/4667384502075392 ---------------------------WARNING!--------------------------- BELOW THIS POINT IS CODE THAT MAY CAUSE CRINGE ATTACKS! XLP IS NOT RESPONSABLE FOR ANY SUCH INJURIES!!! -------------------------------------------------------------- */ // Change to see the graphic with imageData editing // or without. // true = use imageData editing // false = don't use imageData editing and see // how bad XLP is at making graphics var doImageDataThingy = true, // Is the text too fast? Change this to a higher number and restart textDisplayTime = 100; // Do other things cuz we should... textAlign(CENTER, CENTER); frameRate(5); // am basing on GG here... // Define A'bunch'O stuff var d, n, // data, num sceneNames = [], // tis necessary minDist = 150, maxDist = 300, // cool things halfW = width/2, halfH = height/2, // usefullll things cx = halfW, cy = 274; // not as cool but still cool things // weird cloud-like stuff... @.o var cloudMistThing = function(ii, jj, miny, maxy, alpha) { fill(255, 255, 255, alpha); noStroke(); for (var i = 0; i < ii; i++) { for (var j = 0; j < jj; j++) { ellipse( random(0, width), random(miny, maxy+i), random(50, 100), random(10, 28) ); } } }; // Cool mirror stuff I made for another program... var mirroring = function(x, y, w, h, showDebug) { var img = get(x, y, w, h); if (showDebug) { fill(127, 169, 197); rect(x, y, w, h); noFill(); strokeWeight(5); stroke(100, 100, 100); rect(x, y+h, w, h); } pushMatrix(); scale(1.0, -1.0); image(img, x, -(y+img.height+h)); popMatrix(); return get(); }; // Very sad distortion I made in 20 mins. ;-; var distort = function(x, y, w, h, l) { var n = 0; for (var i = 0; i < l; i++) { var img = get(x, y+(hi), w, h+i); image(img, x+random(-i, i), y+(hi), w, h); fill(255, 255, 255, random(100)); rect(x, y+(hi), width, h); n++; } }; // da sky var Sky = function(){}; Sky.prototype = { s1: function(){ strokeWeight(1); var l = 290; for (var i = 0; i < l; i++) { stroke( //255, 198, 99 lerpColor(color(255, 162, 0), color(255, 255, 255), i / l) ); line(0, i, width, i); } sceneNames.push("Sunset-y sky"); }, // Grad s2: function(){ loadPixels(); d = imageData.data; for (var y = 0; y < height; y++) { for (var x = 0; x < width; x++) { n = x + y * width << 2; var ran = random(minDist, maxDist), dis = dist(x, y, cx, cy), mn = 175; if (ran >= dis) { d[n] = 255-random(10); d[n + 1] = 208-random(-5, 10); d[n + 2] = 0+random(20); } if (random(mn, halfH-(y0.1)) <= y&&y < halfH) { var scratchy = 255-random(20); d[n] = scratchy; d[n + 1] = scratchy; d[n + 2] = scratchy; } d[n + 3] -= random(20); } } updatePixels(); sceneNames.push("Splat."); }, // splat s3: function(){ stroke(255, 144, 70); strokeWeight(2); fill(255); ellipse(cx, cy, 181, 181); noStroke(); var r = 60; for (var i = 0; i < r; i++) { fill( lerpColor(color(255, 225, 133), color(255, 193, 5), i / r), 0 + (5 i)); ellipse(cx, cy, 180 - i, 180 - i); } sceneNames.push("Da sssuuuuunnn"); }, // sun s4: function() { cloudMistThing(12, 200, 0, 277, 10); sceneNames.push("Clouds...i think..."); } // cloud thingys }; // da mountains var Mountains = function(){}; Mountains.prototype = { m1: function(){ fill(237, 216, 194); strokeWeight(6); stroke(133, 118, 102, 100); beginShape(); vertex(-26, 408); vertex(-13, 275); vertex(24, 267); vertex(38, 294); vertex(101, 243); vertex(160, 277); vertex(195, 251); vertex(241, 289); vertex(346, 296); vertex(395, 223); vertex(480, 262); vertex(560, 240); vertex(668, 403); endShape(); fill(50); noStroke(); beginShape(); vertex(239, 291); vertex(212, 396); vertex(395, 396); vertex(349, 298); endShape(); beginShape(); vertex(396, 226); vertex(642, 340); vertex(439, 378); endShape(); beginShape(); vertex(560, 243); vertex(621, 340); vertex(586, 378); endShape(); beginShape(); vertex(172, 392); vertex(195, 255); vertex(87, 335); endShape(); beginShape(); vertex(-40, 360); vertex(102, 245); vertex(103, 377); endShape(); cloudMistThing(10, 20, 206, 359, 15); sceneNames.push("Rocks dat look like mountains"); }, // back mountains m2: function(){ fill(181, 158, 136); strokeWeight(7); stroke(128, 104, 81); beginShape(); vertex(-26, 444); vertex(-13, 360); vertex(2, 326); vertex(26, 326); vertex(45, 337); vertex(160, 310); vertex(225, 348); vertex(461, 332); vertex(550, 298); vertex(647, 367); vertex(644, 444); endShape(); fill(0, 0, 0, 200); noStroke(); beginShape(); vertex(225, 351); vertex(198, 438); vertex(529, 432); vertex(462, 335); endShape(); beginShape(); vertex(161, 313); vertex(44, 341); vertex(-3, 420); vertex(128, 420); endShape(); beginShape(); vertex(549, 302); vertex(564, 421); vertex(643, 367); endShape(); cloudMistThing(10, 18, 300, 400, 8); sceneNames.push("More mountain rocks"); }, // front mountains }; // da ground var Ground = function(){}; Ground.prototype = { g1: function(){ noStroke(); fill(255, 247, 173); beginShape(); vertex(-1, 461); vertex(-1, 385); vertex(57, 380); vertex(170, 396); vertex(225, 385); vertex(461, 385); vertex(551, 372); vertex(602, 385); vertex(644, 521); endShape(); fill(255, 242, 120); beginShape(); curveVertex(163, 291); curveVertex(-28, 652); curveVertex(-46, 409); curveVertex(142, 404); curveVertex(360, 398); curveVertex(447, 389); curveVertex(706, 415); curveVertex(624, 524); curveVertex(132, 200); endShape(); sceneNames.push("Some sand"); }, // 1st ground stuff g2: function(){ noStroke(); fill(240, 226, 74); beginShape(); curveVertex(163, 291); curveVertex(-28, 861); curveVertex(-46, 438); curveVertex(142, 429); curveVertex(360, 438); curveVertex(447, 414); curveVertex(706, 436); curveVertex(624, 505); curveVertex(132, 200); endShape(); fill(219, 209, 94); beginShape(); curveVertex(163, 291); curveVertex(-28, 604); curveVertex(-46, 448); curveVertex(142, 472); curveVertex(503, 466); curveVertex(665, 506); curveVertex(629, 646); curveVertex(132, 200); endShape(); sceneNames.push("Some more sand"); }, // 2nd ground stuff }; // A sad attempt ;-; var AttemptingAFigureAgainAAAAAAGGGGHHH = function(){}; AttemptingAFigureAgainAAAAAAGGGGHHH.prototype = { aafa1: function(){ loadPixels(); d = imageData.data; for (var y = 0; y < height; y++) { for (var x = 0; x < width; x++) { n = x + y * width << 2; var r = d[n], g = d[n + 1], b = d[n + 2], xd = x-85 >= halfW-85 ? halfW/x : x/halfW, mn = 320; if (random(500-(mnxd)+random(-10, 10), 390) <= y&&y < 398) { var scratchy = 255-random(50); d[n] = scratchy; d[n + 1] = scratchy; d[n + 2] = scratchy-random(10); } if (random(mn, 390) <= y&&y < 398) { var scratchy = 255-random(50); d[n] = scratchy; d[n + 1] = scratchy; d[n + 2] = scratchy-random(10); } d[n + 3] -= random(10); } } updatePixels(); sceneNames.push("Hhhhhhooot... ;o;"); }, // hot ;o; aafa2: function(){ var img1 = get(); background(0, 0, 0, 0); // stroke(255, 255, 255); // strokeWeight(1); noStroke(); fill(5, 5, 5); var x = -10; var y = -17; // /* // { var hx = 0+x; var hy = 0+y; beginShape(); // top vertex(313+hx, 305+hy); // vertex(308+hx, 306+hy); vertex(305+hx, 311+hy); vertex(304+hx, 316+hy); vertex(304+hx, 320+hy); vertex(301+hx, 330+hy); // vertex(313+hx, 338+hy); // vertex(320+hx, 340+hy); vertex(322+hx, 322+hy); vertex(321+hx, 317+hy); vertex(318+hx, 309+hy); endShape(); // } head // / // / // { var rax = 0+x; var ray = 0+y; beginShape(); // shoulder vertex(304+rax, 326+ray); vertex(292+rax, 329+ray); // elbow vertex(287+rax, 348+ray); // wrist vertex(292+rax, 370+ray); // wrist thingy vertex(325+rax, 370+ray); // wrist/hand thing vertex(299+rax, 370+ray); vertex(299+rax, 363+ray); // elbow vertex(296+rax, 351+ray); endShape(); // } right arm // { var lax = 0+x; var lay = 0+y; beginShape(); // shoulder vertex(319+lax, 326+lay); vertex(330+lax, 330+lay); // elbow vertex(334+lax, 350+lay); // wrist vertex(335+lax, 370+lay); vertex(322+lax, 370+lay); endShape(); // } left arm // / // / // { var cx = -7+x; var cy = 7+y; beginShape(); // top r vertex(304+cx, 323+cy); // bottom r vertex(302+cx, 364+cy); vertex(303+cx, 376+cy); vertex(306+cx, 382+cy); vertex(307+cx, 381+cy); // vertex(320+cx, 377+cy); // vertex(333+cx, 379+cy); vertex(341+cx, 378+cy); // bottom l vertex(345+cx, 376+cy); // vertex(341+cx, 366+cy); // vertex(340+cx, 357+cy); vertex(338+cx, 342+cy); // top l vertex(332+cx, 324+cy); endShape(); // } body/cloak // / // / // { var xr = -10+x; var yr = 11+y; beginShape(); // top r vertex(271-xr, 333-yr); // vertex(272-xr, 366-yr); // bottom r vertex(274-xr, 392-yr); // vertex(276-xr, 393-yr); // bottom l vertex(279-xr, 392-yr); // vertex(282-xr, 366-yr); // top l vertex(283-xr, 333-yr); endShape(); // } right leg // { var xl = -18+x; var yl = 3+y; beginShape(); // top r vertex(271-xl, 333-yl); // bottom r vertex(277-xl, 386-yl); // vertex(278-xl, 389-yl); vertex(285-xl, 389-yl); // bottom l vertex(286-xl, 385-yl); vertex(284-xl, 379-yl); // top l vertex(286-xl, 333-yl); endShape(); // } left leg // / // / // { fill(255); stroke(255, 255, 255, 100); strokeWeight(1.8); beginShape(); vertex(300+x, 342+y); vertex(299+x, 347+y); vertex(297+x, 352+y); endShape(); triangle(324+x, 343+y, 325+x, 348+y, 326+x, 354+y); // } highlights... ;-; // */ mirroring(251, 318, 100, 85, false); var img2 = get(); image(img1, 0, 0); image(img2, 0, 0); sceneNames.push("Figure it out ;p"); }, // figure... T_T }; // Cool things... >:} var FinalTouches = function(){}; FinalTouches.prototype = { ft1: function(){ distort( 0, 400, width, 1, 75 ); sceneNames.push("Distortion!!!"); }, // distortion ft2: function(){ loadPixels(); d = imageData.data; for (var y = 0; y < height; y++) { for (var x = 0; x < width; x++) { n = x + y width << 2; var r = d[n], g = d[n + 1], b = d[n + 2], scratchy = random(10); d[n] -= scratchy; d[n + 1] -= scratchy; d[n + 2] -= scratchy+random(scratchy/2); if (r+g+b >= 600) { d[n] = r+random(r, 255); d[n + 1] = g+random(g, 255); d[n + 2] = b+random(b, 255); } d[n + 3] -= random(20); } } updatePixels(); sceneNames.push("Turn up da heat..."); }, // da heat ft3: function(){ loadPixels(); d = imageData.data; for (var y = 0; y < height; y++) { for (var x = 0; x < width; x++) { n = x + y * width << 2; var r = d[n], g = d[n + 1], b = d[n + 2], rgb = r+g+b, scratchy = random(25); d[n] -= scratchy; d[n + 1] -= scratchy; d[n + 2] -= scratchy+random(scratchy/2); if (rgb <= 175) { var evenly = random(175-rgb); d[n] = r+random(r)-evenly; d[n + 1] = g+random(g)-evenly; d[n + 2] = b+random(b)-evenly; } d[n + 3] -= random(20); } } updatePixels(); sceneNames.push("Pepper em..."); }, // pepper ft4: function(){ loadPixels(); d = imageData.data; for (var y = 0; y < height; y++) { for (var x = 0; x < width; x++) { n = x + y * width << 2; var r = d[n], g = d[n + 1], b = d[n + 2], rgb = r+g+b; if (rgb >= 175&&rgb <= 400) { var scratchy = random(rgbrandom(0.5)); d[n] += scratchy; d[n + 1] += scratchy; d[n + 2] += scratchy; } d[n + 3] -= random(30); } } updatePixels(); sceneNames.push("Salt em"); }, // salt ft5: function(){ loadPixels(); d = imageData.data; for (var y = 0; y < height; y++) { for (var x = 0; x < width; x++) { n = x + y width << 2; for (var i = 0; i < 2; i++) { var ran = random(minDist, maxDist), dis = dist(x, y, cx, cy); if (ran1.1 <= dis) { var col = 0; if (random() > 0.8) { col = random(10); } col += random(-col, 25); d[n] = col; d[n + 1] = col; d[n + 2] = col; } } } } updatePixels(); sceneNames.push("Delicious graffix served!"); }, // black-gray thingy }; // More defining var s = new Sky(), m = new Mountains(), g = new Ground(), aafa = new AttemptingAFigureAgainAAAAAAGGGGHHH(), ft = new FinalTouches(), otfnr = { changedToDisplay: false, changedFR: false, tx: halfW, ty: 650, ts: 10, tsm: 35, tt: 0, smoothTransition: function(p, d, s) { return (d - p) s; }, updateT: function() { this.tx = halfW + random(-2, 2); if (this.tt >= textDisplayTime) { this.ty += this.smoothTransition(this.ty, 650, 0.05); } else { this.ty += this.smoothTransition(this.ty, 550, 0.2); } this.ty = this.ty + random(-2, 2); this.ts += this.smoothTransition(this.ts, this.tsm, 0.1); this.tt++; }, }; // Code from Green Ghost but edited by me var steps; if (doImageDataThingy) { steps = [ s.s1, s.s2, s.s3, s.s4, m.m1, m.m2, g.g1, aafa.aafa1, aafa.aafa2, g.g2, ft.ft1, ft.ft2, ft.ft3, ft.ft4, ft.ft5, ]; // Not ugly } else { steps = [ s.s1, s.s3, s.s4, m.m1, m.m2, g.g1, aafa.aafa2, g.g2, ft.ft1, function(){ sceneNames.push("very sad ik... ;-;"); } ]; // Ugly } // Even more defining var step = 0, scene = steps.length - 1, scenes = []; draw = function() { background(100); // Set bg so no ghost text is seen if (step < steps.length) { // if the program hasn't finished loading if (step > 0) { // if not the first scene, display the previous scene image(scenes[step - 1], 0, 0); } // display the next in line scene steps[step](); // get the scene image scenes.push(get()); // move on to the next scene step++; // set bg so no one can see what we just did background(0, 0, 0); fill(255, 255, 255); // am to lazy to enhance dis // the % of the program loaded text("Loading...\n" + Math.round(step / steps.length * 100) + "%", width/2, height/2); } else { // if the program HAS finished loading if (!otfnr.changedFR) { // if we haven't changed the framerate frameRate(60); otfnr.changedFR = true; } // display the current scene image(scenes[scene], 0, 0); if (!otfnr.changedToDisplay) { // if we haven't changed the font (& color just in case) textFont(createFont('serif'), otfnr.ts); fill(255); otfnr.changedToDisplay = true; } // cool text textSize(otfnr.ts); text(sceneNames[scene], otfnr.tx, otfnr.ty); otfnr.updateT(); } }; mouseClicked = function() { // if mouse was clicked reset the text... otfnr.ty = 650; otfnr.ts = 10; otfnr.tt = 0; // and change the scene if (step >= steps.length) { if (mouseButton === LEFT) { // go forward a scene scene = (scene + 1) % scenes.length; } else if (mouseButton === RIGHT) { // go backward a scene scene --; scene = scene < 0 ? scenes.length - 1 : scene; } } };
Folds	54,67,70,85,88,97,101,159,163,261,265,321,325,542,546,654,662,684,689,705,707,720,727,766,768,784
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgLv5k_HQCww
Votes	21
Spin-Offs	1
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	𝓧𝓛𝓟 [Off]
Author Name	UnavailablePIZZAtype
Author ID	kaid_387597695665654041806576
Author Profile Access	PUBLIC

Archive Data

Added	1 months ago, 1733197106883
Updated	1 months ago, 1733197245593
Source Deleted	unknown