Viewing Program

Program Data

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

Title	Grapplar [Updated 2/26/2021]
ID	6141210945781760
Created	Unknown
Updated	4 years ago, 1614330645877
Code	//OK Guys... I did it. I switched KAGD and Grapplar's code. This is for a number of reasons, most of which are obvious. Grapplar is nearly 500x as good as KAGD in my opinion (This is not really bragging, more saying that KAGD SUCKED) /WASD to move, cause WASD is life. Actually you can use arrows too. I don't judge./ /* NEW Changelog v2.3 - Added three difficult new levels. Today is 2/26/2021. The last update was 4 years ago! / / 2021 Thoughts I'm not exactly back, but I have a lot of free time, and Khan Academy projects are a good way to get some coding and game design in without too much pressure. There's a chance I'll do some more stuff here. I might add more levels to this, but don't expect any of my other games to get updates. Might make some new ones though. I've come a long way since I coded here regularly. However, I might update KAPhy, which could be important for the entire KA community. / / OLD Changelog v0.1.0 - Created point reflection function that uses no angles and works basically flawlessly :D v0.2.0 - Created physics blueprint - ran all calculations, but didn't actually apply. v1.0.0 - Experimental physics engine - was very glitchy, but it worked OK. v1.1.0 - Major bugfixes, but an unexplained bug came with it. v1.1.1 - Fixed new bug, working on collision with edges of lines. v1.2.0 - Added collision with edge of lines, still glitchy. There seems to be some sort of "sweet spot" (we'll call it a sour spot) on the lines that, when hit, will cause the ball to glitch to a certain spot. Working on fix. v1.2.1 - Minor step in fixing "sour spot" bug, now (for some reason) glitches to other side of line rather than a random spot. v1.3.0 - Fixed almost all glitches; "sour spot" bug nearly eradicated v1.4.0 - Not a glitch to be seen! v1.5.0 - Added separate player class, added movement and jumping. v1.5.1 - Removed jumping, it allowed the player to climb steep walls and I didn't really want that. v1.5.2 - Added grappler class v1.6.0 - Grappler functionality added v1.6.1 - Grappler timing and removal perfected; there can't be more than 3 or it will delete one. They also have a time limit for how long they can be grappled and how long they survive before being grappled onto something. v1.6.2 - Increased size of grapplers v1.6.3 - Cool background + Translation effects for parallax v1.6.4 - Cryptic haiku functionality v1.6.5 - Early levels + MORE CRYPTIC HAIKU CAUSE YOU NEVER HAVE TOO MANY CRYPTIC HAIKU! v1.6.6 - Small gameplay tweaks + slower player + fixed a stupid glitch in a stupid way v1.7.0 - Interesting levels + "lasers" + tweaks, but introduced a glitch - grapplers often glitch through lines, but this should not, under any circumstances, happen. v1.7.1 - Fixed glitch introduced in previous update + other small ones v1.7.2 - New level that introduces grapplers v1.7.3 - New level that introduces lasers v1.8.0 - Fixed a glitch that mostly was annoying me and didn't really cause any errors xD v1.8.1 - Added unused color theme functionality v1.8.2 - 2 challenging levels added v1.8.3 - Super challenging level added + increased camera speed v1.9.0 - While playing, move your mouse to look farther in a certain direction. Also added a menu with a similar effect. v1.9.1 - Actual button graphics v1.9.2 - Another theme (Chessboard), theme selection, working on level selection. Nearing release! v1.9.3 - Another theme (Chessboard), level selection, nearly done v1.9.4 - Reset levels button v2.0.0 - Back button while playing + win screen + RELEASE + CELEBRATION :D v2.0.1 - Another theme - Snakeskin v2.0.3 - Another level + minor bugfix + font change v2.0.4 - Made last level harder + new level v2.0.5 - Graphics improvement to lines (cretid to Void7 for idea) v2.0.6 - New theme, Tron Blue v2.0.7 - New theme, Tron Orange v2.0.8 - Fixed Snakeskin theme, it looked bad. v2.1.0 - New level :D v2.2.0 - Major bugfix, if anyone is experiencing any for loop errors this should fix it v2.2.1 - Fixed button graphics / textFont(createFont("Trebuchet MS")); var keys = {}; var level = 0, maxlevel = 0, state = "menu"; var player, grapplers = [], lines, theme = 0; var pmouseIsPressed = false; var BOUNCINESS_BECAUSE_STAR_WAS_STUBBORN = -0.7; var haikus = [ "Fractured Memories\nThe lines below are the key\nMy mind is clouded", "Questions and questions\nNothing makes sense in this place\nBut where could I be?", "A Weapon bestowed\nBut how does it work? And why?\nEndless confusion", "A thought dominates\nThe working part of my mind\nEscape and survive", "Something is in here\nAn evil presence. It haunts me.\nI won't go near it", "Memories surface\nA war tore the Earth apart\nLittle could survive", "", "Another surface\nYet another obstacle\nBut more forgiving", "I am trapped here.\nBut where could here be? Who knows.\nIs this quest futile?", "Does it even matter?\nI may find only horror.\nThe war took its toll.", "My quest is futile\nI do not know what to do\nI must trudge onward", "An old world reclaimed\nHope on the new horizon\nA way out in sight!", "Salvation above\nI sense a new destiny\nBut just out of reach", "A brighter future\nA critical omission\nA perfect moment." ]; var cam = { pos: [0, 0], goto: function(x, y) { this.pos[0] += (x - this.pos[0])/16; this.pos[1] += (y - this.pos[1])/16; }, apply: function(f, a, b, c, d) { translate(constrain((f \|\| 1) (width/2 - this.pos[0]), a \|\| -Infinity, b \|\| Infinity), constrain((f \|\| 1) * (height/2 - this.pos[1]), c \|\| -Infinity, d \|\| Infinity)); } }; mouseX = width/2; mouseY = height/2; var loaded = false; var lnum = 0; var images = { background0: function() { var image = createGraphics(1200, 1200, P2D); image.background(0); image.strokeWeight(3); for(var x = -20; x < 1220;x += 40){ for(var y = -20;y < 1220;y += 40){ image.fill(((x + y)/40 % 2 === 0) ? color(0, 0, 150) : color(150, 0, 0)); image.stroke(((x + y)/40 % 2 === 0) ? color(0, 0, 255) : color(255, 0, 0)); image.pushMatrix(); image.translate(x, y); image.rotate(60); image.rect(-20, -20, 33, 33, 0); image.popMatrix(); } } image.fill(255, 255, 255, 150); image.rect(0, 0, 1200, 1200); return image.get(); }, background1: function() { var image = createGraphics(1200, 1200, P2D); image.background(0); image.strokeWeight(3); for(var x = -20; x < 1220;x += 40){ for(var y = -20;y < 1220;y += 40){ image.fill(((x + y)/40 % 2 === 0) ? color(0, 0, 200) : color(200, 0, 0)); image.stroke(((x + y)/40 % 2 === 0) ? color(0, 0, 255) : color(255, 0, 0)); image.pushMatrix(); image.translate(x, y); image.rotate(60); image.rect(-20, -20, 33, 33); image.popMatrix(); } } image.fill(255, 255, 255, 180); image.rect(0, 0, 1200, 1200); return image.get(); }, background2: function() { var image = createGraphics(1200, 1200, P2D); image.background(200); image.strokeWeight(3); image.noStroke(); for(var x = -20; x < 1220;x += 40){ for(var y = -20;y < 1220;y += 40){ image.fill(((x + y)/40 % 2 === 0) ? color(200) : color(0)); image.stroke(((x + y)/40 % 2 === 0) ? color(255) : color(80)); image.pushMatrix(); image.translate(x, y); image.rotate(60); image.rect(-20, -20, 33, 33, 0); image.popMatrix(); } } image.fill(255, 255, 255, 100); image.rect(0, 0, 1200, 1200); return image.get(); }, background3: function() { var image = createGraphics(1200, 1200, P2D); image.background(200); image.strokeWeight(3); image.noStroke(); for(var x = -20; x < 1220;x += 40){ for(var y = -20;y < 1220;y += 40){ image.fill(((x + y)/40 % 2 === 0) ? color(200, 0, 0) : color(0)); image.stroke(((x + y)/40 % 2 === 0) ? color(255, 0, 0) : color(80)); image.pushMatrix(); image.translate(x, y); image.rotate(60); image.rect(-20, -20, 33, 33, 0); image.popMatrix(); } } image.fill(255, 255, 255, 100); image.rect(0, 0, 1200, 1200); return image.get(); }, background4: function() { var image = createGraphics(1200, 1200, P2D); image.background(255, 255, 0); image.strokeWeight(3); image.noStroke(); for(var x = -20; x < 1220;x += 40){ for(var y = -20;y < 1220;y += 40){ image.fill(((x + y)/40 % 2 === 0) ? color(0, 200, 0) : color(200, 100, 0)); image.stroke(((x + y)/40 % 2 === 0) ? color(0, 255, 0) : color(255, 125, 0)); image.pushMatrix(); image.translate(x, y); image.rotate(60); image.rect(-20, -20, 33, 33, 0); image.popMatrix(); } } image.fill(255, 255, 255, 100); image.rect(0, 0, 1200, 1200); return image.get(); }, background5: function() { var image = createGraphics(1200, 1200, P2D); image.background(0); image.strokeWeight(3); image.noStroke(); for(var x = -20; x < 1220;x += 40){ for(var y = -20;y < 1220;y += 40){ image.fill(((x + y)/40 % 2 === 0) ? color(0, 200, 200) : color(0)); image.stroke(((x + y)/40 % 2 === 0) ? color(0, 255, 255) : color(80)); image.pushMatrix(); image.translate(x, y); image.rotate(60); image.rect(-20, -20, 33, 33, 0); image.popMatrix(); } } image.fill(255, 255, 255, 100); image.rect(0, 0, 1200, 1200); return image.get(); }, background6: function() { var image = createGraphics(1200, 1200, P2D); image.background(0); image.strokeWeight(3); image.noStroke(); for(var x = -20; x < 1220;x += 40){ for(var y = -20;y < 1220;y += 40){ image.fill(((x + y)/40 % 2 === 0) ? color(200, 100, 0) : color(0)); image.stroke(((x + y)/40 % 2 === 0) ? color(255, 130, 0) : color(80)); image.pushMatrix(); image.translate(x, y); image.rotate(60); image.rect(-20, -20, 33, 33, 0); image.popMatrix(); } } image.fill(255, 255, 255, 100); image.rect(0, 0, 1200, 1200); return image.get(); }, buttonBG: function() { var image = createGraphics(200, 200, P2D); image.background(0, 0, 0, 0); image.strokeWeight(5); image.stroke(255); image.fill(200); image.beginShape(); image.vertex(45, 5); image.vertex(195, 45); image.vertex(155, 195); image.vertex(5, 155); image.vertex(45, 5); image.endShape(); return image.get(); }, buttonBG2: function() { var image = createGraphics(200, 200, P2D); image.background(0, 0, 0, 0); image.strokeWeight(5); image.stroke(150); image.fill(100); image.beginShape(); image.vertex(45, 5); image.vertex(195, 45); image.vertex(155, 195); image.vertex(5, 155); image.vertex(45, 5); image.endShape(); return image.get(); }, }; var order = []; for(var i in images){ order.push(i); } frameRate(120); /TEMPORALFUZZ'S PHYSICS - EXPLAINED/ var memory = [];//Just variable storage for within functions; this way I don't have to declare a new variable every time I run a function that I could be running multiple times a frame. It basically reduces lag. var data = [];//Similar to memory, but, instead of lag reduction, stores a secondary output for some functions. var M = function(a, b) { return (a[1] - b[1])/(a[0] - b[0]); };//Calculates the "m" value of a line (m is the slope), given two points that are on the line. var B = function(a, b) { return a[1] - M(a, b) * a[0]; };//Calculates the "b" value of a line (b is the y-intercept), given two points that are on the line var PM = function(a, b) { return -1/M(a, b); };//Calculates the "m" value of a line perpendicular to the specified one var TB = function(m, a) { return a[1] - (m * a[0]); };//Calculates the "b" value of a line with a given slope that goes through a given point //This group of functions is for my type of vectors. I use arrays instead of the built-in PVector object, and I use my own functions rather than object properties. This results in a DRASTIC lag reduction (yey) and makes my code more clean and compact. All of these except for vectRefl and vectRot work in 3D. var vectAdd = function(v, a) { if(v.length === 3 && a.length === 3) { return[v[0] + a[0], v[1] + a[1], v[2] + a[2]]; } return[v[0] + a[0], v[1] + a[1]]; };//Just adds two vectors, basically PVector.add(). var vectSub = function(v, s) { if(v.length === 3 && s.length === 3) { return[v[0] - s[0], v[1] - s[1], v[2] - s[2]]; } return[v[0] - s[0], v[1] - s[1]]; };//Just subtracts two vectors, basically PVector.sub(). var vectMult = function(v, f) { if(v.length === 3) { return[v[0] * f, v[1] * f, v[2] * f]; } return[v[0] * f, v[1] * f]; };//Just multiplies a vector by a constant, basically PVector.mult() var vectDiv = function(v, d) { return vectMult(v, 1/d); };//Just divides a vector by a constant, basically PVector.div() var vectMag = function(v) { if(v.length === 3) { return sqrt(v[0] * v[0] + v[1] * v[1] + v[2] * v[2]); } return sqrt(v[0] * v[0] + v[1] * v[1]); };//Calculates a vector's magnitude, basically PVector.mag(). var vectNorm = function(v) { if(v[0] === 0 && v[1] === 0){ return [0, 0]; } return vectDiv(v, vectMag(v)); };//Normalizes a vector, basically PVector.normalize(). var vectRot = function(v, t) { return[v[0] * cos(t) - v[1] * sin(t), v[1] * cos(t) + v[0] * sin(t)]; };//Rotates a vector by a certain amount, basically PVector.rotate() var vectMid = function(v1, v2) { if(v1.length === 3 && v2.length === 3){ return[v1[0]/2 + v2[0]/2, v1[1]/2 + v2[1]/2, v1[2]/2 + v2[2]/2]; } return[v1[0]/2 + v2[0]/2, v1[1]/2 + v2[1]/2]; };//Finds the midpoint of two vectors var vectDist = function(a, b) { return vectMag(vectSub(a, b)); };//Finds the distance between two vectors var vectHead = function(v1, v2){ return atan2(v1[0] - v2[0], v1[1] - v2[1]); }; var vectRefl = function(v, a, b) { memory[0] = (B(a, b) - TB(PM(a, b), v))/(PM(a, b) - M(a, b)); memory[1] = M(a, b) * memory[0] + B(a, b); return vectSub(v, vectMult(vectSub(v, [memory[0], memory[1]]), 2)); };//The most complicated of these functions. It reflects a vector over a given line. The first parameter is the vector to reflect, the next two determine the line. var vectLimit = function(v, l) { if(vectMag(v) > l){ return vectMult(vectNorm(v), l); } return v; };//Same as PVector.limit var intersection = function(a, b, c, d) { var X = (B(c, d) - B(a, b))/(M(a, b) - M(c, d)); var Y = M(a, b) * X + B(a, b); return [X, Y]; };//Finds the intersection of two given lines var intersecting = function(a, b, c, d) { var px = intersection(a, b, c, d); return px[0] >= min(a[0], b[0]) && px[0] <= max(a[0], b[0]) && px[0] >= min(c[0], d[0]) && px[0] <= max(c[0], d[0]); };//Determines if two line segments are crossing var circleCollideLine = function(a, b, c, r) { if(vectDist(a, c) <= r \|\| vectDist(b, c) <= r) { return true; } memory[0] = (B(a, b) - TB(PM(a, b), c))/(PM(a, b) - M(a, b)); memory[1] = M(a, b) * memory[0] + B(a, b); return memory[0] > min(a[0], b[0]) && memory[0] < max(a[0], b[0]) && dist(memory[0], memory[1], c[0], c[1]) < r; };//Determines if a given circle is colliding with a given lines var themes = [ { title: "Vibrant", background: 0, grapplecolor: color(50, 50, 255), walkcolor: color(100), finishcolor: color(50, 255, 50), lasercolor: color(255, 50, 50) }, { title: "Pastel", background: 1, grapplecolor: color(150, 150, 255), walkcolor: color(150), finishcolor: color(150, 255, 150), lasercolor: color(255, 150, 150) }, { title: "Chessboard", background: 2, grapplecolor: color(50, 50, 255), walkcolor: color(100), finishcolor: color(50, 255, 50), lasercolor: color(255, 50, 50) }, { title: "Checkerboard", background: 3, grapplecolor: color(50, 50, 255), walkcolor: color(100), finishcolor: color(50, 255, 50), lasercolor: color(255, 50, 50) }, { title: "Snakeskin", background: 4, grapplecolor: color(255, 255, 0), walkcolor: color(100), finishcolor: color(50, 255, 50), lasercolor: color(255, 130, 0) }, { title: "Tron Blue", background: 5, grapplecolor: color(0, 0, 255), walkcolor: color(0), finishcolor: color(150), lasercolor: color(0, 255, 255) }, { title: "Tron Orange", background: 6, grapplecolor: color(0, 0, 255), walkcolor: color(0), finishcolor: color(150), lasercolor: color(255, 130, 0) }, ]; var Button = function(x, y, w, h, txt, fn) { this.pos = [x, y]; this.w = w; this.h = h; this.txt = txt; this.fn = fn; }; Button.prototype.draw = function() { image(((mouseX + cam.pos[0] - width/2) > this.pos[0] && (mouseY + cam.pos[1] - height/2) > this.pos[1] && (mouseX + cam.pos[0] - width/2) < this.pos[0] + this.w && (mouseY + cam.pos[1] - height/2) < this.pos[1] + this.h) ? images.buttonBG2 : images.buttonBG, this.pos[0], this.pos[1], this.w, this.h); fill(0); textAlign(CENTER, CENTER); textSize(30); text(this.txt, this.pos[0] + this.w/2, this.pos[1] + this.h/2); }; Button.prototype.update = function() { if((mouseX + cam.pos[0] - width/2) > this.pos[0] && (mouseY + cam.pos[1] - height/2) > this.pos[1] && (mouseX + cam.pos[0] - width/2) < this.pos[0] + this.w && (mouseY + cam.pos[1] - height/2) < this.pos[1] + this.h && mouseIsPressed && !pmouseIsPressed) { this.fn(); } }; Button.prototype.display = function() { this.update(); this.draw(); }; var buttons = [ new Button(-100, -100, 200, 200, "Play", function() { state = "play"; }), new Button(-300, -100, 200, 200, "Theme +", function() { theme++; if(theme >= themes.length) { theme = 0; }}), new Button(100, -100, 200, 200, "Theme -", function() { theme--; if(theme < 0) { theme = themes.length - 1; }}), new Button(-300, 100, 200, 200, "Level +", function() { level++; if(level >= maxlevel) { level = maxlevel; }} ), new Button(100, 100, 200, 200, "Level -", function() { level--; if(level <= 0) { level = 0; }}), new Button(-100, 100, 200, 200, "Reset\nLevels", function() { level = maxlevel = 0; }), new Button(0, 0, 100, 100, "Menu", function() { state = "menu"; }) ]; var drawButtons = function() { for(var i in arguments) { buttons[arguments[i]].display(); } }; var Ball = function(p, v, r, c, s) { this.pos = p \|\| [300, 100]; this.vel = v \|\| [-0.5, 0]; this.r = r \|\| 25; this.canJump = false; this.c = c; this.s = s; }; Ball.prototype.update = function() { this.pos = vectAdd(this.pos, this.vel); this.vel = vectAdd(vectMult(this.vel, 0.99), [0, 0.2]); }; Ball.prototype.draw = function() { fill(this.c); strokeWeight(3); stroke(this.s); ellipse(this.pos[0], this.pos[1], 2 * this.r, 2 * this.r); stroke(0); }; Ball.prototype.display = function() { this.run(); this.update(); this.draw(); }; Ball.prototype.collide = function(a, b) { if(a[0] === b[0] \|\| a[1] === b[1]) { return; } if(circleCollideLine(a, b, this.pos, this.r + 4)) {//If the ball and the line aren't actually colliding, don't run anything if(!intersecting(this.pos, vectRefl(this.pos, a, b), a, b)){//If the ball is colliding with the edge of the line rather than the main part data[1] = (vectDist(this.pos, a) < vectDist(this.pos, b)) ? a : b; this.vel = vectSub(vectRefl(vectSub(this.pos, this.vel), data[1], this.pos), this.pos); this.pos = vectSub(data[1], vectMult(vectNorm(vectSub(data[1], this.pos)), this.r + 5)); } else{//If the ball is colliding with the main part of the line rather than the edge data[1] = intersection(this.pos, vectRefl(this.pos, a, b), a, b); this.vel = vectMult(vectSub(data[1], vectRefl(vectSub(data[1], this.vel), data[1], vectAdd(data[1], [50, 50 * PM(a, b)]))), BOUNCINESS_BECAUSE_STAR_WAS_STUBBORN); this.pos = vectAdd(data[1], vectMult(vectNorm([1, PM(a, b)]), (this.r + 5) * (this.pos[1] > data[1][1] ? -1 : 1) * (a[0] > b[0] ? -1 : 1) * (a[1] > b[1] ? -1 : 1))); } } }; Ball.prototype.stick = function(a, b) { if(circleCollideLine(a, b, this.pos, this.r + 5)){ this.vel = [0, 0]; if(this.active){ this.t = 50; } this.active = false; } }; Ball.prototype.advance = function(a, b){ if(circleCollideLine(a, b, this.pos, this.r + 5)){ this.pos = [0, 0]; this.vel = [0, 0]; level++; grapplers = []; } }; var levels = [ [ [[-100, 50], [0, 100], false, true], [[100, 50], [0, 100], false, true], [[-300, 0], [0, 150], false, false, true], [[300, 0], [0, 150], false, false, true], ], [ [[0, 300], [400, 200], false, true], [[0, 300], [-100, 200], false, true], [[400, 200], [450, 100], false, false, true] ], [ [[-100, 50], [0, 100], false, true], [[100, 50], [0, 100], false, true], [[-300, -100], [0, -200], true, true], [[300, -100], [0, -200], true, true], [[-300, -100], [-500, 200], false, false, true], [[300, -100], [500, 200], false, false, true], ], [ [[-100, 50], [0, 100], false, true], [[100, 50], [0, 100], false, true], [[0, -200], [200, -100], true, true], [[200, -100], [100, 50], false, true], [[-100, 400], [100, 300], false, true], [[300, 100], [200, -100], false, true], [[300, 100], [100, 300], false, false, true], ], [ [[-100, 50], [0, 100], false, true], [[100, 50], [0, 100], false, true], [[-200, -100], [0, -200], false, false, false, true], [[200, -100], [0, -200], false, false, false, true], [[-200, -100], [-300, 200], false, false, false, true], [[200, -100], [300, 200], false, false, false, true], [[0, 300], [300, 200], false, false, true], [[0, 300], [-300, 200], false, false, true], ], [ [[-100, 50], [100, 0], false, true], [[-100, 50], [-150, -200], false, true], [[-150,-200], [0, -300], false, true], [[-100,50], [-200, 200], true, true], [[-200, 200], [-100, 350], false, true, true], [[200, 450], [-100, 350], false, false, false, true], ], [ [[-100, 50], [100, 0], false, true], [[-100, 50], [-150, -200], false, true], [[300, 50], [100, 0], false, true], [[100, -300], [-150, -200], false, true], [[100, -300], [400, -200], false, true], [[400, -100], [350, -25], false, true], [[300, 50], [350, -25], false, false, false, true], [[500, 50], [400, -100], false, false, false, true], [[400, -200], [600, -100], true, true], [[500, 50], [700, 100], false, false, true], [[700, 100], [600, -100], false, true], ], [ [[-100, 50], [100, 0], false, true], [[-100, 50], [-150, -200], false, true], [[-150,-200], [0, -300], false, true], [[-100,50], [-200, 200], true, true], [[-200, 200], [-100, 350], false, true, true], [[200, 450], [-100, 350], false, false, false, true], [[200, 450], [100, 0], false, true, false, false, true], [[-700, 0], [0, 700], false, true], ], [ [[-100, 50], [0, 100], false, true], [[100, 50], [0, 100], false, true], [[200, -200], [300, -150], true, true], [[300, 0], [310, 60], false, true], [[390, 0], [380, 60], false, true], [[380, 60], [310, 61], false, false, true], [[100, 50], [310, 60], false, false, false, true], ], [ [[-100, 50], [0, 100], false, true], [[100, 50], [0, 100], false, true], [[200, -200], [300, -150], true, true], [[400, -200], [300, -150], true, true], [[300, 10], [310, 60], false, true], [[390, 0], [380, 60], false, true], [[300, 10], [390, 0], false, true], [[0, 100], [310, 61], false, false, true], [[100, 50], [310, 60], false, false, false, true], ], [ [[-100, 50], [-150, -200], false, true], [[-150,-200], [0, -300], false, true], [[-120, 50], [-170, -200], false, false, true], [[-100, 50], [100, 0], false, true], [[-120, 50], [-150, 200], true, true], [[-170, -200], [-240, -320], true, true], ], [ [[0, -200], [ 200, -150], true, true], [[0, -200], [-200, -150], true, true], [[0, -220], [ 200, -170], false, false, true], [[0, -220], [-200, -170], false, false, true], [[ 200, -170], [ 250, 150], false, true], [[-200, -170], [-250, 150], false, true], [[-250, 150], [-200, 200], false, false, false, true], [[ 150, 350], [50, 370], false, false, false, true], [[ 200, -170], [ 240, -220], false, true], [[-200, -170], [-220, -200], false, true], [[-100, 50], [0, 100], false, true], [[100, 50], [0, 100], false, true], ], [ [[0, -600], [ 500, -200], false, false, true], [[600, 0], [ 500, -200], false, true], [[0, 600], [ 400, 400], false, true], [[600, 0], [ 400, 400], true, true], [[0, 600], [-400, 400], false, true], [[-600, 0], [-400, 400], true, true], [[0, -600], [-500, -200], false, false, true], [[-600, 0], [-500, -200], false, true], ], [ [[-100, 50], [-150, -200], false, true], [[-150,-200], [0, -300], false, true], [[-120, 50], [-170, -200], false, false, true], [[-100, 50], [100, 0], false, true], //[[-120, 50], [-150, 200], true, true], [[-170, -200], [-240, -320], true, true], ], ]; var Player = function(p, r) { Ball.call(this, p, [0, 0], r, 100, 66); }; Player.prototype = Object.create(Ball.prototype); Player.prototype.run = function() { this.s = themes[theme].walkcolor; this.c = color(red(themes[theme].walkcolor) * 2/3, green(themes[theme].walkcolor) * 2/3, blue(themes[theme].walkcolor) * 2/3); if(keys[RIGHT] \|\| keys.d){ this.vel[0] += 0.2; } if(keys[LEFT] \|\| keys.a){ this.vel[0] -= 0.2; } }; Player.prototype.die = function(a, b) { if(circleCollideLine(a, b, this.pos, this.r + 5)){ this.pos = [0, 0]; this.vel = [0, 0]; grapplers = []; } }; var player = new Player([0, 0], 25); var Grappler = function(p, v) { Ball.call(this, p, v, 15, color(red(themes[theme].grapplecolor) * 2/3, green(themes[theme].grapplecolor) * 2/3, blue(themes[theme].grapplecolor) * 2/3), color(themes[theme].grapplecolor)); this.t = 300; this.active = true; }; Grappler.prototype = Object.create(Ball.prototype); Grappler.prototype.run = function() { if(!this.active){ player.vel = vectAdd(player.vel, vectNorm(vectSub(this.pos, player.pos))); stroke(0); strokeWeight(3); line(this.pos[0], this.pos[1], player.pos[0], player.pos[1]); strokeWeight(10); } //this.vel = vectLimit(this.vel, 25); this.t--; }; Grappler.prototype.die = function(a, b) { if(circleCollideLine(a, b, this.pos, this.r + 5)){ this.t = 0; } }; var messages = []; var play = function() { try{ background(255); pushMatrix(); cam.goto(player.pos[0] + mouseX/3 - 100, player.pos[1] + mouseY/3 - 100); cam.apply(1/3, -300, 300, -300, 300); image(images["background" + themes[theme].background], -300, -300, 1200, 1200); resetMatrix(); cam.apply(); while(grapplers.length > 3){ grapplers.shift(); } for(var i = 0;i < levels[level].length;i++) { strokeWeight(10); stroke(levels[level][i][2] ? red(themes[theme].grapplecolor) : red(themes[theme].walkcolor), levels[level][i][2] ? green(themes[theme].grapplecolor) : green(themes[theme].walkcolor), levels[level][i][2] ? blue(themes[theme].grapplecolor) : blue(themes[theme].walkcolor), !levels[level][i][3] && levels[level][i][2] \|\| levels[level][i][6] ? 120 : 255); if(levels[level][i][4]){ stroke(themes[theme].finishcolor); } if(levels[level][i][5]) { stroke(themes[theme].lasercolor); } line(levels[level][i][0][0], levels[level][i][0][1], levels[level][i][1][0], levels[level][i][1][1]); for(var j = grapplers.length - 1; j >= 0; j--){ if(levels[level][i][2] === true && levels[level][i][4] !== true){ grapplers[j].stick(levels[level][i][0], levels[level][i][1]); } else if(levels[level][i][5] === true){ grapplers[j].die(levels[level][i][0], levels[level][i][1]); } else if(levels[level][i][6] !== true){ grapplers[j].collide(levels[level][i][0], levels[level][i][1]); } } if(levels[level][i][5] === true){ player.die(levels[level][i][0], levels[level][i][1]); } else if(levels[level][i][3] !== false && levels[level][i][4] !== true) { player.collide(levels[level][i][0], levels[level][i][1]); } if(levels[level][i][4] === true) { player.advance(levels[level][i][0], levels[level][i][1]); } } for(var i = 0;i < levels[level].length;i++){ strokeWeight(5); stroke(levels[level][i][2] ? red(themes[theme].grapplecolor) * 2/3 : red(themes[theme].walkcolor) * 2/3, levels[level][i][2] ? green(themes[theme].grapplecolor) * 2/3 : green(themes[theme].walkcolor) * 2/3, levels[level][i][2] ? blue(themes[theme].grapplecolor) * 2/3 : blue(themes[theme].walkcolor) * 2/3, !levels[level][i][3] && levels[level][i][2] \|\| levels[level][i][6] ? 120 : 255); if(levels[level][i][4]){ stroke(red(themes[theme].finishcolor) * 2/3, green(themes[theme].finishcolor) * 2/3, blue(themes[theme].finishcolor) * 2/3); } if(levels[level][i][5]) { stroke(red(themes[theme].lasercolor) * 2/3, green(themes[theme].lasercolor) * 2/3, blue(themes[theme].lasercolor) * 2/3); } line(levels[level][i][0][0], levels[level][i][0][1], levels[level][i][1][0], levels[level][i][1][1]); } for(var j = grapplers.length - 1;j >= 0;j--){ if(grapplers[j].t <= 0){ grapplers.shift(); } else{ grapplers[j].display(); } } if(player.pos[1] > 1200){ player.pos = [0, 0]; player.vel = [0, 0]; grapplers = []; } player.display(); popMatrix(); textFont(createFont("Trebuchet MS"), 30); textAlign(CENTER, CENTER); fill(0); text(haikus[level], width/2, height/4); var a = cam.pos; cam.pos = [width/2, height/2]; drawButtons(6); cam.pos = a; }catch(e){} }; var menu = function() { player.pos = player.vel = [0, 0]; pushMatrix(); cam.apply(1/3); image(images["background" + themes[theme].background], -300, -300, 1200, 1200); resetMatrix(); cam.goto(mouseX/4 - width/8, mouseY/4 - height/8); cam.apply(); drawButtons(0, 1, 2, 3, 4, 5); fill(0); textAlign(CENTER, CENTER); textSize(40); text("Theme: " + themes[theme].title, 0, 320); text("Level: " + (level + 1) + " (Max: " + (maxlevel + 1) + ")", 0, -320); textSize(100); text("GRAPPLAR", 0, -180); popMatrix(); }; var win = function() { image(images["background" + themes[theme].background], -300, -300, 1200, 1200); fill(0); textAlign(CENTER, CENTER); textSize(40); text("Click to return", 300, 180); textSize(100); text("YOU WIN", 300, 100); if(mouseIsPressed && !pmouseIsPressed){ state = "menu"; } level = levels.length - 1; }; draw = function() { if(!loaded){ if(lnum >= order.length){ loaded = true; return; } images[order[lnum]] = images[order[lnum]](); lnum++; return; } switch(state){ case "play": play(); break; case "menu": menu(); break; case "win": win(); break; } pmouseIsPressed = mouseIsPressed; if(level > maxlevel && level < levels.length){ maxlevel = level; } if(level >= levels.length && state === "play") { state = "win"; } }; keyPressed = function() { keys[keyCode] = keys[key.toString().toLowerCase()] = true; }; keyReleased = function() { keys[keyCode] = keys[key.toString().toLowerCase()] = false; }; mouseClicked = function() { if(state === "play"){ grapplers.push(new Grappler(player.pos, vectMult(vectNorm(vectSub([mouseX + cam.pos[0] - width/2, mouseY + cam.pos[1] - height/2], player.pos)), 25))); } };
Folds	108,277,379,436,438,444,445,451,452,456,457,460,461,469,470,474,476,483
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgKjH4az0Cgw
Votes	3100
Spin-Offs	78
Type
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Yesterdaze / TemporalFuzz
Author Name	maxzman14
Author ID	kaid_117525411722043352808738
Author Profile Access	PUBLIC

Archive Data

Added	1 years ago, 1707881067885
Updated	7 months ago, 1744820322052
Source Deleted	unknown