Viewing Program

Program Data

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

Title	Quest [KHANTOBER]
ID	5931615089016832
Created	4 years ago, 1601899097374
Updated	2 years ago, 1677531758302
Code	/ @ALERT I will no longer update the leaderboard. @About I made this based off the idea for a platformer that had side-jumping movement. I realize that LITTLEWHINING made a platfomer by the name of Quest, but I was not aware of that before I made this, so this is how it will stay. (Also, he said it was fine). Enjoy, Dandelion Fire Coding, October 2020 @Credit As usual, I am greatly indebted to others for many of the techniques and ideas I use in my programs. Noah H. for WASD movement and getting me started on transitions Oops! Studios for their loading algorithm and Corin Fist for showing me how to use it. Green Ghost for the player collision method and Smooth() movement. Loyalty for the invisible blocks idea. xacer for how to use imageData - https://www.khanacademy.org/computer-programming/for-kruxe/4641710036369408 @Updates 11-20 Made the transition simpler and shorter because many people (myself included) were saying it was too long. @Leaderboard Spin-off proof is not required. Please be honest with your scores. Scores placed in questions will not be acknowledged in any way unless you phrase them as questions. @ImageData I'm new to imageData, so any advice on how to use it better would be appreciated. @What_I_Learned While working on this program, I learned basic imageData use, how to make portals, and how to do transitions. / // Started: 9-19-20, Finished: 10-4-20 , Released: 10-5-20 // Variables { // Leaderboard { var lowestScore = 1; var leaders = ["Anonymus with 0 deaths", "darlew2024 with 0 deaths", "Benny with 0 deaths", "Andy with 0 deaths", "Mario and Luigi with 0 deaths", "Jonathan with 0 deaths", "MR. ellipse with 0 deaths", "UltraUltronDJ","TGray112 with 1 death", "redcharr with 1 death"]; //} General { randomSeed(17); var scene = "load"; var toLvl = 1;// Used for transitions. var lvl = 12; var click = false; var callOnce = true; var S = 25;// General size variable var thumbnail = false; //} Player { var p, k;// Player, key //} Mouse { var overBtn = false; //} Logo set up { var squares = []; var logoTimer = 300; var div = 4; for (var i = (div * div); i--;){ squares.push({ x: (i % div) * width/div, y: Math.floor(i / div) * height/div, w: width/div, h: height/div, num:random(i * 25), }); } //} Loading { var curLoad = 0; var loaded = false; //} Arrays { var keys = [];// Used for user input var blocks = []; var signs = []; var traps = []; var portals = []; var arraysToClear = [blocks, signs, traps, portals]; arraysToClear.clear = function (){ for (var i = this.length; i--;){ this[i].splice(0, this[i].length); } }; //}} // Modified from a function made by Willard, replaces "new" command { // Reason for using: KA has a large memory leak that causes lag whenever 'new' is used. To avoid this problem, I am using the function below. var newObject = function(Constructer, config){ var part = Object.create(Constructer.prototype); if (config instanceof Object){ Constructer.call(part, config); } return part; }; //} // Monte Carlo function from JS Natural Simulations { var monteCarlo = function (){ // We do this “forever” until we find a qualifying random value. while (true) { // Pick a random value. var r1 = Math.random(); // Assign a probability. var probability = r1; // Pick a second random value. var r2 = Math.random(); // Does it qualify? If so, we’re done! if (r2 > probability) { return r1; } } }; //} // Logo base { var DFC = { darkBlue: color(24, 32, 173), lightBlue: color(0, 0, 255), gray: color(100), logo: function (X, Y, S, bGround, T){ var x = X \|\| width/2; var y = Y \|\| height/2; var s = S \|\| 50; var b = bGround \|\| "yes"; var t = T \|\| false; // Background shape { if (b === "yes"){ this.smallB(x, y, s); } //} // Outer fire { noStroke(); fill(this.darkBlue); arc(x, y + s * 0.18, s * 0.5, s * 0.31, 0, 180); arc(x, y + s * 0.18, s * 0.41, s * 0.42, 0, 180); rect(x - s * 0.25, y + s * 0.08, s * 0.50, s * 0.10); triangle(x - s * 0.08, y + s * -0.32, x, y + s * -0.71, x + s * 0.08, y + s * -0.32); quad(x - s * 0.25, y + s * 0.08, x - s * 0.20, y + s * -0.07, x + s * 0.23, y + s * -0.07, x + s * 0.25, y + s * 0.08); quad(x - s * 0.21, y + s * -0.07, x - s * 0.08, y + s * -0.32, x + s * 0.08, y + s * -0.32, x + s * 0.21, y + s * -0.07); // Left side triangle(x - s * 0.25, y + s * 0.18, x - s * 0.30, y - s * 0.10, x - s * 0.25, y + s * 0.07); triangle(x - s * 0.25, y + s * 0.09, x - s * 0.23, y + s * -0.18, x - s * 0.20, y + s * -0.06); triangle(x - s * 0.20, y + s * -0.06, x - s * 0.15, y + s * -0.18, x - s * 0.16, y + s * -0.35); triangle(x - s * 0.15, y + s * -0.18, x - s * 0.09, y + s * -0.47, x - s * 0.08, y + s * -0.32); // Right side triangle(x + s * 0.25, y + s * 0.18, x + s * 0.30, y - s * 0.10, x + s * 0.25, y + s * 0.07); triangle(x + s * 0.25, y + s * 0.09, x + s * 0.23, y + s * -0.18, x + s * 0.20, y + s * -0.06); triangle(x + s * 0.20, y + s * -0.06, x + s * 0.15, y + s * -0.18, x + s * 0.16, y + s * -0.35); triangle(x + s * 0.15, y + s * -0.18, x + s * 0.09, y + s * -0.47, x + s * 0.08, y + s * -0.32); //} // Inner fire { noStroke(); fill(this.lightBlue); // Filler { arc(x, y + s * 0.12, s * 0.47, s * 0.45, 0, 180); rect(x - s * 0.20, y + s * 0.05, s * 0.40, s * 0.08); rect(x - s * 0.21, y + s * 0.13, s * 0.42, s * 0.10); triangle(x - s * 0.03, y + s * -0.27, x, y + s * -0.66, x + s * 0.03, y + s * -0.27); quad(x - s * 0.20, y + s * 0.05, x - s * 0.15, y - s * 0.02, x + s * 0.15, y - s * 0.02, x + s * 0.20, y + s * 0.05); quad(x - s * 0.15, y - s * 0.02, x - s * 0.03, y - s * 0.27, x + s * 0.03, y - s * 0.27, x + s * 0.15, y - s * 0.02); //} // Left side { triangle(x - s * 0.21, y + s * 0.23, x - s * 0.26, y + s * 0.06, x - s * 0.21, y + s * 0.14); triangle(x - s * 0.20, y + s * 0.15, x - s * 0.23, y - s * 0.04, x - s * 0.20, y + s * 0.05); triangle(x - s * 0.19, y + s * 0.04, x - s * 0.17, y - s * 0.22, x - s * 0.10, y + s * 0.17); triangle(x - s * 0.14, y - s * 0.04, x - s * 0.07, y - s * 0.03, x - s * 0.10, y - s * 0.36); triangle(x - s * 0.09, y - s * 0.13, x - s * 0.04, y - s * 0.42, x - s * 0.03, y - s * 0.27); //} // Right side { triangle(x + s * 0.21, y + s * 0.23, x + s * 0.26, y + s * 0.06, x + s * 0.21, y + s * 0.14); triangle(x + s * 0.20, y + s * 0.15, x + s * 0.23, y - s * 0.04, x + s * 0.20, y + s * 0.05); triangle(x + s * 0.19, y + s * 0.04, x + s * 0.16, y - s * 0.21, x + s * 0.10, y + s * 0.17); triangle(x + s * 0.14, y - s * 0.04, x + s * 0.07, y - s * 0.03, x + s * 0.10, y - s * 0.36); triangle(x + s * 0.09, y - s * 0.13, x + s * 0.04, y - s * 0.42, x + s * 0.03, y - s * 0.27); //} //} // Dandelion { stroke(0); strokeWeight(s/110); for (var r = 0; r < 360; r += 15){ pushMatrix(); translate(x, y + s * 0.13); rotate(r); line(0, 0, s * 0.15, 0); popMatrix(); } line(x, y + s * 0.13, x, y + s * 0.48); fill(0); stroke(this.darkBlue); strokeWeight(s/90); arc(x - s * 0.15, y + s * 0.44, s * 0.37, s * 0.18, 30, 190); arc(x + s * 0.15, y + s * 0.44, s * 0.37, s * 0.18, -10, 150); //} // Text { if (t){ fill(0); textFont(createFont("fantasy Bold Italics"), s * 0.09); textAlign(CENTER, CENTER); text("Dandelion Fire Coding", x - s * 0.03, y + s * 0.59); } //} } }; //} // FPS function { var fps = function (){ pushStyle(); textSize(8); textAlign(CORNER, CORNER); fill(0); text(this.__frameRate.toFixed(1) + " FPS", 3, 498); popStyle(); }; //} // Transitions { var transVars = { size: 0, time: 0, transitioning: false, hasReached: false, }; var transition = function (){ // Mechanics & display { if (transVars.time < 20){ background(0); transVars.time ++; } else { lvl = toLvl;// Set the level // Reset the variables transVars.hasReached = false; transVars.time = 0; transVars.size = 0; } //} }; //} // Images { var img = { // Blocks { "road_block": function (){ background(0, 0); noStroke(); fill(153, 153, 153); rect(0, 0, 25, 25, 3, 5, 1, 1); stroke(140); strokeWeight(2); rect(1, 1, 14, 9, 3); rect(13, 15, 10, 7, 3); rect(16, 2, 6, 11, 3); rect(1, 12, 10, 10, 3); strokeWeight(1); for (var i = 0; i < 25; i++){ stroke(6, 94, 10); line(i, 0, i, random(2, 8)); } noStroke(); return get(0, 0, 25, 25); }, "stone_block": function (){ background(0, 0); noStroke(); fill(153, 153, 153); rect(0, 0, 25, 25, 3, 2, 1, 1); stroke(140); strokeWeight(2); rect(1, 1, 14, 9, 3); rect(13, 15, 10, 7, 3); rect(16, 2, 6, 11, 3); rect(1, 12, 10, 10, 3); noStroke(); return get(0, 0, 25, 25); }, "ice_block": function (){ background(0, 0); noFill(); pushStyle(); strokeWeight(2); strokeCap(SQUARE); for (var x = 0; x < 25; x += 2){ stroke(162, 226, 242, 100); line(x, 0, x, random(4, 24)); stroke(132, 192, 207, 50); line(x, 0, x, random(4, 24)); stroke(255, 200); line(x, 0, x, random(4, 8)); } popStyle(); return get(0, 0, 25, 25); },// Currently not used. "invisible_block": function (){ background(0, 0); noStroke(); for (var i = 2.5; i < 23.6; i += 3.5){ fill(255, 100); ellipse(i, 2.5, 5, 5); fill(255, random(50, 150)); ellipse(i, 3 + (monteCarlo() * 9), random(3, 5), random(3, 5)); ellipse(i, 4 + (monteCarlo() * 9), random(3, 5), random(3, 5)); ellipse(i, 5 + (monteCarlo() * 9), random(3, 5), random(3, 5)); ellipse(i, 6 + (monteCarlo() * 9), random(3, 5), random(3, 5)); ellipse(i, 7 + (monteCarlo() * 9), random(3, 5), random(3, 5)); ellipse(i, 7 + (monteCarlo() * 12), random(3, 5), random(3, 5)); ellipse(i, 7 + (monteCarlo() * 16), random(3, 5), random(3, 5)); } return get(0, 0, 25, 25); }, //} Portals { "goal_portal": function (){ background(0, 0); // Graphic { noStroke(); fill(103); rect(0, 23, 25, 2);// Base for (var y = 0; y < 23; y ++){ // Gradient on the frame fill(lerpColor(color(153), color(143), y/23)); rect(0, y, 25, 1); } fill(122, 122, 122); for (var x = 0; x < 25; x += 2){ rect(x, 0, 1, 23); } fill(128, 77, 41);// Door rect(4, 1, 16, 22); fill(0);// keyhole rect(16, 11, 1, 5); //} return get(0, 0, 25, 25); }, "entrance_portal": function (){ background(0, 0); noStroke(); // Platform { fill(153); stroke(133); strokeWeight(1); rect(0, 23, 25, 2); rect(2, 21, 21, 2); rect(4, 19, 17, 2); noStroke(); //} // Ring & portal { fill(0, 140, 255); ellipse(12.5, 10.5, 21, 21); for (var i = 18; i--;){ pushMatrix(); translate(12.5, 10.5); rotate(i * 20); fill(123); ellipse(9, 0, 4, 4); fill(0, 218, 242); ellipse(3, 0, 9, 1); popMatrix(); } //} return get(0, 0, 25, 25); }, "exit_portal": function (){ background(0, 0); noStroke(); // Platform { fill(153); stroke(133); strokeWeight(1); rect(0, 23, 25, 2); rect(2, 21, 21, 2); rect(4, 19, 17, 2); noStroke(); //} // Ring & portal { fill(184, 154, 4); ellipse(12.5, 10.5, 21, 21); for (var i = 18; i--;){ pushMatrix(); translate(12.5, 10.5); rotate(i * 20); fill(123); ellipse(9, 0, 4, 4); fill(240, 228, 0); ellipse(3, 0, 9, 1); popMatrix(); } //} return get(0, 0, 25, 25); }, //} Traps { "up_trap": function (){ background(0, 0); noStroke(); fill(166, 166, 166); triangle(0, 25, 4, 0, 9, 25); triangle(9, 25, 13, 8, 15, 25); triangle(19, 25, 22, 0, 25, 25); strokeWeight(2); stroke(6, 94, 10); for (var i = 2; i < 25; i += 2){ line(i, 25, i + random(-2, 2), random(15, 18)); } return get(0, 0, 25, 25); }, "down_trap": function (){ background(0, 0); noStroke(); fill(166, 166, 166); triangle(0, 3, 3, 25, 7, 3); triangle(9, 3, 13, 17, 15, 3); triangle(19, 3, 22, 24, 25, 3); rect(0, 0, 25, 3); fill(128, 128, 128); triangle(0, 3, 3, 25, 2, 3); triangle(9, 3, 13, 17, 12, 3); triangle(19, 3, 22, 24, 21, 3); return get(0, 0, 25, 25); }, //} Signs { "display_sign": function (){ background(0, 0); stroke(110, 67, 14); strokeWeight(5); fill(138, 82, 12); rect(2, 15, 250, 60, 10); strokeWeight(8); line(52, 14, 52, 0); line(202, 14, 202, 0); return get(0, 0, 256, 79); }, "player_sign": function (){ background(0, 0); noStroke(); fill(120, 60, 35);// Post rect(10, 10, 5, 16); fill(161, 86, 52); pushMatrix(); translate(13.2, 10); rotate(6); rect(-10, -5, 20, 13, 1); popMatrix(); stroke(0);// Writing strokeWeight(1); line(7, 8, 13, 9); line(7, 11, 17, 13); return get(0, 0, 25, 25); }, //} Key { "key": function (){ background(0, 0); pushMatrix(); translate(12.5, 12.5); rotate(-41); fill(250, 217, 85); noStroke(); rect(-7, -1, 10, 2); rect(-6, -1, 1, 4); rect(-3, -1, 1, 4); noFill(); stroke(250, 217, 85); strokeWeight(2); ellipse(5, 0, 5, 5); stroke(250, 217, 85, 75); ellipse(0, 0, 23, 23); strokeWeight(1); ellipse(0, 0, 17, 17); popMatrix(); return get(0, 0, 25, 25); }, //} Player { "right_player": function (){ background(0, 0); noStroke(); fill(209, 177, 121); rect(0, 0, 20, 20, 3);// Skin fill(117, 66, 32); quad(0, 0, 20, 0, 19, 5, 0, 10);// Hair fill(70, 77, 110); quad(13, 9, 13, 9, 16, 12, 18, 8);// Eye fill(54, 117, 50); quad(0, 13, 0, 20, 20, 20, 17, 16);// Coat return get(0, 0, 20, 20); }, "left_player": function (){ background(0, 0); noStroke(); fill(209, 177, 121); rect(0, 0, 20, 20, 3);// Skin fill(117, 66, 32); quad(20, 0, 0, 0, 1, 5, 20, 10);// Hair fill(70, 77, 110); quad(7, 9, 7, 9, 4, 12, 2, 8);// Eye fill(54, 117, 50); quad(20, 13, 20, 20, 0, 20, 3, 16);// Coat return get(0, 0, 20, 20); }, //} Backgrounds { "noisy": function (){ background(0); // Uses imageData { loadPixels(); var id = imageData.data; var xInc = 0.001, yInc = 0.009, xOff = 0, yOff = 0; for (var i = 0; i < id.length; i += 4){ var x = (i/4) % width \| 0; var y = (i/4) / width \| 0; var n = map(noise(xOff, yOff), 0, 1, 10, 150); id[i] = 0; id[i + 1] = 255 - n2; id[i + 2] = 255 - n; xOff += xInc; if (Number.isInteger(i/(width 4))){ xOff = 0; yOff += yInc; } } updatePixels(); //} return get(0, 0, width, height); }, //} Logo image { "dandelion": function (){ background(0, 0); pushStyle(); DFC.logo(250, 230, 267, "no", true); fill(0); textSize(25); text("= Presents =", 250, 420); popStyle(); return get(); }, //} Menu stuff { "quest_text": function (){ background(0, 0); noFill(); stroke(100); strokeWeight(8); // Q { ellipse(115, 111, 66, 74); arc(170, 132, 100, 32, 114, 199); //} // U { curve(180, 132, 169, 131, 163, 79, 184, 100); arc(189, 133, 39, 30, 0, 180); curve(196, 132, 209, 134, 209, 75, 243, -3); //} // E { arc(233, 112, 20, 74, -62, 77); line(240, 83, 276, 83); line(240, 112, 263, 112); line(240, 144, 276, 144); //} // S { arc(320, 96, 44, 35, -180, 0); arc(320, 129, 44, 35, 0, 180); arc(313, 99, 30, 19, 105, 180); arc(327, 126, 30, 19, 311, 363); line(310, 109, 335, 117); //} // T { line(382, 83, 382, 144); arc(382, 83, 50, 3, 0, 180); //} arc(224, 165, 388, 16, -144, 38); stroke(214, 214, 214); strokeWeight(4); // Q { ellipse(115, 111, 66, 74); arc(170, 132, 100, 32, 114, 199); //} // U { curve(180, 132, 169, 131, 163, 79, 184, 100); arc(189, 133, 39, 30, 0, 180); curve(196, 132, 209, 134, 209, 75, 243, -3); //} // E { arc(233, 112, 20, 74, -62, 77); line(240, 83, 276, 83); line(240, 112, 263, 112); line(240, 144, 276, 144); //} // S { arc(320, 96, 44, 35, -180, 0); arc(320, 129, 44, 35, 0, 180); arc(313, 99, 30, 19, 105, 180); arc(327, 126, 30, 19, 311, 363); line(310, 109, 335, 117); //} // T { line(382, 83, 382, 144); arc(382, 83, 50, 3, 0, 180); //} arc(224, 165, 388, 16, -144, 38); return get(); }, "gradient": function (){ background(0, 0); strokeWeight(1); for (var i = 0; i < height; i++){ stroke(lerpColor(color(100), color(6, 94, 10), i/height)); line(0, i, width, i); } return get(); }, //} }; //} // Maps { /* Key r = road block s = stone block i = invisible block @ = player # = goal portal ^, v = traps ? = sign a & A, b & B, etc, etc = movement portals. Portals can have multiple entrances, but only one exit. Lowercase = in, uppercase = out. / // Pretty blank level / { signs: [], sideWalk: false, map: [ "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "-@--?-----k---#-----", "rrrrrrrrrrrrrrrrrrrr", ], }, / var bitmaps = [ // Tutorial { { signs: ["Get the key, and then go to the door to get to the next level."], sideWalk: false, map: [ "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "-@--?---k-----#-----", "rrrrrrrrrrrrrrrrrrrr", ], },// Basic, key + door { signs: ["Surprise, surprise! Spikes will kill you!"], sideWalk: false, map: [ "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "r-------------------", "s-------------------", "s-------------------", "s@--?--^^^----#---k-", "srrrrrrrrrrrrrrrrrrr", ], },// Spikes { signs: ["These are portals. They work just like you'd expect"], sideWalk: false, map: [ "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "-------------------r", "------------------rs", "------------------#s", "r------r--------ssss", "s------s-----------s", "s------s-----ss--k-s", "s@-?--asA----------s", "srrrrrrsrrrrrrrrrrrs", ], },// Portals { signs: ["Stuck? Try walking off the left side of the screen. Only some levels have this ability."], sideWalk: true, map: [ "--------------------", "--------------------", "--------------------", "--------------------", "---------------ssss-", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------r-----------", "--------s-----------", "--------s-----------", "--------s-----------", "--------s-----------", "-@--?-k-s-----#-----", "rrrrrrrrsrrrrrrrrrrr", ], },// Side travel { signs: ["Just walk straight ahead. Trust me."], sideWalk: false, map: [ "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "----------k---------", "-@-?--------------#-", "rrrrriiiiiiiiiiirrrr", "sssss^^^^^^^^^^^ssss", "ssssssssssssssssssss", ], },// Invisible blocks. //} // Transition level { { signs: ["Tutorial is over, let's get to the real levels."], sideWalk: true, map: [ "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "-@--?--k------#-----", "rrrrrrrrrrrrrrrrrrrr", ], }, //} // Real levels { // 1 - 5 { { signs: ["Parkour time."], sideWalk: true, map: [ "--------------------", "--------------------", "--------------------", "--------------------", "--------------------", "---------k----------", "--------------------", "------rrr^^^r-------", "------vvsssss-------", "-r---------#s-------", "-----------ss-------", "------rrrr----------", "--------------------", "--------------------", "--rr----------------", "--------------------", "--------------------", "--------rr----------", "-@--?---------------", "rrrrrrrrrrrrrrrrrrrr", ], },// 1 Basic parkour { signs: ["Side jump is disabled. If a portal looks too easy, it probably is. If you get stuck, press R to restart the level."], sideWalk: false, map: [ "-----------------#--", "----------------ss--", "--------------------", "--------------------", "----------s----^^^--", "----------s----sss--", "----s---------------", "--------------------", "--------------------", "s-------------------", "------------------a-", "---s----------c---s-", "---------^^rrrrr----", "B@-?-----sssssss----", "rrrrr--------sCs----", "vssssr-------s-s----", "-k-sss--------------", "----ssr-------------", "b--Asssrrrrrr^^^rrrr", "ssssssssssssssssssss", ], },// 2 Level with trap portals. { signs: ["Side jump is enabled. I hope you know how to use it. Just a general tip, take a moment to see what's going on.", "Make the right choice"], sideWalk: true, map: [ "sssssss----------sAs", "s?@--as----------s--", "sssssss----------s--", "vvv--------------s--", "----------------cs--", "----------------ss^^", "-----------s-----sss", "-k?----------------s", "sss---------------bs", "-Bs^^^^^^s^^s^^^^sss", "^^ssssssssssssssssss", "sss-----------------", "-C------------------", "ss------------------", "--------------------", "--------------------", "--------------------", "------------------#-", "rrrrr^^rrrr^^rrrrrrr", "ssssssssssssssssssss", ], },// 3 More trap portals { signs: ["Side jump is... figure it out yourself.\nOh, and have fun!"], sideWalk: false, map: [ "------s-------------", "------s-------------", "------s-------------", "------s-------------", "-#------------------", "-rriiiiiiirrr-------", "-ss^^^^^^^ss--------", "-ssssssssss----r----", "--------------------", "----------------r---", "-k------------------", "-r^--r^--rr^---r----", "-ss--ss--sss-------", "----------------r---", "--------------------", "---------------r----", "-@--?---------^^^^--", "rrrrrrrrrrrrrrrrrrrr", "ssssssssssssssssssss", "ssssssssssssssssssss", ], },// 4 Block ladder { signs: ["There are four invisible blocks on this level. There is a pattern to their placement."], sideWalk: false, map: [ "--------------------", "--------------------", "--------------------", "--------------------", "-------------------#", "------------------ss", "--------------i-----", "--------------------", "-------i------------", "--------------------", "^-------------------", "ss------------------", "--------------------", "-------s------k-----", "--------------s-----", "--------------------", "@?------------------", "rr-----i------i---rr", "ss^^^^^^^^^^^^^^^^ss", "ssssssssssssssssssss", ], },// 5 Invisible block puzzle //} // 6 - 10 { { signs: ["This level is very possible and easier than the last one. You just need to think outside the box."], sideWalk: true, map: [ "--------------------", "--------------------", "--------------------", "--------------------", "-------------------#", "------------------ss", "--------------i-----", "--------------------", "-------i------------", "--------------------", "^-------------------", "ss------------------", "--------------------", "-------s------k-----", "--------------s-----", "--------------------", "@?------------------", "rr----------------rr", "ss^^^^^^^^^^^^^^^^ss", "ssssssssssssssssssss", ], },// 6 Outside the box { signs: ["Jump", "Have fun!\n\nOr don't, I don't really care.", "Remember, you can press 'R' to restart the level",], sideWalk: true, map: [ "--------------------", "sss-----------------", "s-------------------", "s#---------?--------", "ssii-i-i--is-----sss", "-----------------vvv", "--------------------", "--------------r-----", "--------------s-----", "--^^^---------s-----", "--sss------r--s-----", "--vv-------s--s-----", "k----------s--s-----", "r-------r--s--s-----", "s-------s--s--s-----", "s-------s--s--s----r", "s----r--s--s--s----s", "s----s--s--s--s----s", "s^-@?s^^s^^s^^s^^-?s", "srrrrsrrsrrsrrsrrrrs", ], },// 7 Parkour pillars { signs: ["One portal can have multiple entrances. You can go through a blue portal if you run."], sideWalk: false, map: [ "------ss------------", "?@----ab------------", "rrrrrrrrrrrrrrrrrrrr", "sAs-----------------", "s-------------------", "s-------------------", "sas---B-------------", "ssss----------------", "sk------------------", "sasss^^----ss-------", "sss-sss-------------", "--------------------", "--------------------", "--------------------", "----s------s------ss", "s---------------^^--", "----------------rr--", "----s------s-----#--", "^^----^^----^^--ss^^", "rr----rr----rr----rr", ], },// 8 Portal loop level { signs: [], sideWalk: true, map: [ "ssssssssssssssssssss", "s--------s---------s", "s--------s-------#-s", "---------s-------sss", "s--------ss----sss-s", "ss-------s---------s", "s--------s---------s", "s-------ss---s-----s", "sk-------s---------s", "ss-------s---------s", "s--------ss--------s", "s-------ss---------s", "s--------s---------s", "ss-------s---s-----s", "s--------s---------s", "s-------ss---------s", "ss-------ss--------s", "s--------s----------", "s@-------s----------", "srrrrrrrrsrrrrrrrrrrs", ], },// 9 Walls! { signs: ["You're almost there!", "If you press 'R', you'll return to your spawn point!", "No, I don't hate humanity. I'm just bored."], sideWalk: true, map: [ "sssssssssssssssssss-", "s----?------k-?i-#--", "s-ssssssssssssssssss", "s------------------s", "ssssssssssssssssss-s", "s------------------s", "s-ssssssssssssssssss", "s------------------s", "ssssssssssssssssss-s", "s------------------s", "s-ssssssssssssssssss", "s------------------s", "ssssssssssssssssss-s", "s------------------s", "s-ssssssssssssssssss", "s------------------s", "ssssssssssssssssss-s", "-@-?---------------s", "--ssssssssssssssssss", "ssssssssssssssssssss", ], },// 10 Mean level //} // 11 - 13 { { signs: ["This is the order you go through the portals: left, left, right, left, right, left, right"], sideWalk: true, map: [ "-------v------------", // l, l, r, l, r, l, r "-?-----k------------", "-s------------------", "-------s------------", "--------------------", "-^^^-s--------------", "-rrr----------------", "-s-----s---sssssssss", "-s---------svvvsvvvs", "-ss--s-----sbAcscBds", "-----s^s^--sssssssss", "---s-sssss-svvvsvvvs", "^----------saCdseDfs", "r-s--------sssssssss", "s----------svvvsvvvs", "s--s-------sbEfsgFbs", "s----------sssssssss", "s-s--------svvvsvvvs", "s-@----a--^scGhsH-#s", "srrrrrrrrrrsssssssss", ], },// 11 Portal maze { signs: ["There are two invisible blocks in various places around the portal. Jump towards the portal, and then move slow.", "The only way you can make this jump is if there are two invisible blocks in front of you. Go slow.", "Top blue portal -> door.\nBottom blue portal -> key."], sideWalk: false, map: [ "--------------------", "----?---------------", "----s----------s----", "-----------b--------", "----------ss-------s", "i-------------------", "#--------------s----", "si-------------s---D", "---------------s---s", "---------i-----sd---", "----------i-?C------", "-s---------sssc-----", "-s^^^^--------------", "-srrrr-------------s", "-k------------------", "b------------?------", "ssss^^A------s------", "s--srrs^^^^^^^^^^^^^", "sa@Bsssrrrrrrrrrrrrr", "ssssssssssssssssssss", ], },// 12 Very tough with invisible blocks { signs: ["Almost there!"], sideWalk: true, map: [ "--ss----------------", "--s#--^-------------", "--sssssssa----------", "--------------------", "--------------s-----", "--------------------", "-----------------ak-", //k "-ss^^^^^sss------ss-", "--sssssss-----------", "--------------------", "s-------------------", "--------------------", "--------------------", "-s------------------", "-------------------r", "-------------------s", "-----s-------------s", "-------------------s", "^^^^^^^^^^^^r?-@-A-s", // @ "sssssssssssssrrrrrrs", ], },// 13 Final level //} //} ]; var currentLevel = bitmaps[lvl]; //} // Smooth animation, Green Ghost's { var Smooth = function (pos, dest, time){ return (dest - pos)/time; }; //} // Shadow text function { var shadowTxt = function (txt, x, y){ fill(100); text(txt, x, y); fill(214); text(txt, x + 1, y + 1); }; //} // Collision functions { var ssCollide = function (o1, o2){ return o1.x + o1.size > o2.x && o1.x < o2.x + o2.size && o1.y + o1.size > o2.y && o1.y < o2.y + o2.size; }; var scCollide = function (s, c){ var closestX = constrain(c.x, s.x, s.x + s.size), closestY = constrain(c.y, s.y, s.y + s.size), d = dist(closestX, closestY, c.x, c.y); return d <= c.r/2; }; //} // Player { var deaths = 0; var Player = (function (){ Player = function (config){ // Basic { this.x = config.x S; this.y = config.y * S; this.resetX = config.x * S; this.resetY = config.y * S; this.trapTouch = false; this.deaths = 0; this.size = S - 5; this.key = false; this.dir = 1;// Numbers are more efficient than strings. I think. //} // Portals & portal animation { this.transport = false; this.transportTo = { x: 0, y: 0, }; this.go = false; this.animate = false;// Animate? this.animateS = { x: 0, y: 0, s: 20, };// Used for portal animation //} // Signs { this.signTouch = false; this.signIndex = 0;// What message to display this.signY = -80; //} // Stats { this.speed = 4.5; this.grav = 0; this.gravInc = 0.5; this.canJump = true; this.jumpHeight = 10; this.airJump = 4; this.jumped = false; //} }; Player.prototype.display = function (){ // Image { if (!this.animate){ if (this.dir === 1){ image(img.right_player, this.x, this.y); } else { image(img.left_player, this.x, this.y); } } else { // Graphic { pushMatrix(); translate(this.animateS.x, this.animateS.y); rotate(this.animateS.s * 2); image(img.right_player, -this.animateS.s/2, -this.animateS.s/2, this.animateS.s, this.animateS.s); popMatrix(); //} } //} // Deaths { pushStyle(); fill(71, 71, 71); textAlign(CORNER); textSize(15); shadowTxt("Deaths: " + deaths, 10, 20); //} // Levels completed { shadowTxt("Level " + (lvl) + "/" + bitmaps.length, 414, 20); popStyle(); //} // Sign { if (this.signTouch){ this.signY += Smooth(this.signY, 0, 10); } else { this.signY += Smooth(this.signY, -80, 10); } image(img.display_sign, 100, this.signY); pushStyle(); fill(171, 171, 171); textAlign(CORNER); textFont(createFont("serif"), 15); text(currentLevel.signs[this.signIndex], 111, this.signY + 20, 241, 184); popStyle(); //} }; Player.prototype.yCollide = function (){ this.prevY = this.y; for (var i = 0; i < blocks.length; i ++){ var b = blocks[i]; if (ssCollide(this, b)){ b.playerTouch = true; this.grav = 0; if (this.prevY < b.prevY){ this.canJump = true; } this.y = this.prevY < b.prevY ? b.y - this.size : b.y + b.size; } } }; Player.prototype.xCollide = function (){ this.prevX = this.x; for (var i = blocks.length; i--;){ var b = blocks[i]; if (ssCollide(this, b)){ b.playerTouch = true; this.x = this.x < b.x ? b.x - this.size : b.x + b.size; } } }; Player.prototype.restart = function (){ this.key = false; k.collected = false; this.x = this.resetX; this.y = this.resetY; }; Player.prototype.update = function (){ //Set previous position{ this.prevX = this.x; this.prevY = this.y; //} //Move the player on the y axis { this.grav += this.gravInc; this.y += this.grav; this.grav = constrain(this.grav, -this.jumpHeight, 20); if (this.y > height){ this.y = - this.size; this.grav = 0; } //} // Y collisions { this.yCollide(); //} // Move the player on the x axis (left or right) { if (keys[LEFT] \|\| keys.a) { this.x -= this.speed; this.dir = 0; } if (keys[RIGHT] \|\| keys.d) { this.x += this.speed; this.dir = 1; } if (currentLevel.sideWalk){ if (this.x > width){ this.x = - this.size; } if (this.x + this.size < 0){ this.x = width; } } else { this.x = constrain(this.x, 0, width - this.size); } //} // X collisions { this.xCollide(); //} // See if the player can jump { if ((keys[UP] \|\| keys.w) && this.canJump){ this.grav = -this.jumpHeight; this.jumped = true; } this.canJump = false; //} // Sign collision { for (var i = 0; i < signs.length; i++){ var s = signs[i]; if (ssCollide(this, s)){ this.signTouch = true; this.signIndex = i; break;// Stops the loop so that it doesn't check the next sign. } else { this.signTouch = false; } } //} // Transport portal collision & animation mechanics { if (this.animate){ if (this.animateS.s <= 0){ this.transport = true; this.animateS.s = 25; this.animate = false; } this.animateS.s --; } if (this.transport){ this.x = this.transportTo.x; this.y = this.transportTo.y; this.transport = false; } //} // Trap collision { if (this.trapTouch){ deaths ++; this.restart(); this.trapTouch = false; } //} // Restart functionality { if (keys.r){ this.restart(); } //} }; return Player; })(); //} // Blocks { var Block = (function (){ Block = function (config){ this.x = config.x * S; this.y = config.y * S; this.size = S; this.type = config.t; this.prevY = this.y; this.playerTouch = false;// Used for invisible blocks this.angle = floor(random(4)) * 90;// Makes the blocks a little less predicable. if (this.type === "i"){ this.invisible = true; this.visible = false; } }; Block.prototype.display = function (){ switch (this.type){ case "r": image(img.road_block, this.x, this.y); break; case "i": if (this.visible){ image(img.invisible_block, this.x, this.y); } break; case "s": pushMatrix(); translate(this.x, this.y); //rotate(this.angle); image(img.stone_block, 0, 0); popMatrix(); break; } }; Block.prototype.update = function (){ if (this.invisible){ if (this.playerTouch){ this.visible = true; } } }; return Block; })(); //} // Portals { var Portal = (function (){ Portal = function (config){ this.x = config.x * S; this.y = config.y * S; this.size = S; this.type = config.t; this.pair = 0;// Index of the pair portal this.paired = false;// Has it found it's pair? }; Portal.prototype.display = function (){ // Goal { if (this.type === "#"){ image(img.goal_portal, this.x, this.y); } //} // Transport portals { if (this.type === this.type.toLowerCase() && this.type !== "#"){ // Entrance portal image(img.entrance_portal, this.x, this.y); } else if (this.type === this.type.toUpperCase() && this.type !== "#"){ // Exit portal image(img.exit_portal, this.x, this.y); } //} }; Portal.prototype.update = function (){ // Scan for the portal pair { if (this.type === this.type.toLowerCase() && !this.paired && this.type !== "#"){ for (var i = portals.length; i--;){ var ptl = portals[i];// Convenience if (ptl.type === this.type.toUpperCase()){ this.pair = i; this.paired = true; break; } } } //} // Goal portal { if (this.type === "#"){ if (ssCollide(this, p) && p.key){ if (toLvl === bitmaps.length) { scene = "end"; } else { p.key = false; toLvl ++; callOnce = true; } } } //} // Transport portals { if (this.type === this.type.toLowerCase() && this.type !== "#"){ if (ssCollide(this, p)){ p.animate = true; var to = portals[this.pair]; p.transportTo.x = to.x; p.transportTo.y = to.y; p.animateS.x = this.x + this.size/2; p.animateS.y = this.y + 10.5; } } //} }; return Portal; })(); //} // Traps { var Trap = (function (){ Trap = function (config){ this.x = config.x * S; this.y = config.y * S; this.size = S; this.type = config.t; }; Trap.prototype.display = function (){ switch (this.type){ case "^": image(img.up_trap, this.x, this.y); break; case "v": image(img.down_trap, this.x, this.y); break; } }; Trap.prototype.update = function (){ if (ssCollide(this, p)){ // Tell the player p.trapTouch = true; } }; return Trap; })(); //} // Signs { var Sign = (function (){ Sign = function (config){ this.x = config.x * S; this.y = config.y * S; this.size = S; }; Sign.prototype.display = function (){ image(img.player_sign, this.x, this.y); }; return Sign; })(); //} // Key { var Key = (function (){ Key = function (config){ this.x = config.x * S + 12.5; this.y = config.y * S + 12.5; this.r = S; this.collected = false; }; Key.prototype.display = function (){ if (!this.collected){ imageMode(CENTER); image(img.key, this.x, this.y); imageMode(CORNER); } //println(this.collected); }; Key.prototype.update = function (){ if (scCollide(p, this)){ p.key = true; this.collected = true; } }; return Key; })(); //} // Buttons { var Btn = function (config){ // Basic variables { var x = config.x, y = config.y, w = config.w, h = config.h; this.x = x; this.y = y; this.w = w; this.h = h; this.txt = config.txt; this.scene = config.scene; this.func = config.f; this.opacity = 0; this.ang = -45; //} // Collision variables { this.major = w > h ? w/2 : h/2; // Major axis this.minor = w > h ? h/2 : w/2;// Minor axis this.focDist = Math.sqrt(this.major * this.major - this.minor * this.minor);// The distance of the foci of the ellipse from the center this.f1 = w > h ? {x: x + this.focDist, y: y} : {x: x, y: y + this.focDist}; this.f2 = w > h ? {x: x - this.focDist, y: y} : {x: x, y: y - this.focDist}; this.colDist = dist(this.f2.x, this.f2.y, x, y - h/2) + dist(this.f1.x, this.f1.y, x, y - h/2);// Used for collision. Calculates the distance between the foci and the point of the ellipse directly over the center to get the collision constant. //} }; Btn.prototype.mouseOver = function (){ return (dist(mouseX, mouseY, this.f1.x, this.f1.y) + dist(mouseX, mouseY, this.f2.x, this.f2.y)) <= this.colDist; }; Btn.prototype.display = function (){ // Interaction { if (this.mouseOver()){ this.opacity += Smooth(this.opacity, 255, 15); this.ang += Smooth(this.ang, 315, 15); overBtn = true; } else { this.opacity += Smooth(this.opacity, 0, 10); this.ang += Smooth(this.ang, -45, 15); } //} // Display { fill(0, 0, 150, this.opacity); noStroke(); ellipse(this.x, this.y, this.w, this.h); noFill(); stroke(100); strokeWeight(this.w/21); arc(this.x, this.y, this.w, this.h, this.ang, this.ang + 90); arc(this.x, this.y, this.w, this.h, this.ang + 180, this.ang + 270); stroke(214); strokeWeight(this.w/30); arc(this.x, this.y, this.w, this.h, this.ang, this.ang + 90); arc(this.x, this.y, this.w, this.h, this.ang + 180, this.ang + 270); //} // Text { pushStyle(); textAlign(CENTER, CENTER); textFont(createFont("sans-serif Bold"), ((this.w + this.h)/2)/3); shadowTxt(this.txt, this.x, this.y); popStyle(); //} }; Btn.prototype.clickedOn = function (){ if (this.mouseOver() && click){ if (this.scene !== undefined){ scene = this.scene; } if (this.func !== undefined){ this.func(); } } }; Btn.prototype.run = function (){ this.clickedOn(); this.display(); }; //} // Scenes { var createLevels = function (){ arraysToClear.clear(); currentLevel = bitmaps[lvl]; for (var i = 0; i < currentLevel.map.length; i++){ for (var j = 0; j < currentLevel.map[i].length; j++){ var index = currentLevel.map[i].charAt(j); var lowerIndex = index.toLowerCase();// Used to simplify transport portals // Switch/case/break statements can be better for level creation, but since my objects are so general, if statements are more efficient // Blocks { if (index === "s" \|\| index === "r" \|\| index === "i"){ blocks.push(newObject(Block, { x: j, y: i, t: index, })); } //} Player { else if (index === "@"){ p = newObject(Player, { x: j, y: i, }); } //} Portals { else if (index === "#" \|\| lowerIndex === "a" \|\| lowerIndex === "b" \|\| lowerIndex === "c" \|\| lowerIndex === "d" \|\| lowerIndex === "e" \|\| lowerIndex === "f" \|\| lowerIndex === "g" \|\| lowerIndex === "h"){ portals.push(newObject(Portal, { x: j, y: i, t: index, })); } //} Traps { else if (index === "^" \|\| index === "v"){ traps.push(newObject(Trap, { x: j, y: i, t: index, })); } //} Signs { else if (index === "?"){ signs.push(newObject(Sign, { x: j, y: i, })); } //} Key { else if (index === "k"){ k = newObject(Key, { x: j, y: i, }); } //} } } }; var runLevels = function (){ // Background { image(img.noisy, 0, 0); //} / Arrays / // Blocks { for (var i = blocks.length; i--;){ var b = blocks[i]; b.update(); b.display(); } //} // Portals { for (var i = portals.length; i--;){ var ptl = portals[i]; ptl.update(); ptl.display(); } //} // Traps { for (var i = traps.length; i--;){ var t = traps[i]; t.update(); t.display(); } //} // Signs { for (var i = signs.length; i--;){ var s = signs[i]; s.display(); } //} / Variables / // Key { k.update(); k.display(); //} // Player { if (scene !== "load"){ p.update(); p.display(); } //} }; var Pages = (function (){ Pages = function (){ // Background { this.menuImage = null; this.getMenuImage = false; //} // Buttons { this.playBtn = newObject(Btn, {x: 250, y: 267, w: 155, h: 105, txt: "PLAY", f: function (){lvl = 0; scene = "game";}}); this.howBtn = newObject(Btn, {x: 310, y: 383, w: 100, h: 70, txt: "How", scene: "how"}); this.leadBtn = newObject(Btn, {x: 190, y: 383, w: 100, h: 70, txt: "Lead", scene: "lead"}); this.backBtn = newObject(Btn, {x: 50, y: 30, w: 75, h: 50, txt: "Menu", scene: "menu",}); //} }; Pages.prototype.load = function (s){ // Loading mechanics { // Loading the basic images { // I did not make this function, (credit to Oops! Studios) so my comments in this section could be slightly erroneous, but I think they are correct var obj = Object.keys(img);// An array containing the names of all the images. if (!loaded){ img[obj[curLoad]] = img[obj[curLoad]](); // obj[curLoad] is equal to one of the functions in the image obj. // that function is then called curLoad ++;// The index is incremented } //} // Loading the menu background { if (loaded && !this.getMenuImage){ createLevels(); runLevels(); noStroke(); fill(160, 110); rect(0, 0, width, height); image(img.right_player, 145, 321); stroke(130, 130, 130); strokeWeight(1); line(142, 332, 119, 348); line(142, 338, 119, 360); line(145, 344, 132, 362); this.getMenuImage = true; this.menuImage = get(); //return;// Gives a whole frame for loading the image. } //} //} // Loading screen { background(0); pushStyle(); textFont(createFont("monospace"), 30); textAlign(CENTER, CENTER); fill(255); var percent = (curLoad/obj.length) * 100; text("Loading\n" + obj[curLoad], width/2, height/2); popStyle(); //} // Change scenes { if (curLoad >= obj.length){ // If the index is greater than or equal to the length of the obj array, change the scene loaded = true; } if (this.getMenuImage){ scene = s; } //} }; Pages.prototype.logo = function (){ // Squares { noStroke(); for (var i = squares.length; i--;){ var s = squares[i]; fill(0, 0, sin(frameCount * 2 + s.num) * 70 + 180); rect(s.x, s.y, s.w, s.h); } //} // Dandelion { image(img.dandelion, 0, 0); //} // Text { var alpha = map(sin(frameCount), -1, 1, 0, 255); fill(110, alpha); text("Press S to skip", 211, 480); //} // Timer { logoTimer--; if (logoTimer <= 0 \|\| keys.s){ scene = "menu"; } //} }; Pages.prototype.menu = function (){ deaths = 0; // Background { image(this.menuImage, 0, 0); //} // Text { if (!thumbnail){ image(img.quest_text, 12, 0); } else { image(img.quest_text, -18, 124, 550, 550); } //} // Buttons { if (!thumbnail){ this.playBtn.run(); this.howBtn.run(); this.leadBtn.run(); } //} // Thumbnail { thumbnail = keys.t ? true : false; if (thumbnail){ pushStyle(); textFont(createFont("papyrus"), 22); shadowTxt("- By Dandelion Fire Coding", 210, 479); popStyle(); } //} }; Pages.prototype.how = function (){ image(this.menuImage, 0, 0); textAlign(CENTER); fill(150); textSize(40); shadowTxt("-How-", width/2, 115); textSize(20); shadowTxt("Arrow keys or WASD to move. R to restart.\nEverything else is explained in the game by signs.\n\nAll levels are possible.", width/2, 165); // Back { this.backBtn.run(); //} }; Pages.prototype.lead = function (){ image(this.menuImage, 0, 0); // Leaders { textAlign(CENTER); textSize(40); shadowTxt("-Leaders-", width/2, 100); textAlign(CORNER); for (var y = leaders.length; y --;){ textSize(20); shadowTxt(y + 1 + "- " + leaders[y], 100, (y * 25) + 170); } //} // Back { this.backBtn.run(); //} }; Pages.prototype.game = function (){ if (callOnce){ createLevels(); callOnce = false; return; } runLevels(); if (lvl !== toLvl){ transition(); } }; Pages.prototype.end = function (){ background(0); image(this.menuImage, 0, 0); var plural = deaths === 1 ? "death" : "deaths"; pushStyle(); textSize(30); textAlign(CENTER, CENTER); shadowTxt("You got through with only " + deaths + " " + plural + "!", width/2, 135); textSize(20); shadowTxt("Thanks for playing!\n\n\n\n\n\nIf your score is less than " + lowestScore + ",\nput your score in the Tips and Thanks\nto get on the leaderboard.\nScores in the questions section will\nbe ignored.", width/2, 214); popStyle(); this.backBtn.run(); }; Pages.prototype.pages = function (){ switch (scene){ case "load": this.load("logo"); break; case "logo": this.logo(); break; case "menu": this.menu(); break; case "game": this.game(); break; case "how": this.how(); break; case "lead": this.lead(); break; case "end": this.end(); break; } // Error messages { if (width !== 500 && height !== 500){ throw({message: "It looks like your canvas is the wrong size. Click the Settings button directly to the left of the vote button, and set width and height to 500.\nReload the page to see your changes."}); } //} }; return Pages; })(); var Page = newObject(Pages, {}); //} // Excecuting the program { enableContextMenu();// Allows you to right click draw = function() { Page.pages(); click = false; cursor(overBtn ? HAND : ARROW); overBtn = false; fps(); }; mouseClicked = function (){ click = true; }; keyPressed = function (){ keys[keyCode] = true; keys[key.toString().toLowerCase()] = true; }; keyReleased = function (){ keys[keyCode] = false; keys[key.toString().toLowerCase()] = false; }; //}
Folds	81,92,94,110,112,205,207,216,218,240,242,686,688,1237,1239,1243,1245,1252,1254,1270,1276,1286,1288,1301,1303,1307,1309,1319,1322,1370,1390,1401,1403,1408,1410,1509,1515,1562,1564,1639,1641,1670,1672,1686,1688,1716,1718,1797,1800,1859,1867,1873,1874,1880,1881,1888,1889,1894,1897,1900,1909,2131,2136,2161
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgM2S3NjECgw
Votes	266
Spin-Offs	8
Type	PJS
Width	500
Height	500
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Dandelion Fire Coding
Author Name	Nar07
Author ID	kaid_565064446382644511974643
Author Profile Access	PUBLIC

Archive Data

Added	6 months ago, 1739450980132
Updated	4 months ago, 1744845417929
Source Deleted	unknown