Viewing Program

Program Data

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

Title	Bill and Ted's Magical Adventure
ID	4621491692945408
Created	3 years ago, 1649079870643
Updated	3 years ago, 1649391203746
Code	/ Bill and Ted's Magical Adventure (Game) Gray Wolf, April 2022 @Description Bill and Ted have been transported to a magical world where they need to work together to get back home. They need to collect all the magical crystals to open the portals. @Key_Controls Single Player Mode ---------------------- A/LEFT and D/RIGHT to move, W/UP to jump, S/DOWN to activate levers ---------------------- Two Player Mode ---------------------- - Player 1 A/D to move, W to jump, S to activate levers - Player 2 LEFT/RIGHT to move, UP to jump, DOWN to activate levers - Both players 1 to switch focus (camera) to player 1 2 to switch focus (camera) to player 2 ---------------------- All Modes ---------------------- G to toggle gravity R to restart a level ---------------------- @Notes_to_judges - platformer engine created entirely by me from scratch for this challenge - efficient collisions (only checking surrounding blocks) - efficient display -- only displaying what's current in view -- images created on load and used for most assets so no redrawing during game - reverse gravity for the players/enemies including flipping/rotating them around - one player and two player modes - camera switching between players (press 1 and 2 keys) - all levels built using maps - need to collect all keys to open portals and both players at allocated portal to progress - moveable blocks (players can push to position in order to complete the levels) - switches and levers to activate platforms and doors, etc. - using objects and object inheritance @Credits Triangle collisions code from Sharkfin https://www.khanacademy.org/cs/point-to-triangle-collision/6356243756564480 Object.new function from KWC https://www.khanacademy.org/profile/kaid_1018232416454567422505063 @Subscribe Want to be notified when I create a new program? Sub here: https://www.khanacademy.org/cs/gray-wolf/4876588413698048 / smooth(); size(600, 600, P2D); //credit to KWC for the new object function Object.constructor.prototype.new = function() { var obj = Object.create(this.prototype); this.apply(obj, arguments); return obj; }; var app; var clicked = false, hover = false, keys = []; keyPressed = function () { keys[keyCode] = true; }; keyReleased = function () { keys[keyCode] = false; app.canChangeGravity = true; }; mousePressed = function () { clicked = true; }; var Transition = (function() { var Transition = function(args) { this.h = 0; this.vy = 15; this.color = args.color \|\| color(0); this.active = false; this.scene = "home"; }; Transition.prototype = { reset: function() { this.h = 0; this.vy = 15; }, draw: function() { if(this.active) { pushStyle(); noStroke(); fill(this.color); rect(-20, -20, width + 40, this.h); rect(-20, height-this.h, width + 40, this.h + 20); popStyle(); } }, update: function() { if(this.active) { this.h+= this.vy; //if halfway across the screen then change the scene if(this.h >= 300) { app.scene = this.scene; this.vy= -1; } //else if it's completely off the screen reset it and set to inactive else if(this.h < 0) { this.reset(); this.active = false; } } }, run: function() { this.draw(); this.update(); } }; return Transition; })(); var Logo = (function() { var Logo = function(args) { this.scale = args.scale \|\| 1.0; this.x = args.x \|\| 600 0.5 * this.scale; this.y = args.y \|\| 600 * 0.4 * this.scale; this.colors = { back: color(55, 55, 55), outline: color(5, 5, 5), from: color(102, 99, 98), to: color(13, 13, 13), text: color(232, 232, 232) }; this.font = args.font \|\| createFont("Trebuchet MS"); this.gray = { words: "G R A Y W O L F", index: 0, timer: 0, delay: 2 }; this.prod = { opacity: 0, y: height * 1.2, }; this.img = undefined; this.imgs = []; this.splits = { left: undefined, right: undefined }; this.timer = 0; this.states = { a: { delay: 30, duration: 120, }, b: { delay: 30 }, c: { delay: 55 }, d: { delay: 45, x: 0 } }; this.state = "a"; this.done = false; this.complete = false; this.hover = false; this.init(); }; Logo.prototype = { init: function() { //generte the wolf graphic var gx = createGraphics(600, 600, P2D); gx.background(0, 0); gx.fill(255); //inner gx.beginShape(); gx.vertex(300, 137); gx.vertex(377, 150); gx.vertex(454, 118); gx.vertex(410, 213); gx.vertex(429, 202); gx.vertex(464, 279); gx.vertex(396, 361); gx.vertex(381, 316); gx.vertex(341, 399); gx.vertex(300, 443); gx.vertex(259, 399); gx.vertex(219, 316); gx.vertex(204, 361); gx.vertex(136, 279); gx.vertex(171, 202); gx.vertex(190, 213); gx.vertex(146, 118); gx.vertex(223, 150); gx.endShape(CLOSE); var shape = gx.get(115, 90, 370, 355); gx.noStroke(); for(var i = 90; i <= 445; i++) { gx.fill(gx.lerpColor(this.colors.to, this.colors.from, i/445)); gx.rect(115, i, 370, 1); } gx.stroke(150, 20); gx.strokeWeight(1); for(var i = 0; i < 200; i++) { gx.line(random(115, 485), random(90, 445), random(115, 485), random(90, 445)); } gx.filter(BLUR, 2.5); var grad = gx.get(115, 90, 370, 355); grad.mask(shape); gx.background(this.colors.back); gx.background(0, 0); gx.noStroke(); gx.fill(this.colors.outline); //outer gx.beginShape(); gx.vertex(300, 126); gx.vertex(376, 138); gx.vertex(480, 92); gx.vertex(437, 187); gx.vertex(482, 283); gx.vertex(396, 364); gx.vertex(383, 344); gx.vertex(354, 404); gx.vertex(300, 444); gx.vertex(246, 404); gx.vertex(217, 344); gx.vertex(204, 364); gx.vertex(118, 283); gx.vertex(163, 187); gx.vertex(120, 92); gx.vertex(224, 138); gx.endShape(CLOSE); gx.image(grad, 115, 90); fill(this.colors.outline); //nose gx.beginShape(); gx.vertex(300, 372); gx.vertex(323, 367); gx.vertex(320, 382); gx.vertex(300, 400); gx.vertex(280, 382); gx.vertex(277, 367); gx.endShape(CLOSE); //left eye gx.beginShape(); gx.vertex(324, 341); gx.vertex(320, 268); gx.vertex(428, 231); gx.vertex(378, 290); gx.vertex(358, 278); gx.vertex(372, 280); gx.vertex(390, 257); gx.vertex(334, 277); gx.endShape(CLOSE); //right eye gx.beginShape(); gx.vertex(276, 341); gx.vertex(280, 268); gx.vertex(172, 231); gx.vertex(222, 290); gx.vertex(244, 278); gx.vertex(228, 280); gx.vertex(210, 257); gx.vertex(266, 277); gx.endShape(CLOSE); this.img = gx.get(115, 90, 370, 355); //generate pieces of image for(var i = 0; i < 10; i++) { for(var j = 0; j < 10; j++) { this.imgs.push({ img: gx.get(115 + 37 * i, 90 + 35.5 * j, 37, 35.5), w: 37, h: 35.5, dx: 115 + 37 * i + 18.5, dy: 90 + 35.5 * j + 17.75, x: random(-width, width * 2), y: random(-height, height * 2), angle: ~~random(3600) }); } } }, draw: function() { if(!this.complete) { pushMatrix(); scale(this.scale); pushStyle(); switch(this.state) { case "a": background(this.colors.back); if(this.timer++ >= this.states.a.delay) { for(var i = 0; i < this.imgs.length; i++) { var item = this.imgs[i]; item.x = lerp(item.x, item.dx, 0.1); item.y = lerp(item.y, item.dy, 0.1); item.angle = lerp(item.angle, 0, 0.1); imageMode(CENTER); pushMatrix(); translate(item.x, item.y - 28); rotate(item.angle); image(item.img, 0, 0, item.w, item.h); popMatrix(); } if(this.timer >= this.states.a.duration) { this.state = "b"; this.timer = 0; } } break; case "b": background(this.colors.back); imageMode(CENTER); image(this.img, this.x / this.scale, this.y / this.scale); if(this.timer++ >= this.states.b.delay) { textFont(this.font); textAlign(CENTER, CENTER); textSize(40); fill(this.colors.text); if(this.gray.index < this.gray.words.length && this.gray.timer++ >= this.gray.delay) { this.gray.index++; this.gray.timer = 0; } text(this.gray.words.substring(0, this.gray.index), this.x / this.scale, this.y * 2 / this.scale); this.prod.opacity = constrain(this.prod.opacity + 7, 0, 255); this.prod.y = ~~lerp(this.prod.y, this.y * 2.1, 0.030); textSize(30); fill(this.colors.text, this.prod.opacity); text("P R E S E N T S", this.x / this.scale, this.prod.y / this.scale); } if(this.gray.index === this.gray.words.length) { this.state = "c"; this.timer = 0; } break; case "c": background(this.colors.back); imageMode(CENTER); image(this.img, this.x / this.scale, this.y / this.scale); textFont(this.font); textAlign(CENTER, CENTER); textSize(40); fill(this.colors.text); text(this.gray.words.substring(0, this.gray.index), this.x / this.scale, this.y * 2 / this.scale); if(this.timer++ >= this.states.c.delay) { this.prod.opacity = constrain(this.prod.opacity - 5, 0, 255); } textSize(30); fill(this.colors.text, this.prod.opacity); this.prod.y = constrain(~~lerp(this.prod.y, this.y * 2.1, 0.035), 530 * this.scale, Infinity); text("P R E S E N T S", this.x / this.scale, this.prod.y / this.scale); if(this.prod.opacity === 0) { //get split image for next state this.splits.left = get(0, 0, width / 2, height); this.splits.right = get(width / 2, 0, width / 2, height); this.state = "d"; this.timer = 0; } break; case "d": scale(1 / this.scale); imageMode(CORNER); if(this.timer++ >= this.states.d.delay) { this.states.d.x = constrain(this.states.d.x + 7, 0, width / 2); } image(this.splits.left, -this.states.d.x, 0); image(this.splits.right, width / 2 + this.states.d.x, 0); if(this.states.d.x >= width / 2) { this.completed = true; } if(this.timer === this.states.d.delay) { this.done = true; } break; } popStyle(); popMatrix(); } } }; return Logo; })(); var Button = (function() { var Button = function(args) { this.x = args.x; this.y = args.y; this.w = args.w \|\| 100; this.h = args.h \|\| 50; this.content = args.content; this.textSize = args.textSize \|\| this.w * 0.18; this.enabled = true; this.hover = false; this.func = args.func; this.backColor = args.backColor \|\| color(240); this.textColor = args.textColor \|\| color(25); }; Button.prototype = { over: function() { return (mouseX > this.x && mouseX < this.x + this.w && mouseY > this.y && mouseY < this.y + this.h); }, draw: function() { noStroke(); this.hover = this.over(); if(this.enabled && this.hover) { hover = true; } fill(this.backColor, this.enabled && this.hover ? 190 : 240); rect(this.x, this.y, this.w, this.h); pushStyle(); textAlign(CENTER, CENTER); textSize(this.textSize); fill(this.enabled ? this.textColor : color(this.textColor, 100)); text(this.content, this.x + this.w / 2, this.y + this.h / 2); popStyle(); if(this.enabled && clicked && this.hover) { this.func(); } } }; return Button; })(); var Player = (function() { Player = function(args) { this.x = args.x \|\| 200; this.y = args.y \|\| 200; this.w = args.w \|\| 40; this.h = args.h \|\| 40; this.spawn = { x: this.x, y: this.y }; this.vx = args.vx \|\| 0; this.vy = args.vy \|\| 0; this.px = this.x; this.py = this.y; this.dir = args.dir \|\| 1; this.points = { x1: this.x, y1: this.y, x2: this.x, y2: this.y + this.h, x3: this.x + this.w, y3: this.y, x4: this.x + this.w, y4: this.y + this.h }; this.speed = args.speed \|\| this.w / 6; this.gravity = args.gravity \|\| this.h / 75; this.jump = args.jump \|\| -this.h * 0.3; this.canJump = true; this.angle = 0; this.onLadder = false; this.health = 100; this.bullets = []; this.type = args.type \|\| "player"; this.subtype = args.subtype \|\| "0"; }; Player.prototype.update = function() { this.angle = constrain(this.angle + 10 * app.gravity, -180, 0); }; Player.prototype.draw = function() { pushMatrix(); translate(this.x + this.w / 2, this.y + this.h / 2); rotate(this.angle); translate(-(this.x + this.w / 2), -(this.y + this.h / 2)); noStroke(); fill(227, 212, 164); rect(this.x, this.y, this.w, this.h); if(this.subtype === "1") { fill(85, 155, 200); } else { fill(230, 105, 30); } rect(this.x, this.y + this.h / 2, this.w, this.h / 2); //eyes fill(0); ellipse(this.x + this.w * 0.5 + this.w * 0.3 * this.dir * app.gravity, this.y + this.h * 0.25, this.w * 0.15, this.h * 0.2); ellipse(this.x + this.w * 0.5 + this.w * 0.05 * this.dir * app.gravity, this.y + this.h * 0.25, this.w * 0.15, this.h * 0.2); popMatrix(); }; Player.prototype.run = function() { this.update(); this.draw(); }; return Player; })(); var Enemy = (function() { Enemy = function(args) { Player.call(this, args); this.color = args.color \|\| color(59, 59, 59); }; Enemy.prototype = Object.create(Player.prototype); Enemy.prototype.draw = function() { pushMatrix(); translate(this.x + this.w / 2, this.y + this.h / 2); rotate(this.angle); translate(-(this.x + this.w / 2), -(this.y + this.h / 2)); noStroke(); fill(this.color); rect(this.x, this.y, this.w, this.h); //eyes fill(250); ellipse(this.x + this.w * 0.5 + this.w * 0.3 * this.dir * app.gravity, this.y + this.h * 0.25, this.w * 0.15, this.h * 0.2); ellipse(this.x + this.w * 0.5 + this.w * 0.05 * this.dir * app.gravity, this.y + this.h * 0.25, this.w * 0.15, this.h * 0.2); popMatrix(); }; Enemy.prototype.run = function() { this.update(); this.draw(); }; return Enemy; })(); var Block = (function() { Block = function(args) { this.x = args.x \|\| 0; this.y = args.y \|\| 0; this.w = args.w \|\| 40; this.h = args.h \|\| 40; this.color = args.color \|\| color(255, 255, 255); this.type = args.type \|\| "block"; this.subtype = args.subtype \|\| "0"; this.index = args.index \|\| -1; }; Block.prototype = { draw: function() { switch(this.subtype) { case "0": //dirt fill(112, 112, 112); noStroke(); switch (this.index % 3) { case 0: image(app.images.dirt_1, this.x, this.y, this.w, this.h); break; case 1: image(app.images.dirt_2, this.x, this.y, this.w, this.h); break; case 2: image(app.images.dirt_3, this.x, this.y, this.w, this.h); break; } break; case "1": //dirt grass fill(114, 173, 130); noStroke(); switch (this.index % 3) { case 0: image(app.images.dirt_grass_1, this.x, this.y, this.w, this.h); break; case 1: image(app.images.dirt_grass_2, this.x, this.y, this.w, this.h); break; case 2: image(app.images.dirt_grass_3, this.x, this.y, this.w, this.h); break; } break; case "2": //dirt sand fill(199, 152, 76); noStroke(); switch (this.index % 3) { case 0: image(app.images.dirt_sand_1, this.x, this.y, this.w, this.h); break; case 1: image(app.images.dirt_sand_2, this.x, this.y, this.w, this.h); break; case 2: image(app.images.dirt_sand_3, this.x, this.y, this.w, this.h); break; } break; case "3": //dirt snow fill(199, 152, 76); noStroke(); switch (this.index % 3) { case 0: image(app.images.dirt_snow_1, this.x, this.y, this.w, this.h); break; case 1: image(app.images.dirt_snow_2, this.x, this.y, this.w, this.h); break; case 2: image(app.images.dirt_snow_3, this.x, this.y, this.w, this.h); break; } break; case "4": //stone fill(199, 152, 76); noStroke(); switch (this.index % 3) { case 0: image(app.images.stone_1, this.x, this.y, this.w, this.h); break; case 1: image(app.images.stone_2, this.x, this.y, this.w, this.h); break; case 2: image(app.images.stone_3, this.x, this.y, this.w, this.h); break; } break; case "5": //stone sand fill(199, 152, 76); noStroke(); switch (this.index % 3) { case 0: image(app.images.stone_sand_1, this.x, this.y, this.w, this.h); break; case 1: image(app.images.stone_sand_2, this.x, this.y, this.w, this.h); break; case 2: image(app.images.stone_sand_3, this.x, this.y, this.w, this.h); break; } break; case "6": //stone snow fill(199, 152, 76); noStroke(); switch (this.index % 3) { case 0: image(app.images.stone_snow_1, this.x, this.y, this.w, this.h); break; case 1: image(app.images.stone_snow_2, this.x, this.y, this.w, this.h); break; case 2: image(app.images.stone_snow_3, this.x, this.y, this.w, this.h); break; } break; default: fill(112, 112, 112); noStroke(); rect(this.x, this.y, this.w, this.h); } }, update: function() { //abstract }, run: function() { this.update(); this.draw(); } }; return Block; })(); var Asset = (function() { Asset = function(args) { Block.call(this, args); }; Asset.prototype = Object.create(Block.prototype); Asset.prototype.draw = function() { switch(this.subtype) { case "0": //summer tree image(app.images.tree_green, this.x, this.y - this.h * 1.5, this.w * 1.25, this.h * 2.5); break; case "1": //autumn tree image(app.images.tree_autumn, this.x, this.y - this.h * 1.5, this.w * 1.25, this.h * 2.5); break; case "2": //summer bush image(app.images.bush_green, this.x, this.y, this.w, this.h); break; case "3": //autumn bush image(app.images.bush_autumn, this.x, this.y, this.w, this.h); break; } }; return Asset; })(); var Lava = (function() { Lava = function(args) { Block.call(this, args); this.timer = 0; this.delay = 10; this.particles = []; }; Lava.prototype = Object.create(Block.prototype); Lava.prototype.update = function() { if(this.timer++ % this.delay === 0) { var diameter = random(this.h, this.h * 2); this.particles.push({ x: random(this.x + diameter / 2, this.x + this.w - diameter / 2), y: this.y + this.h / 2, diameter: diameter, opacity: 255, vy: random(0.2, 0.5) }); } }; Lava.prototype.draw = function() { fill(250, 95, 80); noStroke(); rect(this.x, this.y, this.w, this.h); for(var i = this.particles.length - 1; i >= 0; i--) { var p = this.particles[i]; fill(250, 95, 80, p.opacity); ellipse(p.x, p.y, p.diameter, p.diameter); p.y-= p.vy; p.opacity = constrain(p.opacity - 5, 0, 255); if(p.opacity === 0) { this.particles.splice(i, 1); } } }; return Lava; })(); var Moveable = (function() { Moveable = function(args) { Block.call(this, args); this.vx = 0; this.vy = 0; this.px = 0; this.py = 0; this.gravity = this.h / 75; }; Moveable.prototype = Object.create(Block.prototype); Moveable.prototype.draw = function() { switch(this.subtype) { case "0": //dirt image(app.images.dirt_moveable, this.x, this.y, this.w, this.h); break; case "1": //stone image(app.images.stone_moveable, this.x, this.y, this.w, this.h); break; } }; return Moveable; })(); var Fake = (function() { Fake = function(args) { Block.call(this, args); this.delay = 15; this.timer = 0; this.opacity = 255; this.active = false; this.vy = 0; this.gravity = 0.2; }; Fake.prototype = Object.create(Block.prototype); Fake.prototype.draw = function() { switch(this.subtype) { case "0": image(app.images.dirt_fake, this.x, this.y, this.w, this.h); break; case "1": image(app.images.dirt_grass_fake, this.x, this.y, this.w, this.h); break; case "2": image(app.images.dirt_sand_fake, this.x, this.y, this.w, this.h); break; case "3": image(app.images.dirt_snow_fake, this.x, this.y, this.w, this.h); break; case "4": image(app.images.stone_fake, this.x, this.y, this.w, this.h); break; case "5": image(app.images.stone_sand_fake, this.x, this.y, this.w, this.h); break; case "6": image(app.images.stone_snow_fake, this.x, this.y, this.w, this.h); break; } if(this.active) { this.timer++; if(this.timer > this.delay) { this.opacity = constrain(this.opacity - 5, 0, 255); this.vy+= this.gravity; this.y+= this.vy; if(this.opacity === 0) { app.blocks.splice(app.blocks.indexOf(this), 1); app.grid[this.index] = null; } } } }; return Fake; })(); var Tunnel = (function() { Tunnel = function(args) { Block.call(this, args); }; Tunnel.prototype = Object.create(Block.prototype); Tunnel.prototype.draw = function() { image(app.images.tunnel, this.x, this.y, this.w, this.h); }; return Tunnel; })(); var Water = (function() { Water = function(args) { Block.call(this, args); }; Water.prototype = Object.create(Block.prototype); Water.prototype.draw = function() { fill(91, 233, 240, 100); noStroke(); rect(this.x, this.y, this.w, this.h); }; return Water; })(); var Key = (function() { Key = function(args) { Block.call(this, args); }; Key.prototype = Object.create(Block.prototype); Key.prototype.draw = function() { pushMatrix(); translate(this.x + this.w / 2, this.y + this.h / 2); rotate(frameCount); image(app.images.key_full, -this.w / 2, -this.h / 2, this.w, this.h); popMatrix(); }; return Key; })(); var Wormhole = (function() { Wormhole = function(args) { Block.call(this, args); }; Wormhole.prototype = Object.create(Block.prototype); Wormhole.prototype.draw = function() { pushMatrix(); translate(this.x + this.w / 2, this.y + this.h / 2); rotate(frameCount * 1); if(this.type === "in") { image(app.images.wormhole_enter, -this.w / 2, -this.h / 2, this.w, this.h); } else { image(app.images.wormhole_exit, -this.w / 2, -this.h / 2, this.w, this.h); } popMatrix(); }; return Wormhole; })(); var Checkpoint = (function() { Checkpoint = function(args) { Block.call(this, args); this.active = false; }; Checkpoint.prototype = Object.create(Block.prototype); Checkpoint.prototype.draw = function() { stroke(201, 201, 201); strokeWeight(2); line(this.x + this.w / 2, this.y, this.x + this.w / 2, this.y + this.h * 0.9); noStroke(); if(this.active) { fill(144, 230, 129); } else { fill(this.color); } rect(this.x + this.w / 2, this.y + this.h * 0.05, this.w / 2, this.h * 0.3); fill(173, 171, 173); arc(this.x + this.w / 2, this.y + this.h, this.w * 0.6, this.h * 0.3, 180, 360); }; return Checkpoint; })(); var Trampoline = (function() { Trampoline = function(args) { Block.call(this, args); }; Trampoline.prototype = Object.create(Block.prototype); Trampoline.prototype.draw = function() { fill(134, 247, 171); fill(121, 197, 242, 200); noStroke(); rect(this.x, this.y, this.w, this.h); }; return Trampoline; })(); var Ladder = (function() { Ladder = function(args) { Block.call(this, args); }; Ladder.prototype = Object.create(Block.prototype); Ladder.prototype.draw = function() { image(app.images.ladder, this.x, this.y, this.w, this.h); }; return Ladder; })(); var Lazer = (function() { var Lazer = function(args) { Block.call(this, args); this.active = true; this.anim = { timer: 0, on: 240, off: 120 }; }; Lazer.prototype = Object.create(Block.prototype); Lazer.prototype.draw = function() { noStroke(); //lazer if(this.active && random() < 0.90) { fill(250, 70, 109, 100); rect(this.x, this.y, this.w, this.h); } fill(145, 144, 142); //top and bottom rect(this.x - this.w * 0.4, this.y, this.w * 1.8, this.h * 0.1); rect(this.x - this.w * 0.4, this.y + this.h * 0.9, this.w * 1.8, this.h * 0.1); }; Lazer.prototype.update = function() { if(this.active) { if(this.anim.timer++ === this.anim.on) { this.anim.timer = 0; this.active = false; } } else { if(this.anim.timer++ === this.anim.off) { this.anim.timer = 0; this.active = true; } } }; Lazer.prototype.run = function() { this.update(); this.draw(); }; return Lazer; })(); var Portal = (function() { Portal = function(args) { Block.call(this, args); this.active = false; this.on = false; }; Portal.prototype = Object.create(Block.prototype); Portal.prototype.draw = function() { noStroke(); if(this.active) { if(this.subtype === "1") { //blue fill(140, 160, 170); rect(this.x, this.y - this.h * 0.3, this.w, this.h * 1.3, 8, 8, 0, 0); fill(85, 155, 200); rect(this.x + this.w * 0.1, this.y - this.h * 0.2, this.w * 0.8, this.h * 1.2, 8, 8, 0, 0); fill(20, 20, 20, 150); rect(this.x + this.w * 0.25, this.y - this.h * 0.1, this.w * 0.5, this.h * 1.1, 8, 8, 0, 0); } else { //orange fill(140, 160, 170); rect(this.x, this.y - this.h * 0.3, this.w, this.h * 1.3, 8, 8, 0, 0); fill(230, 105, 30); rect(this.x + this.w * 0.1, this.y - this.h * 0.2, this.w * 0.8, this.h * 1.2, 8, 8, 0, 0); fill(20, 20, 20, 150); rect(this.x + this.w * 0.25, this.y - this.h * 0.1, this.w * 0.5, this.h * 1.1, 8, 8, 0, 0); } } else { if(this.subtype === "1") { //blue fill(140, 160, 170); rect(this.x, this.y - this.h * 0.3, this.w, this.h * 1.3, 8, 8, 0, 0); fill(85, 155, 200); rect(this.x + this.w * 0.1, this.y - this.h * 0.2, this.w * 0.8, this.h * 1.2, 8, 8, 0, 0); fill(20, 20, 20, 50); rect(this.x + this.w * 0.25, this.y - this.h * 0.1, this.w * 0.5, this.h * 1.1, 8, 8, 0, 0); fill(20, 20, 20, 150); ellipse(this.x + this.w * 0.5, this.y + this.h * 0.5, this.w * 0.25, this.w * 0.25); rect(this.x + this.w * 0.45, this.y + this.h * 0.5, this.w * 0.10, this.h * 0.2); } else { //orange fill(140, 160, 170); rect(this.x, this.y - this.h * 0.3, this.w, this.h * 1.3, 8, 8, 0, 0); fill(230, 105, 30); rect(this.x + this.w * 0.1, this.y - this.h * 0.2, this.w * 0.8, this.h * 1.2, 8, 8, 0, 0); fill(20, 20, 20, 50); rect(this.x + this.w * 0.25, this.y - this.h * 0.1, this.w * 0.5, this.h * 1.1, 8, 8, 0, 0); fill(20, 20, 20, 150); ellipse(this.x + this.w * 0.5, this.y + this.h * 0.5, this.w * 0.25, this.w * 0.25); rect(this.x + this.w * 0.45, this.y + this.h * 0.5, this.w * 0.10, this.h * 0.2); } } }; return Portal; })(); var Lever = (function() { Lever = function(args) { Block.call(this, args); this.on = false; this.angle = -20; }; Lever.prototype = Object.create(Block.prototype); Lever.prototype.draw = function() { if(this.on && this.angle !== 20) { this.angle = ceil(lerp(this.angle, 20, 0.05)); } pushMatrix(); translate(this.x + this.w / 2, this.y + this.h * 0.9); rotate(this.angle); stroke(201, 201, 201); strokeWeight(this.w * 0.07); line(0, 0, 0, -this.h * 0.85); noStroke(); if(this.on) { fill(114, 173, 130); } else { fill(133, 192, 222); } rect(-this.w * 0.1, -this.h * 1.00, this.w * 0.2, this.h * 0.35, 10); popMatrix(); image(app.images.lever, this.x, this.y, this.w, this.h); }; return Lever; })(); var Switch = (function() { Switch = function(args) { Block.call(this, args); this.dir = args.dir \|\| "horizontal"; this.on = false; }; Switch.prototype = Object.create(Block.prototype); Switch.prototype.draw = function() { noStroke(); if(this.on) { image(app.images.switch_on, this.x, this.y + this.h * 0.1, this.w, this.h * 1.5); } else { image(app.images.switch_off, this.x, this.y, this.w, this.h * 1.6); } }; return Switch; })(); var Platform = (function() { Platform = function(args) { Block.call(this, args); this.switches = []; this.vx = args.vx \|\| 0; this.vy = args.vy \|\| 0; this.dir = args.dir \|\| "horizontal"; this.active = args.active \|\| true; this.base = { x: this.x, y: this.y, vx: this.vx, vy: this.vy }; }; Platform.prototype = Object.create(Block.prototype); Platform.prototype.update = function() { this.active = false; if(this.switches.length === 0) { this.active = true; } else { for(var i = 0; i < this.switches.length; i++) { if(this.switches[i].on) { this.active = true; } } } if(this.active) { this.x+= this.vx; this.y+= this.vy; } else { if(this.x < this.base.x) { this.x = constrain(this.x + abs(this.vx), this.x, this.base.x); } else if(this.x > this.base.x) { this.x = constrain(this.x - abs(this.vx), this.base.x, this.x); } if(this.y < this.base.y) { this.y = constrain(this.y + abs(this.vy), this.y, this.base.y); } else if(this.y > this.base.y) { this.y = constrain(this.y - abs(this.vy), this.base.y, this.y); } } }; Platform.prototype.draw = function() { var blocks = ~~(this.w / app.blockSize); for(var i = 0; i < blocks; i++) { image(app.images.stone_1, this.x + i * app.blockSize, this.y, app.blockSize, this.h); } }; return Platform; })(); var Door = (function() { Door = function(args) { Block.call(this, args); this.switch = undefined; this.vy = 2; }; Door.prototype = Object.create(Block.prototype); Door.prototype.update = function() { if(this.switch && this.switch.on) { this.h = constrain(this.h - this.vy, 0, Infinity); } }; Door.prototype.draw = function() { if(this.h === 0) { app.doors.splice(app.doors.indexOf(this), 1); app.grid[this.index] = null; } else { image(app.images.stone_1, this.x, this.y, this.w, this.h); } }; return Door; })(); var Sign = (function() { Sign = function(args) { Block.call(this, args); this.number = args.number \|\| 0; }; Sign.prototype = Object.create(Block.prototype); Sign.prototype.draw = function() { image(app.images.sign, this.x, this.y, this.w, this.h); }; return Sign; })(); var Spike = (function() { Spike = function(args) { Block.call(this, args); this.points = { x1: 0, y1: 0, x2: 0, y2: 0, x3: 0, y3: 0 }; this.init(); }; Spike.prototype = Object.create(Block.prototype); Spike.prototype.init = function() { switch(this.subtype) { case "3": this.points.x1 = this.x + this.w / 2; this.points.y1 = this.y; this.points.x2 = this.x; this.points.y2 = this.y + this.h; this.points.x3 = this.x + this.w; this.points.y3 = this.y + this.h; break; case "1": this.points.x1 = this.x; this.points.y1 = this.y; this.points.x2 = this.x + this.w; this.points.y2 = this.y; this.points.x3 = this.x + this.w / 2; this.points.y3 = this.y + this.h; break; case "0": this.points.x1 = this.x; this.points.y1 = this.y; this.points.x2 = this.x + this.w; this.points.y2 = this.y + this.h / 2; this.points.x3 = this.x; this.points.y3 = this.y + this.h; break; case "2": this.points.x1 = this.x + this.w; this.points.y1 = this.y; this.points.x2 = this.x; this.points.y2 = this.y + this.h / 2; this.points.x3 = this.x + this.w; this.points.y3 = this.y + this.h; break; } }; Spike.prototype.draw = function() { fill(145, 144, 142); noStroke(); triangle( this.points.x1, this.points.y1, this.points.x2, this.points.y2, this.points.x3, this.points.y3); }; return Spike; })(); var Buzzsaw = (function() { Buzzsaw = function(args) { Block.call(this, args); this.diameter = args.diameter; this.color = args.color; this.angle = args.angle; this.rot = args.rot; }; Buzzsaw.prototype = Object.create(Block.prototype); Buzzsaw.prototype.draw = function() { this.angle+= this.rot; imageMode(CENTER); translate(this.x, this.y); rotate(this.angle); image(app.images.buzzsaw, 0, 0, this.diameter, this.diameter); rotate(-this.angle); translate(-this.x, -this.y); imageMode(CORNER); }; return Buzzsaw; })(); var Cannon = (function() { Cannon = function(args) { this.x = args.x; this.y = args.y; this.w = args.diameter; this.h = args.diameter; this.diameter = args.diameter; this.color = args.color; this.type = args.type; this.subtype = args.subtype; this.angle = args.angle; this.range = args.range; this.len = args.len; this.bullets = []; }; Cannon.prototype.update = function() { //if the player is within range var closest = Infinity, closestPlayer = null; for(var i = 0; i < app.players.length; i++) { var player = app.players[i]; var angle = atan2(player.y + player.h / 2 - this.y, player.x + player.w / 2 - this.x); if(this.subtype === "3") { angle+= 360; } if(angle > this.angle.min && angle < this.angle.max) { var distance = dist(player.x + player.w / 2, player.y + player.h / 2, this.x, this.y); if(distance < this.diameter * this.range / 2 && distance < closest) { closest = distance; closestPlayer = player; } } } if(closestPlayer) { //get the current angle of the cannon towards the player var angle = atan2(closestPlayer.y + closestPlayer.h / 2 - this.y, closestPlayer.x + closestPlayer.w / 2 - this.x); if(this.subtype === "2") { } else if(this.subtype === "3") { angle+= 360; } // fill(255); // textAlign(CENTER, CENTER); // textSize(20); // text(this.angle.min + " \| " + this.angle.max + " \| " + angle.toFixed(0), this.x, this.y); //if the angle is within the min and max angle of the cannon if(angle > this.angle.min && angle < this.angle.max) { //calculate the unit vectors var dx = cos(angle); var dy = sin(angle); //update the angle of the cannon's turret this.angle.value = lerp(this.angle.value, angle, 0.25); //fire a bullet at the player every 10 frames at a speed of 3 if(frameCount % 10 === 0) { this.bullets.push({ x: this.x + cos(this.angle.value) * this.len, y: this.y + sin(this.angle.value) * this.len, vx: dx * 3, vy: dy * 3, diameter: this.diameter * 0.1, color: color(255) }); } } } }; Cannon.prototype.draw = function() { pushStyle(); //turret stroke(this.color); strokeWeight(5); line( this.x + cos(this.angle.value) * this.diameter * 0.2, this.y + sin(this.angle.value) * this.diameter * 0.2, this.x + cos(this.angle.value) * this.len, this.y + sin(this.angle.value) * this.len); strokeWeight(1); //range noStroke(); fill(this.color, 10); arc(this.x, this.y, this.diameter * this.range, this.diameter * this.range, this.angle.min + this.diameter * 0.25, this.angle.max - this.diameter * 0.25); //body noStroke(); fill(this.color); arc(this.x, this.y, this.diameter, this.diameter, this.angle.min, this.angle.max); fill(50); arc(this.x, this.y, this.diameter * 0.6, this.diameter * 0.6, this.angle.min, this.angle.max); popStyle(); }; Cannon.prototype.fire = function() { //run the cannon's bullets noStroke(); for(var i = this.bullets.length - 1; i >= 0; i--) { var bullet = this.bullets[i]; //draw the bullet fill(bullet.color); ellipse(bullet.x, bullet.y, bullet.diameter, bullet.diameter); //move the bullet bullet.x+= bullet.vx; bullet.y+= bullet.vy; //if the bullet hits the player reduce some player health and remove the bullet for(var j = 0; j < app.players.length; j++) { var player = app.players[j]; if(app.rectCirc(player, bullet)) { //take away some player health player.health = constrain(player.health - 2, 0, 100); //remove the bullet this.bullets.splice(i, 1); break; } // else if the bullet goes off the world then remove it else if(bullet.x + bullet.diameter < 0 \|\| bullet.x - bullet.diameter > app.world.w \|\| bullet.y + bullet.diameter < 0 \|\| bullet.y - bullet.diameter > app.world.h) { this.bullets.splice(i, 1); break; } } } //check if remaining bullets hits a block and remove if it does for(var i = this.bullets.length - 1; i >= 0; i--) { var bullet = this.bullets[i]; for(var j = 0; j < app.blocks.length; j++) { if(app.rectCirc(app.blocks[j], bullet)) { this.bullets.splice(i, 1); } } } }; return Cannon; })(); var App = (function() { App = function(args) { this.scene = "load"; this.images = undefined; this.imageIndex = 0; this.loaded = false; this.blockSize = args.blockSize \|\| 24; this.players = []; this.logo = Logo.new({}); this.bill = Player.new({ x: 200, y: 300, subtype: "1" }); this.ted = Player.new({ x: 350, y: 300, subtype: "2" }); this.singlePlayer = true; this.transition = Transition.new({ color: color(23, 23, 23) }); this.blocks = []; this.enemies = []; this.portals = []; this.assets = []; this.signs = []; this.keys = []; this.lazers = []; this.lavas = []; this.cannons = []; this.buzzsaws = []; this.levers = []; this.doors = []; this.switches = []; this.platforms = []; this.checkpoints = []; this.moveables = []; this.waters = []; this.ins = []; this.outs = []; this.tunnels = []; this.grid = []; this.particles = []; this.dusts = []; this.confetti = []; this.keysCollection = []; this.gravity = 1; //1 = down (normal), -1 = up this.canChangeGravity = true; this.colors = { back: color(55, 55, 55) }; this.buttons = { home: { how: Button.new({ x: width / 2 - 110, y: 430, content: "How", func: function() { app.transition.scene = "how"; app.transition.active = true; } }), play: Button.new({ x: width / 2 + 10, y: 430, content: "Play", func: function() { app.transition.scene = "play"; app.transition.active = true; } }) }, how: { home: Button.new({ x: width / 2 - 50, y: 500, content: "Home", func: function() { app.transition.scene = "home"; app.transition.active = true; } }) } }; this.cam = { x: 0, y: 0, player: null, update: function() { if(keys[49]) { //number 1 key app.cam.player = app.players[0]; } else if(!app.singlePlayer && keys[50]) { //number 2 key app.cam.player = app.players[1]; } if(app.cam.player) { app.cam.x = lerp(app.cam.x, width / 2 - (app.cam.player.x + app.cam.player.w / 2), 0.1) \| 0; app.cam.y = lerp(app.cam.y, height / 2 - (app.cam.player.y + app.cam.player.h / 2), 0.1) \| 0; } } }; this.level = args.level \|\| 0; this.levels = [ /* B 0-9 dirt/stone (grass, sand, snow) F 0-9 fake dirt/stone/grass M 0-9 moveable dirt/stone P 1-2 players (1 = player 1 [required], 2 = player 2 [optional]) E 0-9 enemy (different types) # 0 ladder < 0-3 spike (left, down, right, up) + 0 check point A 0-9 asset rock/tree/etc. S 0-9 sign L 0 lava @ 1-2 portal (1 = player 1, 2 = player 2) [must have matching portal for each player] W 0 water K 0 key Z 0 lazer beam T 0 trampoline C 0-3 autofiring cannon (right,down,left,up) * 0-4 spinning blade full,down,left,up,right d 0-9 lever D 0-9 sliding door (opened by the levers) v 0-9 vertical switch V 0-9 vertical platform (moving) h 0-9 horizontal switch H 0-9 horizontal platform (moving) x 0-9 wormhole (in) X 0-9 wormhole (out) I 1-9 tunnel (1-9 for how many blocks tall) / { title: "Collect the keys", messages: [ "Collect the keys to open the portal" ], backColor: color(55, 55, 55), map: [ "----------------------------------------", "----------------------------------------", "------P1--------------------------------", "----------------------------------------", "----------------------------------------", "----------------------------------------", "----------------------------------------", "----------------------K0----------------", "--@1--------K0------B1B1B1----K0--------", "B1B1B1B1B1B1B1B1B1B1B0B0B0B1B1B1B1B1----", ] }, //collect keys (one player) { title: "Two players\n\nPress 1 & 2 to\nchange player focus", messages: [ "Get both players through the portals", "Press 1 or 2 key to change player camera focus" ], backColor: color(55, 55, 55), map: [ "----------------------------------------", "----------------------------------------", "----------------------------------------", "----------P1--P2------------------------", "----------------------------------------", "----------------------------------------", "----------------------------------------", "--------------------S1--K0--------------", "@1----@2----S0--A2--B5B5B5----K0--A0----", "B5B5B5B5B5B5B5B5B5B5B4B4B4B5B5B5B5B5B5B5", ] }, //two players { title: "Watch the dangers", messages: [ "Press 1 or 2 key to change player camera focus" ], backColor: color(55, 55, 55), map: [ "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------P1------P2--------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------0------------K0--------------", "----------------------------------------B4B4B4B4------------", "--------------------------K0------K0------------------------", "----------------------<2B2B2B2B2B2B20----------------------", "--K0------3------S0--2B0--<11--B00L0L0L0----<3--@1--@2--", "B2B2B2B2B2B2B2B2B2B2B2B2B0--------B0B1B1B1B1B1B1B1B1B1B1B1B1", ] }, //dangers { title: "Bounce bounce bounce", messages: [ "Jump on the trampoline go bounce higher" ], backColor: color(55, 55, 55), map: [ "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "--P1--------------B0----------------------------------------", "------------------B0----P2----------------------------------", "------------------B0----------------------------------------", "------------------B0----------------------------------------", "------------------B0----------------------------------------", "S0----K0----------B0----------------------------------------", "B3B3B3B3----------B0--------------------------A0--@1----@2--", "------B0----------B0--------------------------B3B3B3B3B3B3B3", "------B0A2--T0T0--B0------A1--K0--<3----K0--B3--------------", "------B0B3B3B3B3B3B0B3B3B3B3B3B3B3B3B3B3B3B3----------------", "------------------------------------------------------------", ] }, //trampoline { title: "Water", messages: [ "Time for a swim", "Press r to restart the level" ], backColor: color(55, 55, 55), map: [ "--------------------------------------------------------------", "--------------------------------------------------------------", "--------------------------------------------------------------", "--------------------------------------------------------------", "--------------------------------------------------------------", "--------------------------------------------------------------", "--P1--P2------------------------------------------------------", "--------------------------A0------A1--------------------------", "--------------------------B5W0W0B5B5B5------------------------", "--------------------------B4W0W0B4----B5----------------------", "--------------<3<3<3<3<3<3B4W0W0B4----B4B5A3------------------", "B5B5B5B5B5W0W0B5B5B5B5B5B5B4W0W0B4----B4B4B5------------------", "--------B4W0W0B4W0W0W0W0W0W0W0W0B4----B4B4B4B5--K0--A0--@1--@2", "--------B4W0W0B4W0W0W0W0W0W0W0W0B4----B4B4B4B4B5B5B5B5B5B5B5B5", "--------B4W0W0W0W0W0W0B5B5B5W0W0B4----------------------------", "--------B4W0W0W0W0W0W0B4--B4W0W0B4----------------------------", "--------B4B5B5B5B5B5B5B4--B4B5B5B4----------------------------", ] }, //water { title: "Moveable blocks\n\nPress 1 & 2 to\nchange player focus", messages: [ "Push the block into place\nPress r to reset the level" ], backColor: color(55, 55, 55), map: [ "------------------------------------------------------------", "------------------------------------------------------------", "--------------------K0--------------------------------------", "------------------------------------------------------------", "--------------------B5--------------------------------------", "--------------------B4----------0--------------------------", "----------------K0--B4--------------------------------------", "--------------------B4L0L0------M1--A2----------------------", "--------------B5B5B5B5B5B5B5B5B5B5B5B5----------------------", "--P1--P2--K0--------------------------------K0--------------", "--------------------------------------------B1--------------", "------------------------------------------2B0--------------", "--------------------------------------K0--2B0--------------", "----------------------------S0A3--M0--------B0--------------", "----------------------K0----B1B1B1B1B1B1B1B1B0--------------", "----------A0--------A1----<3--------------------A0--@1----@2", "B1B1B1B1B1B1B1----B1B1B1B1B1--------------------B1B1B1B1B1B1", ] }, //moveable blocks { title: "Levers and Switches", messages: [ "Press S/DOWN to activate the lever", "Move onto the switch to activate the switch block", "Your partner needs to activate the second switch" ], backColor: color(55, 55, 55), map: [ "------------------------------------------------------------", "------------------------------------------------------------", "K0------------------------------S2--------------------------", "B4B4----H0H0------------------B4B4----#0--------------------", "--------------------------------------#0--------------------", "----------0--0--0--0--0----------#0--------------------", "--------------------------------------#0--K0--A0------------", "--------------------------------------B5B5B5B5B5B5B5--------", "----------------------------------------2--2--2----------", "------------------------------------------------------------", "--P1--P2------------K0--A3----V0V0--------------------------", "------------------B4B4B4B4B4--------------------------------", "------------------B4------B4--------------------------------", "------------------D0----------------------------------------", "------------------------------------------------------------", "----S0----A1--d0--B4--K0--A2--<3<3--v0--S1--h0--L0L0--@1--@2", "B2B2B2B2B2B2B2B2B2B2B2B2B2B2B2B2B2B2B2B2B2B2B2B2B2B2B2B2B2B2", ] }, //levers and switches { title: "Wormholes", messages: [ "I wonder where this will take me?" ], backColor: color(55, 55, 55), map: [ "------------------------------------------------------------", "------------------------------------------------------------", "------P2--P1------------------------------2B4--------------", "--------------------------------------------B4--------------", "------------------------------------------2B4--------------", "--------------------------------------------B4--------------", "----A0--------L0L0----S0--x0--A0--A3----K0--B4--X1--K0------", "----B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1----", "------------------------------------------B0------------B1x2", "------------------------------------------B0--------------B1", "------------@1--@2----33--A1------------B0--0--0--0----", "----------B1B1B1B1B1B1B1B1B1B1B1----------B0----------------", "----------B0----------------------#0------B0----------------", "----------B0----------------------#0------B0----------------", "----------B0----------------------#0------B0--X0--K0--x1----", "----------B0--X2--<3--A2--A3--K0--#0------B1B1B1B1B1B1B1----", "----------B0B1B1B1B1B1B1B1B1B1B1B1B1------------------------", ] }, //wormholes { title: "Fake Blocks", messages: [ "Watch your step", "Press r to restart the level" ], backColor: color(55, 55, 55), map: [ "------------------------------------------------------------", "----------------------------0--0--0----------------------", "------------------------------------------------------------", "------@1----A3------K0------------------------A0------------", "----B1B1B1B1B1F1F1B1B1B1B1F1F1F1F1F1F1F1F1F1B1B1B1----------", "--------------------------------------------------B1--------", "----------------------------------------------------B1------", "--------------------------K0--<3<3<3<3<3--A3----------------", "--P1----P2------------<2B0B0B0B0B0B0B0B0B0B0B0--------------", "------------------------------------------------------------", "------------------------------------------------------------", "A0--@2------S0--T0--S1--A2----L0L0----A1----------S1--T0T0--", "B6B6B6B6B6B6B6B6B6F6B6F6B4B4B4B4B4B4B6B6B6F6F6F6B6B6B6B6B6--", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", ] }, //fake blocks { title: "Enemies", messages: [ "Beware the enemy", "Press r to restart the level" ], backColor: color(55, 55, 55), map: [ "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "----------------K0------------------------------------------", "----------------------------------------K0------------------", "--------@1--@2--B2----E0--A0----E0--B2----------A2--+0------", "------B2B2B2B2B2B2B2B2B2B2B2B2B2B2B2B2B2B2F2F2B2B2B2B2----#0", "----------------------------------------------------------#0", "----------------------------------------------------------#0", "--P1--P2--------------------------------------------------#0", "------------B4--K0--E0------B4K0------------L0L0--+0------#0", "------------B4B4B4B4B4B4B4B4B4B3B3B3F3F3F3B3B3B3B3B3------#0", "----------------------------------------------------------#0", "----------------------------------------------------------#0", "----------------------------------------------------------#0", "----A1----A3--S0----B2--A1E0----E0----A0----E0A3--B2--+0--#0", "B2B2B2B2B2B2B2B2----B2B2B2B2B2B2B2B2B2B2B2B2B2B2B2B2B2B2B2B2", ] }, //enemies { title: "Lazer Beams", messages: [ "Lazer treatment anybody", "Press r to restart the level" ], backColor: color(55, 55, 55), map: [ "------------------------K0----------------------------------", "------B0B0B0B0B0B0B0B0B0B0B0B0B0B0--------------------------", "------B0----------Z0Z0Z0Z0Z0Z0------------------------------", "------B0--@1--@2----------------K0--------------------------", "------B0B1B1B1B1B1B1B1B1B1B1B1B1B1----0--------------------", "--------------------------------------0--------------------", "--------------------------------------0--------------------", "--------B5--------------------------------------------------", "--------B4------------------------------------K0------------", "--------B4------------------------T0T0B5F5F5B5B5B5--#0------", "--P1----B4--P2--K0--------K0------B5B5----------B4--#0------", "--------B4------------------------------------3B4--#0------", "--------B4------B4----E0--B4------------------3B4--#0+0----", "--------B4B5B5B5B5B5B5B5B5B5--------------------B5B5B5B5--#0", "--------Z0Z0Z0Z0----Z0Z0Z0Z0----------------------Z0Z0----#0", "------------------K0----------+0--L0L0--------K0----------#0", "B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1----B1B1B1B1B1B1B1", ] }, //lazer beams { title: "Auto firing cannons", messages: [ "", "Press r to restart the level" ], backColor: color(55, 55, 55), map: [ "------------------------------------------------------------", "--------------B4B4B4B4B4B4B4--------------------------------", "----------------C1--C1--C1----------------------------------", "------------------------------------------------------------", "----------------------------K0----------K0------------------", "--------------------------------<3------------+0----A2------", "--------------------A3------B6B6B6B6B6F6B6F6B6B6B6B6B6B6--#0", "--------------------B4--------------C1--C1--C1--C1--------#0", "--------------------B4C0----------------------------------#0", "--@1--@2----K0----C2B4------------------------------------#0", "--B6B6B6B6B6B6------B4C0----------A1--+0------A3--K0------#0", "------------------C2B4----------B3B3B3B3F3F3B3B3B3--------#0", "--P1--P2------------B4--------B3------------------B3--A1--#0", "----------------------------B3----------------------B3B3B3B3", "--------------------------B3--------------------------------", "----------A0----A0--K0--B3----------------------------------", "B3B3B3B3B3B3B3B3B3B3B3B3------------------------------------", ] }, //cannons { title: "Anti Gravity", messages: [ "Press g to toggle gravity", "Press r to restart the level" ], backColor: color(55, 55, 55), map: [ "----------------------------K0------------------------------", "----B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1----------------", "----B0--K0--B0------K0--------B0--K0------------------------", "----B0------B0--------------<2B0----------------------------", "----B0------B0----B1B1B1------B0----B1B1B1B1----------------", "----B0------------B0--B0----<2B0----B0----B0----------------", "----B0------------B0--B0------B0----B0----B0----------------", "----B0--------K0--B0--B0------------B0----B0----------------", "------------B1B1B1B0--B0--K0--+0----B0----B0--K0--@1--@2----", "--------------22----B0B1B1B1B1B1B1B0----B0B1B1B1B1B1B1----", "------P1--P2----------------------------------22----B0----", "------------------------------------------------------B0----", "------------------------------------------------------B0----", "--------------S0----------L0L0L0--------S0--------K0--B0----", "----B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1F1F1F1B1B1B0----", "------------------K0------<1<1------K0----------------------", "------------------------------------------------------------", ] }, //anti gravity { title: "Partners", messages: [ "You need to work together" ], backColor: color(55, 55, 55), map: [ "----------------------------------------------------------------B0B0B0B0B0B0B0B0", "--------------------------------------------K0--------------------------K0------", "----------------B4B4----------------H0H0--B4B4----------------------------------", "--------------------------------------------------------------------------------", "--------h0--K0------------------------------------------------------------------", "--#0----B4B4B4----------------------------A1--K0--h0----------------------------", "--#0----------------------------------#0--B1B1B1B1B1----------------------------", "--#0------------------------------0--#0----------B0--------------L0L0----@1--@2", "--#0K0--v0+0--------------------------#0--------C2B0------------B1B1B1B1B1B1B1B1", "--B5B5B5B5B5----------------------0--#0----------B0--------+0B1----C1--C1------", "--------------------------------------#0----------B0--K0--d0B1------------------", "----------------------------------0--#0----------B0B1B1B1B1--------------------", "--------------------------------------#0--K0------B0----------------------------", "--------------------------------------B1B1B1B1----D0----------------------------", "----------------V0V0------------------------B0--------A3------33----K0--<3<3<3", "--P1--P2--------------A3--K0--A0------------B0B1B1B1B1B1B1F1B1B1B1F1B1B1B1B1B1B1", "----------------------B4B4B4B4B4------------------------1--1--1--1----<1<1<1", "----------------------I3I3I2I3I3------------------------------------------------", "--------------------------------------------0--0--0--------------------------", "--------A2--S0------------K0------3--------------------------------------------", "B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1F1B1B1--------------------------v0--+0--A0--K0--", "------------------------------------B0----------------------B1B1B1B1B1B1B1B1B1B1", "------------------------------------B0----E0----A3----E0----B0------------------", "------------------------------------B0B1B1B1B1B1B1B1B1B1B1B1B0------------------", "--------------------------------------------------------------------------------", ] }, //partners { title: "Getting tricky", messages: [ "" ], backColor: color(40, 40, 50), map: [ "K0------------------------------------B1--A1--P1----d2------------------v0----A2--------A0", "B0--H0H0H0----------------------------B0B1B1B1B1B1B1B1B1----H1----B0B0B0B0B0B0B0B0B0B0B0B0B0B0B0B0", "B0--------------------------------------C1--C1--C1--C1------------B4--I4I4I4I1I4I4I4--C1", "B0B0B0B0B0----M0------A3h0----------------------------------------D2----P2----------", "--I2I1I2--------------B0B0B0--------------0------------------", "----K0------------------------A1--<33--d10----K0------M0--T0T0--B4--------d0--------------------B1", "B0B0B0B0B0------------------<2B0B0B0B0B0B0B0B0B0B0B0B0B0B0B0B0B0B0B0B0B0B0B0B0B0B0B0B0B0B0B0B0B0B0B0", "----------------------C3--A0--------------------------<12B04------------<1--<1--K0--<1--<1--------B0", "--------------B2B2B2B2B2B2B2B2--------------E0--E0--------1------------------------------------------B0", "------------------C1------------------------------------------------------------------------------------M0", "------------#0--------------------L0L0B0------A0------B0------------------------------------------------B0B0", "B0C0--------#0------------+0--C2B0B0B0B0B0B0B0B0B0B0B0B0B0--------------------------------------------------B0", "B0----------#0----------B0B0----B4--Z0Z0----------------D1----------------------------------------------------B0", "B0@1--@2+0--#0--K0--------------B4K0----L0--D0------------------------------------------------", "B0B0B0B0B0B1B1B0B2B2B0B0F1F1B0B0B0B0B0B0B0B0B0W0W0B0W0W0B0B0B0<0--------------------------------", "----------------------------------------K0--B0W0W0W0W0W0W0W0B0--------------------------------------", "--------------------------------------------B0W0W0W0W0W0W0W0B0----------------------------------L0L0------K0", "--------------------------------------------B0W0B0B0B0B0B0B0B0--------------------------------B0B0B0B0B0B0B0", "--------------------------------------------B0W0B0--------------------------------------------------K0", "--------------------------------------------B0W0B0----B0--", "--------------------------------------------B0W0W0W0W0B0--K0----", "--------------------------------------------B0B0B0B0B0B0B0B0B0B0B0B0B0B0B0", ] }, //getting tricky { title: "Caves", messages: [ "Welcome to level 2" ], backColor: color(55, 55, 55), map: [ "--------------------------------------------------------------------------------", "--------------------------------------------------------------------------------", "------------------------------------B5B5B5B5B5----------------------------------", "------------------------------------------------------------B4B4B4B4B4B4B4B4B4--", "------------------------------------------------------------B4--------------B4--", "------------------------------------------------------------B4--X0----------B4--", "----------------------d2----33----K0----------------------B4--------------B4--", "--P1------B5--P2--B5B5B5B5B5B5B5B5B5B5B5B5------------------B4------@1--@2--B4--", "----------B4------B4--------K0----------B4------------------B4B4B4B4B4B4B4B4B4--", "----------B4------B44------------------B4------------------------C1--C1--------", "----------B4------B4----------d1--+0----B4--------------------------------------", "----------B4------B44----B5B5B5B5B5----B4--------------------------------------", "--B5B5W0W0B4------B4------B4------------B4--------------------------------------", "----B4W0W0B4------B44----B4------------B4--------------------------------------", "----B4W0W0B4------B4------B4------d0----B4--------------------L0L0--3----K0----", "----B4W0W0B4------D0------B4W0W0B5B5F5F5B4----#0--B5F5F5F5B5B5B5B5B5B5B5B5B5B5B5", "----B4W0W0B4----------K0--B4W0W0B4------B4----#0--B4------B4I6I6I6--C1--C1----B4", "----B4W0W0B4B5B5B5B5B5B5B5B4W0W0B4------B4----#0--B4------B4------------------B4", "----B4W0W0W0W0W0W0W0W0W0W0B4W0W0B4------B4----#0--B4------B4----------------C2B4", "----B4W0W0W0W0W0W0W0W0W0W0B4W0W0B4------B4----#0--B4------B4------------------B4", "----B4B5B5B5B5B5B5B5B5W0W0B4W0W0B4------D1----#0--B4------D2------------------B4", "--------------------B4W0W0B4W0W0B4--K0--------#0--B4--------------<3<3----x0--B4", "--------------------B4W0W0W0W0W0B4B5B5B5B5B5B5B5--B4B5B5B5B5B5B5B5B5B5B5B5B5B5B4", "--------------------B4W0W0W0W0W0B4----------------------------------------------", "--------------------B4B5B5B5B5B5B4----------------------------------------------", ] }, //caves { title: "A bit of everything", messages: [ "" ], backColor: color(55, 55, 55), map: [ "--------------------------------------------------------------------------------", "--B4B4B4B4B4B4B4B4B4B4B4B4B4B4--------------------A0----------------------------", "----<1<1--------------------B4--------------B1B1B1B1B1B1------------------------", "----------------------------B4--------------B0----------------------------------", "--------------B4------------B4--------------B0----------------------------------", "--------------B44--------2B4--------------B0----B1----------E0--K0--B1--------", "--------------B4------------B4--------------B0----B0B1B1B1B1B1B1B1B1B1B0--------", "--------------B44--------2B4--------------B0------I4I3I4I1I4I3I4--------------", "--------------B4------------B4--------------B0------------K0----------P1--P2----", "--------------B4--@1----@2--B4--------------B0------------I2--------------------", "--------------B4B4B4B4B4B4B4B4--------------B0--A1----3------3----------------", "--------------B4------1----B4--------------B0B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1--", "--------------B4------------B4--------------------B4--------<1----K0----<1------", "--------------B4------K0----B4--------------------B4----------------------------", "--------------D1----B5B5B5--B4--------------------B4----------------------------", "----#0--------------1--1--B4------------------C2B4----d0----------------------", "----#0----d1--B4------------B4--------------------B4----B4B4B4B4------B4B4B4----", "----#0--B4B4B4B4B4B4B4B4B4B4B4--------------------D0----Z0Z0Z0Z0------Z0Z0Z0----", "----#0----<1<1<1<1<1<1<1<1<1--------A0--+0--K0----------------------------------", "----#0----------------------------B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1B1", "----#0--------------------------------------C1------C1------C1------C1----------", "----#0--------------------------------------------------------------------------", "----#0--------------------------------------------------------------------------", "----#0--------------------------------------------------------------------------", "----#0--------------------------------------------------------------------------", "----#0--------------------------------------------------------------------------", "----#0+0----------------------h0--B5--K0--E0----A2--E0--A1--E0--A3--E0--A0--B5--", "--B5B5B5--H0H0----------------B5B5B4B5B5B5B5B5B5B5B5B5B5B5B5B5B5B5B5B5B5B5B5B4--", "--------------------------------------K0--------1------1----------K0----------", "--------------------------------------------------------------------------------", ] }, //a bit of everything { title: "Let's finish this", messages: [ "Time to go home" ], backColor: color(55, 55, 55), map: [ "----------------", "----------------", "----------------", "----------------", "----------------", "----------------", "----------------", "------P1------P2--", "----------------", "----------------", "----------------", "----------------", "----------------", "@1--K0----S0------@2", "B0B0B0B0B0B0B0B0B0B0" ] }, //simple finish ]; this.world = { w: 0, h: 0 }; this.rows = 0; this.cols = 0; this.numberOfKeys = 0; this.gameOver = false; this.next = false; this.messages = []; this.enteringPortals = false; this.portalProps = { timer: 0, duration: 180, rot: 10 }; this.font = createFont("Trebuchet MS", 18); this.completedText = { index: -10, speed: 0.4, content: "Bill and Ted's magical adventure has come to an end...\n \nor has it?\n \nMore adventures coming soon!!" }; this.sign = -1; this.setup(); }; App.prototype = { tree: function(x, y, sz, clr, gx) { gx.pushStyle(); gx.noFill(); gx.stroke(clr); gx.strokeWeight(sz 0.08); gx.line(x, y, x, y - sz); gx.strokeWeight(sz * 0.3); gx.line(x, y - sz * 0.4, x, y - sz); gx.popStyle(); }, setup: function() { this.images = { back: function() { var gx = createGraphics(1000, 1000, P2D); gx.background(0, 0); gx.noStroke(); gx.fill(0, 0, 0); var n = 0; for(var i = 0; i < 1000; i+= 30) { for(var j = 0; j < 1000; j+= 30) { gx.ellipse(j + (n%2) * 15, i, 3, 3); } n++; } // fill(209, 183, 152); // for(var i = 0; i < 60; i++) { // var diameter = random(10, 20); // ellipse(random(600), random(600), diameter, diameter); // } return gx.get(0, 0, 1000, 1000); }, hills_front: function() { var gx = createGraphics(1100, 800, P2D); var fillColor = color(48, 48, 48); gx.background(0, 0); gx.noStroke(); gx.fill(fillColor); app.tree(60, 390, 100, fillColor, gx); app.tree(300, 405, 95, fillColor, gx); app.tree(340, 410, 82, fillColor, gx); app.tree(550, 380, 120, fillColor, gx); app.tree(725, 435, 90, fillColor, gx); app.tree(975, 400, 90, fillColor, gx); app.tree(1010, 400, 75, fillColor, gx); gx.beginShape(); gx.vertex(0, 381); gx.bezierVertex(43, 370, 85, 374, 123, 398); gx.bezierVertex(166, 426, 220, 423, 255, 404); gx.bezierVertex(302, 389, 353, 399, 388, 415); gx.bezierVertex(443, 426, 482, 391, 519, 379); gx.bezierVertex(576, 364, 637, 388, 687, 420); gx.bezierVertex(752, 440, 801, 402, 832, 380); gx.bezierVertex(871, 358, 909, 364, 946, 386); gx.bezierVertex(991, 400, 1052, 384, 1100, 362); gx.vertex(1100, 800); gx.vertex(0, 800); gx.endShape(CLOSE); return gx.get(0, 0, 1100, 800); }, hills_back: function() { var gx = createGraphics(1100, 800, P2D); var fillColor = color(80, 80, 80); gx.background(0, 0); gx.noStroke(); gx.fill(fillColor); app.tree(80, 425, 66, fillColor, gx); app.tree(165, 394, 60, fillColor, gx); app.tree(340, 422, 60, fillColor, gx); app.tree(369, 415, 55, fillColor, gx); app.tree(559, 407, 60, fillColor, gx); app.tree(658, 422, 54, fillColor, gx); app.tree(911, 399, 50, fillColor, gx); app.tree(1053, 374, 57, fillColor, gx); gx.beginShape(); gx.vertex(0, 399); gx.bezierVertex(22, 414, 63, 426, 113, 410); gx.bezierVertex(144, 390, 201, 370, 257, 389); gx.bezierVertex(297, 408, 331, 424, 360, 416); gx.bezierVertex(395, 404, 428, 366, 477, 364); gx.bezierVertex(520, 365, 560, 421, 612, 427); gx.bezierVertex(671, 425, 696, 385, 734, 373); gx.bezierVertex(767, 363, 806, 376, 854, 398); gx.bezierVertex(914, 409, 934, 390, 953, 377); gx.bezierVertex(1009, 350, 1055, 364, 1100, 398); gx.vertex(1100, 800); gx.vertex(0, 800); gx.endShape(CLOSE); return gx.get(0, 0, 1100, 800); }, buzzsaw: function() { var buzz = { x: 300, y: 300, diameter: 100 }; background(0, 0, 0, 0); noStroke(); fill(143, 141, 143); pushMatrix(); translate(buzz.x, buzz.y); for(var i = 0; i < 360; i+= 30) { triangle(-buzz.diameter * 0.2, 0, buzz.diameter * 0.2, 0, 0, -buzz.diameter * 0.5); rotate(30); } fill(71, 71, 71, 200); ellipse(0, 0, buzz.diameter * 0.5, buzz.diameter * 0.5); fill(71, 71, 71, 200); ellipse(0, 0, buzz.diameter * 0.2, buzz.diameter * 0.2); popMatrix(); return get(buzz.x - buzz.diameter * 0.5, buzz.y - buzz.diameter * 0.5, buzz.diameter, buzz.diameter); }, grass_top: function() { background(0, 0); fill(64, 64, 64, 50); pushMatrix(); translate(0, 2); beginShape(); vertex(0, 560); vertex(0, 575); vertex(10, 568); vertex(20, 575); vertex(30, 568); vertex(40, 575); vertex(40, 560); endShape(CLOSE); popMatrix(); fill(45, 205, 110); beginShape(); vertex(0, 560); vertex(0, 575); vertex(10, 568); vertex(20, 575); vertex(30, 568); vertex(40, 575); vertex(40, 560); endShape(CLOSE); return get(0, 560, 40, 40); }, sand_top: function() { background(0, 0); fill(64, 64, 64, 50); pushMatrix(); translate(0, 2); beginShape(); vertex(0, 560); vertex(0, 575); bezierVertex(15, 590, 25, 560, 40, 575); vertex(40, 560); endShape(CLOSE); popMatrix(); fill(235, 220, 185); beginShape(); vertex(0, 560); vertex(0, 575); bezierVertex(15, 585, 25, 565, 40, 575); vertex(40, 560); endShape(CLOSE); return get(0, 560, 40, 40); }, snow_top: function() { background(0, 0); fill(64, 64, 64, 50); pushMatrix(); translate(0, 2); beginShape(); vertex(0, 560); vertex(0, 575); bezierVertex(15, 590, 25, 560, 40, 575); vertex(40, 560); endShape(CLOSE); popMatrix(); fill(230, 245, 250); beginShape(); vertex(0, 560); vertex(0, 575); bezierVertex(15, 585, 25, 565, 40, 575); vertex(40, 560); endShape(CLOSE); return get(0, 560, 40, 40); }, dirt_moveable: function() { background(0, 0); noStroke(); fill(188, 128, 68); rect(0, 560, 40, 40); fill(64, 64, 64, 50); rect(5, 565, 7, 7); rect(27, 565, 7, 7); rect(5, 587, 7, 7); rect(27, 587, 7, 7); return get(0, 560, 40, 40); }, stone_moveable: function() { background(0, 0); noStroke(); fill(145, 144, 142); rect(0, 560, 40, 40); fill(64, 64, 64, 50); rect(5, 565, 7, 7); rect(27, 565, 7, 7); rect(5, 587, 7, 7); rect(27, 587, 7, 7); return get(0, 560, 40, 40); }, dirt_1: function() { background(0, 0); randomSeed(104); noStroke(); fill(188, 128, 68); rect(0, 560, 40, 40); for(var i = 0; i < 40; i+= 10) { for(var j = 0; j < 40; j+= 10) { fill(random(10, 220), 40); rect(i, 560 + j, 5, 5); } } return get(0, 560, 40, 40); }, dirt_2: function() { background(0, 0); randomSeed(111); noStroke(); fill(188, 128, 68); rect(0, 560, 40, 40); for(var i = 0; i < 40; i+= 10) { for(var j = 0; j < 40; j+= 10) { fill(random(10, 220), 40); rect(i, 560 + j, 5, 5); } } return get(0, 560, 40, 40); }, dirt_3: function() { background(0, 0); randomSeed(116); noStroke(); fill(188, 128, 68); rect(0, 560, 40, 40); for(var i = 0; i < 40; i+= 10) { for(var j = 0; j < 40; j+= 10) { fill(random(10, 220), 40); rect(i, 560 + j, 5, 5); } } return get(0, 560, 40, 40); }, dirt_grass_1: function() { background(0, 0); image(app.images.dirt_1, 0, 560); image(app.images.grass_top, 0, 560); return get(0, 560, 40, 40); }, dirt_grass_2: function() { background(0, 0); image(app.images.dirt_2, 0, 560); image(app.images.grass_top, 0, 560); return get(0, 560, 40, 40); }, dirt_grass_3: function() { background(0, 0); image(app.images.dirt_3, 0, 560); image(app.images.grass_top, 0, 560); return get(0, 560, 40, 40); }, dirt_sand_1: function() { background(0, 0); image(app.images.dirt_1, 0, 560); image(app.images.sand_top, 0, 560); return get(0, 560, 40, 40); }, dirt_sand_2: function() { background(0, 0); image(app.images.dirt_2, 0, 560); image(app.images.sand_top, 0, 560); return get(0, 560, 40, 40); }, dirt_sand_3: function() { background(0, 0); image(app.images.dirt_3, 0, 560); image(app.images.sand_top, 0, 560); return get(0, 560, 40, 40); }, dirt_snow_1: function() { background(0, 0); image(app.images.dirt_1, 0, 560); image(app.images.snow_top, 0, 560); return get(0, 560, 40, 40); }, dirt_snow_2: function() { background(0, 0); image(app.images.dirt_2, 0, 560); image(app.images.snow_top, 0, 560); return get(0, 560, 40, 40); }, dirt_snow_3: function() { background(0, 0); image(app.images.dirt_3, 0, 560); image(app.images.snow_top, 0, 560); return get(0, 560, 40, 40); }, stone_1: function() { background(0, 0); randomSeed(104); noStroke(); fill(145, 144, 142); rect(0, 560, 40, 40); for(var i = 0; i < 40; i+= 10) { for(var j = 0; j < 40; j+= 10) { fill(random(10, 220), 40); rect(i, 560 + j, 5, 5); } } return get(0, 560, 40, 40); }, stone_2: function() { background(0, 0); randomSeed(111); noStroke(); fill(153, 152, 150); rect(0, 560, 40, 40); for(var i = 0; i < 40; i+= 10) { for(var j = 0; j < 40; j+= 10) { fill(random(10, 220), 40); rect(i, 560 + j, 5, 5); } } return get(0, 560, 40, 40); }, stone_3: function() { background(0, 0); randomSeed(116); noStroke(); fill(138, 138, 138); rect(0, 560, 40, 40); for(var i = 0; i < 40; i+= 10) { for(var j = 0; j < 40; j+= 10) { fill(random(10, 220), 40); rect(i, 560 + j, 5, 5); } } return get(0, 560, 40, 40); }, stone_sand_1: function() { background(0, 0); image(app.images.stone_1, 0, 560); image(app.images.sand_top, 0, 560); return get(0, 560, 40, 40); }, stone_sand_2: function() { background(0, 0); image(app.images.stone_2, 0, 560); image(app.images.sand_top, 0, 560); return get(0, 560, 40, 40); }, stone_sand_3: function() { background(0, 0); image(app.images.stone_3, 0, 560); image(app.images.sand_top, 0, 560); return get(0, 560, 40, 40); }, stone_snow_1: function() { background(0, 0); image(app.images.stone_1, 0, 560); image(app.images.snow_top, 0, 560); return get(0, 560, 40, 40); }, stone_snow_2: function() { background(0, 0); image(app.images.stone_2, 0, 560); image(app.images.snow_top, 0, 560); return get(0, 560, 40, 40); }, stone_snow_3: function() { background(0, 0); image(app.images.stone_3, 0, 560); image(app.images.snow_top, 0, 560); return get(0, 560, 40, 40); }, dirt_fake: function() { background(0, 0); randomSeed(104); noStroke(); fill(188, 128, 68, 200); rect(0, 560, 40, 40); for(var i = 0; i < 40; i+= 10) { for(var j = 0; j < 40; j+= 10) { fill(random(10, 220), 40); rect(i, 560 + j, 5, 5); } } return get(0, 560, 40, 40); }, dirt_grass_fake: function() { background(0, 0); image(app.images.dirt_fake, 0, 560, 40, 40); image(app.images.grass_top, 0, 560, 40, 40); return get(0, 560, 40, 40); }, dirt_sand_fake: function() { background(0, 0); image(app.images.dirt_fake, 0, 560, 40, 40); image(app.images.sand_top, 0, 560, 40, 40); return get(0, 560, 40, 40); }, dirt_snow_fake: function() { background(0, 0); image(app.images.dirt_fake, 0, 560, 40, 40); image(app.images.snow_top, 0, 560, 40, 40); return get(0, 560, 40, 40); }, stone_fake: function() { background(0, 0); randomSeed(104); noStroke(); fill(145, 144, 142, 200); rect(0, 560, 40, 40); for(var i = 0; i < 40; i+= 10) { for(var j = 0; j < 40; j+= 10) { fill(random(10, 220), 40); rect(i, 560 + j, 5, 5); } } return get(0, 560, 40, 40); }, stone_sand_fake: function() { background(0, 0); image(app.images.stone_fake, 0, 560, 40, 40); image(app.images.sand_top, 0, 560, 40, 40); return get(0, 560, 40, 40); }, stone_snow_fake: function() { background(0, 0); image(app.images.stone_fake, 0, 560, 40, 40); image(app.images.snow_top, 0, 560, 40, 40); return get(0, 560, 40, 40); }, key_full: function() { background(0, 0); pushStyle(); stroke(255, 255, 255, 150); strokeWeight(3); fill(60, 160, 220, 200); quad(100, 50, 120, 70, 100, 90, 80, 70); noStroke(); fill(200, 200, 200, 50); triangle(100, 51, 100, 70, 119, 70); popStyle(); return get(75, 45, 50, 50); }, key_empty: function() { background(0, 0); pushStyle(); stroke(255, 255, 255, 150); strokeWeight(3); noFill(); quad(100, 50, 120, 70, 100, 90, 80, 70); popStyle(); return get(75, 45, 50, 50); }, tree_green: function() { background(0, 0); noStroke(); fill(185, 130, 70); quad(215, 300, 225, 300, 222, 240, 218, 240); fill(45, 205, 115); triangle(220, 230, 240, 283, 200, 279); fill(20, 20, 20, 50); triangle(220, 230, 232, 260, 208, 260); fill(45, 205, 115); triangle(220, 220, 236, 253, 204, 255); fill(20, 20, 20, 50); triangle(220, 220, 230, 238, 210, 239); fill(45, 205, 115); triangle(222, 210, 232, 233, 209, 233); return get(200, 210, 40, 90); }, tree_autumn: function() { background(0, 0); noStroke(); fill(185, 130, 70); quad(215, 300, 225, 300, 222, 240, 218, 240); fill(232, 196, 37); triangle(220, 230, 240, 283, 200, 279); fill(20, 20, 20, 50); triangle(220, 230, 232, 260, 208, 260); fill(232, 196, 37); triangle(220, 220, 236, 253, 204, 255); fill(20, 20, 20, 50); triangle(220, 220, 230, 238, 210, 239); fill(232, 196, 37); triangle(222, 210, 232, 233, 209, 233); return get(200, 210, 40, 90); }, bush_green: function() { background(0, 0); noStroke(); fill(40, 175, 95); beginShape(); vertex(223, 280); vertex(200, 260); vertex(220, 259); vertex(207, 223); vertex(235, 235); vertex(260, 210); vertex(265, 240); vertex(280, 248); vertex(261, 280); endShape(CLOSE); return get(200, 200, 80, 80); }, bush_autumn: function() { background(0, 0); noStroke(); fill(217, 172, 67); beginShape(); vertex(223, 280); vertex(200, 260); vertex(220, 259); vertex(207, 223); vertex(235, 235); vertex(260, 210); vertex(265, 240); vertex(280, 248); vertex(261, 280); endShape(CLOSE); return get(200, 200, 80, 80); }, ladder: function() { background(0, 0); noStroke(); fill(190, 130, 70); rect(200, 200, 15, 80); rect(265, 200, 15, 80); fill(175, 120, 65); rect(215, 208, 50, 10); rect(215, 235, 50, 10); rect(215, 262, 50, 10); fill(20, 20, 20, 50); rect(215, 208, 5, 10); rect(260, 208, 5, 10); rect(215, 235, 5, 10); rect(260, 235, 5, 10); rect(215, 262, 5, 10); rect(260, 262, 5, 10); return get(200, 200, 80, 80); }, lever: function() { background(0, 0); noStroke(); fill(145, 144, 142); rect(205, 250, 70, 30); arc(240, 250, 70, 55, 180, 360); randomSeed(106); noStroke(); for(var i = 0; i < 70; i+= 10) { for(var j = 0; j < 40; j+= 10) { fill(random(10, 220), 40); rect(210 + i, 240 + j, 5, 5); } } fill(20, 20, 20, 50); ellipse(240, 243, 25, 25); return get(200, 200, 80, 80); }, sign: function() { background(0, 0); noStroke(); fill(185, 130, 70); rect(233, 200, 14, 80); fill(170, 115, 65); quad(200, 216, 276, 209, 280, 250, 205, 255); stroke(185, 130, 70); strokeWeight(3); line(210, 229, 267, 221); line(210, 243, 267, 238); return get(200, 200, 80, 80); }, switch_off: function() { background(0, 0); noStroke(); fill(89, 88, 89); quad(205, 200, 275, 200, 265, 248, 215, 248); randomSeed(106); noStroke(); for(var i = 0; i < 60; i+= 10) { for(var j = 0; j < 40; j+= 10) { fill(random(10, 220), 40); rect(215 + i, 205 + j, 5, 5); } } return get(200, 200, 80, 48); }, switch_on: function() { background(0, 0); noStroke(); fill(123, 222, 227); quad(205, 200, 275, 200, 265, 248, 215, 248); randomSeed(106); noStroke(); for(var i = 0; i < 60; i+= 10) { for(var j = 0; j < 40; j+= 10) { fill(random(10, 220), 40); rect(215 + i, 205 + j, 5, 5); } } return get(200, 200, 80, 48); }, wormhole_enter: function() { background(0, 0); noStroke(); fill(169, 58, 209, 150); pushMatrix(); translate(240, 240); for(var i = 0; i < 3; i++) { rotate(i * 60); rect(-15, -38, 30, 76); rotate(-(i * 60)); } popMatrix(); fill(20, 20, 20, 50); ellipse(240, 240, 30, 30); return get(200, 200, 80, 80); }, wormhole_exit: function() { background(0, 0); noStroke(); fill(217, 84, 98, 150); pushMatrix(); translate(240, 240); for(var i = 0; i < 3; i++) { rotate(i * 60); rect(-15, -38, 30, 76); rotate(-(i * 60)); } popMatrix(); fill(20, 20, 20, 50); ellipse(240, 240, 30, 30); return get(200, 200, 80, 80); }, tunnel: function() { background(0, 0); noStroke(); fill(145, 144, 142); rect(207, 200, 14, 80); rect(233, 200, 14, 80); rect(260, 200, 14, 80); for(var i = 0; i < 7; i++) { fill(random(10, 220), 40); rect(212, 210 + i * 10, 6, 6); fill(random(10, 220), 40); rect(237, 210 + i * 10, 6, 6); fill(random(10, 220), 40); rect(264, 210 + i * 10, 6, 6); } return get(200, 200, 80, 80); }, }; }, init: function() { //clear arrays this.players.length = 0; this.blocks.length = 0; this.enemies.length = 0; this.portals.length = 0; this.assets.length = 0; this.signs.length = 0; this.keys.length = 0; this.lazers.length = 0; this.cannons.length = 0; this.buzzsaws.length = 0; this.lavas.length = 0; this.levers.length = 0; this.doors.length = 0; this.switches.length = 0; this.platforms.length = 0; this.checkpoints.length = 0; this.moveables.length = 0; this.waters.length = 0; this.ins.length = 0; this.outs.length = 0; this.tunnels.length = 0; this.messages.length = 0; this.particles.length = 0; this.keysCollection.length = 0; this.confetti.length = 0; this.dusts.length = 0; this.gravity = 1; //get the current level var currentLevel = this.levels[this.level]; //calculate the world dimensions based on the current level map var maxWidth = 0; for(var y = 0; y < currentLevel.map.length; y++) { maxWidth = max(maxWidth, currentLevel.map[y].length / 2 \| 0); } this.world.w = maxWidth * this.blockSize; this.world.h = currentLevel.map.length * this.blockSize; //get the number of rows and columns in the world this.rows = this.world.h / this.blockSize \| 0; this.cols = this.world.w / this.blockSize \| 0; //build the grid for efficient collisions this.grid = new Array(this.rows).fill(new Array(this.cols).fill(0)); //build the world for(var y = 0; y < currentLevel.map.length; y++) { for(var x = 0; x < currentLevel.map[y].length; x+= 2) { var item = currentLevel.map[y][x]; var subtype = currentLevel.map[y][x+1]; switch(item[0]) { case "P": //player if(subtype === "1") { //player 1 this.players.unshift(Player.new({ x: (x/2 \| 0) * this.blockSize, y: y * this.blockSize - this.blockSize * 0.1, w: this.blockSize, h: this.blockSize, spawn: { x: (x/2 \| 0) * this.blockSize, y: y * this.blockSize - this.blockSize * 0.1 }, subtype: subtype })); } else { //player 2 this.players.push(Player.new({ x: (x/2 \| 0) * this.blockSize, y: y * this.blockSize - this.blockSize * 0.1, w: this.blockSize, h: this.blockSize, spawn: { x: (x/2 \| 0) * this.blockSize, y: y * this.blockSize - this.blockSize * 0.1 }, subtype: subtype })); } break; case "E": //enemy this.enemies.push(Enemy.new({ x: (x/2 \| 0) * this.blockSize, y: y * this.blockSize - this.blockSize * 0.1, w: this.blockSize, h: this.blockSize, color: color(71, 70, 71), dir: random() < 0.5 ? 1 : -1, spawn: { x: (x/2 \| 0) * this.blockSize, y: y * this.blockSize - this.blockSize * 0.1 }, speed: this.blockSize * 0.05, type: "enemy", subtype: subtype })); break; case "B": //block this.blocks.push(Block.new({ x: (x/2 \| 0) * this.blockSize, y: y * this.blockSize, w: this.blockSize, h: this.blockSize, type: "block", subtype: subtype, index: (x/2 \| 0) + y * this.cols })); this.grid[(x/2 \| 0) + y * this.cols] = this.blocks[this.blocks.length - 1]; break; case "F": //fake block this.blocks.push(Fake.new({ x: (x/2 \| 0) * this.blockSize, y: y * this.blockSize, w: this.blockSize, h: this.blockSize, type: "fake", subtype: subtype, index: (x/2 \| 0) + y * this.cols })); this.grid[(x/2 \| 0) + y * this.cols] = this.blocks[this.blocks.length - 1]; break; case "M": //moveable block this.moveables.push(Moveable.new({ x: (x/2 \| 0) * this.blockSize, y: y * this.blockSize, w: this.blockSize, h: this.blockSize, type: "moveable", subtype: subtype, })); break; case "#": //ladder this.blocks.push(Ladder.new({ x: (x/2 \| 0) * this.blockSize, y: y * this.blockSize, w: this.blockSize, h: this.blockSize, type: "ladder", subtype: subtype, index: (x/2 \| 0) + y * this.cols })); this.grid[(x/2 \| 0) + y * this.cols] = this.blocks[this.blocks.length - 1]; break; case "+": //checkpoint this.checkpoints.push(Checkpoint.new({ x: (x/2 \| 0) * this.blockSize, y: y * this.blockSize, w: this.blockSize, h: this.blockSize, color: color(133, 192, 222), type: "checkpoint", subtype: subtype, index: (x/2 \| 0) + y * this.cols })); this.grid[(x/2 \| 0) + y * this.cols] = this.checkpoints[this.checkpoints.length - 1]; break; case "L": //lava this.lavas.push(Lava.new({ x: (x/2 \| 0) * this.blockSize, y: y * this.blockSize + this.blockSize * 0.9, w: this.blockSize, h: this.blockSize * 0.1, type: "lava", subtype: subtype, index: (x/2 \| 0) + y * this.cols })); this.grid[(x/2 \| 0) + y * this.cols] = this.lavas[this.lavas.length - 1]; break; case "@": //portal this.portals.push(Portal.new({ x: (x/2 \| 0) * this.blockSize, y: y * this.blockSize, w: this.blockSize, h: this.blockSize, type: "portal", subtype: subtype, index: (x/2 \| 0) + y * this.cols })); this.grid[(x/2 \| 0) + y * this.cols] = this.portals[this.portals.length - 1]; break; case "K": //key this.keys.push(Key.new({ x: (x/2 \| 0) * this.blockSize + this.blockSize * 0.1, y: y * this.blockSize + this.blockSize * 0.1, w: this.blockSize * 0.8, h: this.blockSize * 0.8, type: "key", subtype: subtype, color: color(60, 160, 220) })); break; case "I": //tunnel this.tunnels.push(Tunnel.new({ x: (x/2 \| 0) * this.blockSize, y: y * this.blockSize, w: this.blockSize, h: this.blockSize * Number(subtype), type: "tunnel", subtype: subtype, })); break; case "W": //water this.waters.push(Water.new({ x: (x/2 \| 0) * this.blockSize, y: y * this.blockSize, w: this.blockSize, h: this.blockSize, type: "water", subtype: subtype, index: (x/2 \| 0) + y * this.cols })); this.blocks.push(this.waters[this.waters.length - 1]); this.grid[(x/2 \| 0) + y * this.cols] = this.blocks[this.blocks.length - 1]; break; case "Z": //lazer this.lazers.push(Lazer.new({ x: (x/2 \| 0) * this.blockSize + this.blockSize * 0.3, y: y * this.blockSize, w: this.blockSize * 0.4, h: this.blockSize * 2, type: "lazer", index: (x/2 \| 0) + (y+1) * this.cols })); //increase index due to double height of the lazer this.grid[(x/2 \| 0) + (y+1) * this.cols] = this.lazers[this.lazers.length - 1]; break; case "T": //trampoline this.blocks.push(Trampoline.new({ x: (x/2 \| 0) * this.blockSize, y: y * this.blockSize + this.blockSize * 0.9, w: this.blockSize, h: this.blockSize * 0.1, type: "trampoline", subtype: subtype, index: (x/2 \| 0) + y * this.cols })); this.grid[(x/2 \| 0) + y * this.cols] = this.blocks[this.blocks.length - 1]; break; case "S": //sign this.signs.push(Sign.new({ x: (x/2 \| 0) * this.blockSize, y: y * this.blockSize, w: this.blockSize, h: this.blockSize, type: "sign", number: subtype, subtype: subtype, index: (x/2 \| 0) + y * this.cols })); this.grid[(x/2 \| 0) + y * this.cols] = this.signs[this.signs.length - 1]; break; case "C": //cannon var n = Number(subtype) + 1; this.cannons.push(Cannon.new({ x: (x/2 \| 0) * this.blockSize + (n % 2 === 0 ? this.blockSize * 0.5 : n === 3 ? this.blockSize : 0), y: y * this.blockSize + (n % 2 === 1 ? this.blockSize * 0.5 : n === 4 ? this.blockSize : 0), diameter: this.blockSize, color: color(133, 192, 222), type: "cannon", subtype: subtype, angle: { value: (n-1) * 90, min: -90 + (n-1) * 90, max: 90 + (n-1) * 90 }, range: 10, len: this.blockSize * 0.7 })); break; case "A": //asset (trees, rocks, etc.) this.assets.push(Asset.new({ x: (x/2 \| 0) * this.blockSize, y: y * this.blockSize, w: this.blockSize, h: this.blockSize, type: "asset", subtype: subtype })); break; case "x": //portal ins this.ins.push(Wormhole.new({ x: (x/2 \| 0) * this.blockSize, y: y * this.blockSize, w: this.blockSize, h: this.blockSize, type: "in", subtype: subtype, index: (x/2 \| 0) + y * this.cols })); this.grid[(x/2 \| 0) + y * this.cols] = this.ins[this.ins.length - 1]; break; case "X": //portal outs this.outs.push(Wormhole.new({ x: (x/2 \| 0) * this.blockSize, y: y * this.blockSize, w: this.blockSize, h: this.blockSize, type: "out", subtype: subtype, index: (x/2 \| 0) + y * this.cols })); this.grid[(x/2 \| 0) + y * this.cols] = this.outs[this.outs.length - 1]; break; case "h": //horizontal platform switch this.switches.push(Switch.new({ x: (x/2 \| 0) * this.blockSize, y: y * this.blockSize + this.blockSize * 0.95, w: this.blockSize, h: this.blockSize * 0.4, type: "switch", subtype: subtype, dir: "horizontal", index: (x/2 \| 0) + y * this.cols })); this.grid[(x/2 \| 0) + y * this.cols] = this.switches[this.switches.length - 1]; break; case "v": //vertical platform switch this.switches.push(Switch.new({ x: (x/2 \| 0) * this.blockSize, y: y * this.blockSize + this.blockSize * 0.95, w: this.blockSize, h: this.blockSize * 0.4, type: "switch", subtype: subtype, dir: "vertical", index: (x/2 \| 0) + y * this.cols })); this.grid[(x/2 \| 0) + y * this.cols] = this.switches[this.switches.length - 1]; break; case "H": //horizontal platform var previous = currentLevel.map[y][x-2]; if(previous[0] === "H") { continue; } //get all blocks that make up the platform var index = 1; while(currentLevel.map[y][x + index * 2][0] === "H") { index++; } this.platforms.push(Platform.new({ x: (x/2 \| 0) * this.blockSize, y: y * this.blockSize, w: this.blockSize + this.blockSize * (index - 1), h: this.blockSize, type: "platform", subtype: subtype, dir: "horizontal", vx: this.blockSize * 0.025, vy: 0 })); break; case "V": //vertical platform var previous = currentLevel.map[y][x-2]; if(previous[0] === "V") { continue; } //get all blocks that make up the platform var index = 1; while(currentLevel.map[y][x + index * 2][0] === "V") { index++; } this.platforms.push(Platform.new({ x: (x/2 \| 0) * this.blockSize, y: y * this.blockSize, w: this.blockSize + this.blockSize * (index - 1), h: this.blockSize, type: "platform", subtype: subtype, dir: "vertical", vx: 0, vy: this.blockSize * 0.025 })); break; case "d": //door lever this.levers.push(Lever.new({ x: (x/2 \| 0) * this.blockSize, y: y * this.blockSize, w: this.blockSize, h: this.blockSize, type: "lever", subtype: subtype, index: (x/2 \| 0) + y * this.cols })); this.grid[(x/2 \| 0) + y * this.cols] = this.levers[this.levers.length - 1]; break; case "D": //door this.doors.push(Door.new({ x: (x/2 \| 0) * this.blockSize, y: y * this.blockSize, w: this.blockSize, h: this.blockSize * 2, type: "door", subtype: subtype, index: (x/2 \| 0) + y * this.cols })); this.grid[(x/2 \| 0) + y * this.cols] = this.doors[this.doors.length - 1]; this.grid[(x/2 \| 0) + (y+1) * this.cols] = this.doors[this.doors.length - 1]; break; case "<": //spike this.blocks.push(Spike.new({ x: (x/2 \| 0) * this.blockSize + (subtype === "2" ? this.blockSize * 0.5 : 0), y: y * this.blockSize + (subtype === "3" ? this.blockSize * 0.5 : 0), w: (Number(subtype) % 2 === 0 ? this.blockSize * 0.5 : this.blockSize), h: (Number(subtype) % 2 === 0 ? this.blockSize : this.blockSize * 0.5), type: "spike", subtype: subtype, index: (x/2 \| 0) + y * this.cols })); this.grid[(x/2 \| 0) + y * this.cols] = this.blocks[this.blocks.length - 1]; break; case "": //buzzsaw var n = Number(subtype) + 1; if(n === 1) { this.buzzsaws.push(Buzzsaw.new({ x: (x/2 \| 0) this.blockSize + this.blockSize * 0.5, y: y * this.blockSize + this.blockSize * 0.5, w: this.blockSize, h: this.blockSize, diameter: this.blockSize, type: "buzzsaw", subtype: subtype, color: color(191, 189, 191), angle: 0, rot: 3 * (random() < 0.5 ? 1 : -1), index: (x/2 \| 0) + y * this.cols })); this.grid[(x/2 \| 0) + y * this.cols] = this.buzzsaws[this.buzzsaws.length - 1]; } else { this.buzzsaws.push(Buzzsaw.new({ x: (x/2 \| 0) * this.blockSize + (n % 2 === 0 ? this.blockSize * 0.5 : n === 3 ? this.blockSize : 0), y: y * this.blockSize + (n % 2 === 1 ? this.blockSize * 0.5 : n === 4 ? this.blockSize : 0), w: this.blockSize, h: this.blockSize, diameter: this.blockSize, type: "buzzsaw", subtype: subtype, color: color(191, 189, 191), angle: 0, rot: 3 * (random() < 0.5 ? 1 : -1) })); this.grid[(x/2 \| 0) + y * this.cols] = this.buzzsaws[this.buzzsaws.length - 1]; } break; } } } //set to single player or two player this.singlePlayer = this.players.length === 1; //set total number of keys this.numberOfKeys = this.keys.length; //set cam to player 1 this.cam.player = this.players[0]; //add keys to key collection var remainderKeys = this.numberOfKeys % 2; var halfKeys = (this.numberOfKeys / 2) \| 0; for(var i = 0; i < this.numberOfKeys; i++) { var x = width / 2 - (24 * halfKeys) + (remainderKeys === 0 ? 12 : 0) + (i * 24) - 12; this.keysCollection.push({ x: x, y: 8, w: 24, h: 24, collected: false, angle: 0 }); } //match the door levers to the appropriate doors for(var i = 0; i < this.doors.length; i++) { for(var j = 0; j < this.levers.length; j++) { if(this.levers[j].subtype === this.doors[i].subtype) { this.doors[i].switch = this.levers[j]; } } } //match the platform switches to the appropriate platforms for(var i = 0; i < this.platforms.length; i++) { for(var j = 0; j < this.switches.length; j++) { if( this.switches[j].dir === this.platforms[i].dir && this.switches[j].subtype === this.platforms[i].subtype) { this.platforms[i].switches.push(this.switches[j]); } } } //match the ins with the outs (wormholes) for(var i = 0; i < this.ins.length; i++) { for(var j = 0; j < this.outs.length; j++) { if(this.outs[j].subtype === this.ins[i].subtype) { this.ins[i].exit = this.outs[j]; } } } //add level title as message this.messages.push({ content: currentLevel.title, x: width / 2, y: 60, opacity: 0, dir: 1 }); }, load: function (s) { var obj = Object.keys(this.images); this.images[obj[this.imageIndex]] = this.images[obj[this.imageIndex]](); this.imageIndex++; background(this.colors.back); pushStyle(); fill(255, 240); textAlign(CENTER, CENTER); textSize(40); text('LOADING', width / 2, height / 2); noFill(); stroke(250, 200); strokeWeight(15); strokeCap(SQUARE); arc(width / 2, height / 2, 300, 300, 0, map(this.imageIndex / obj.length, 0, 1, 0, 360)); strokeWeight(1); popStyle(); if(this.imageIndex < obj.length){ this.loaded = false; } else { this.loaded = true; this.init(); this.scene = s; } }, rectRect: function(a, b) { return a.x < b.x + b.w && a.x + a.w > b.x && a.y < b.y + b.h && a.y + a.h > b.y; }, circCirc: function(a, b) { return dist(a.x, a.y, b.x, b.y) < (a.diameter + b.diameter) / 2; }, rectCirc: function(a, b) { var closestX = constrain(b.x, a.x, a.x + a.w); var closestY = constrain(b.y, a.y, a.y + a.h); return dist(b.x, b.y, closestX, closestY) <= b.diameter / 2; }, pointTri: function(ax, ay, b) { var w1 = (b.x1 * (b.y3 - b.y1) + (ay - b.y1) * (b.x3 - b.x1) - ax * (b.y3 - b.y1)) / ((b.y2 - b.y1) * (b.x3 - b.x1) - (b.x2 - b.x1) * (b.y3 - b.y1)); var w2 = (b.x1 * (b.y2 - b.y1) + (ay - b.y1) * (b.x2 - b.x1) - ax * (b.y2 - b.y1)) / ((b.y3 - b.y1) * (b.x2 - b.x1) - (b.x3 - b.x1) * (b.y2 - b.y1)); return w1 >= 0 && w2 >= 0 && w1 + w2 <= 1; }, isInView: function(obj) { if( obj.x + this.cam.x < width && obj.x + this.cam.x + obj.w > 0 && obj.y + this.cam.y < height && obj.y + this.cam.y + obj.h > 0) { return true; } return false; }, updateCheckpoints: function(player, checkpoint) { for(var i = 0; i < this.checkpoints.length; i++) { this.checkpoints[i].active = false; } checkpoint.active = true; player.spawn.x = checkpoint.x; player.spawn.y = checkpoint.y - player.h; }, reset: function() { this.init(); for(var i = 0; i < this.players.length; i++) { this.players[i].health = 100; } }, runConfetti: function() { noStroke(); for(var i = this.confetti.length - 1; i >= 0; i--) { var confetto = this.confetti[i]; //flip the width and height of the confetti var w = cos(confetto.sx) * confetto.w; var h = sin(confetto.sy) * confetto.h; //translate to the center of the confetti then rotate it translate(confetto.x + confetto.w / 2, confetto.y + confetto.h / 2); rotate(confetto.angle); //draw the confetti using the flipped width and height fill(confetto.color); rect(-w / 2, -h / 2, w, h); //reverse the rotation and translation ready for the next confetti rotate(-confetto.angle); translate(-confetto.x - confetto.w / 2, -confetto.y - confetto.h / 2); //update the width and height increments confetto.sx+=5; confetto.sy+=5; //move horizontally confetto.x+= confetto.vx; //add gravity to the velocity confetto.vy+= confetto.gravity; //move horizontally confetto.y+= confetto.vy; //rotate the confetti confetto.angle+= confetto.rot; //remove the confetti when it goes off the canvas if(confetto.y - confetto.h > height) { this.confetti.splice(i, 1); } } }, addConfetti: function() { for(var i = 0; i < 2; i++) { this.confetti.push( { x: random(100, 500), y: 600, w: random(5, 15), h: random(5, 15), vx: random(-3, 3), vy: random(-18, -8), gravity: 0.2, sx: random(360) \| 0, sy: random(360) \| 0, angle: 0, rot: random(-10, 10), color: color(random(100, 230), random(100, 230), random(100, 230)) } ); } }, runDust: function() { noStroke(); for(var i = this.dusts.length - 1; i >= 0; i--) { var dust = this.dusts[i]; //move horizontally dust.x+= dust.vx; //add the gravity to the current y velocity dust.vy+= dust.gravity; //move vertically dust.y+= dust.vy; //rotate the angle dust.angle+= dust.rot; //reduce the opacity of the particle dust.opacity = constrain(dust.opacity - 5, 0, 255); //set the fill color (plus opacity) of the ball fill(dust.color, dust.opacity); //draw the particle pushMatrix(); //translate to the center of the particle translate(dust.x + dust.diameter / 2, dust.y + dust.diameter / 2); //rotate the particle rotate(dust.angle); //draw the particle rect(-dust.diameter / 2, -dust.diameter / 2, dust.diameter, dust.diameter); popMatrix(); //if the particle goes off the bottom of the screen remove it if(dust.opacity === 0) { this.dusts.splice(i, 1); } } }, move: function(obj) { //move horizontal obj.x+= obj.vx; var water = false; var wormhole = null; var minX = obj.x / this.blockSize \| 0; var minY = obj.y / this.blockSize \| 0; var maxX = constrain(obj.x + obj.w, 0, this.world.w - obj.w) / this.blockSize \| 0; var maxY = constrain(obj.y + obj.h, 0, this.world.h - obj.h) / this.blockSize \| 0; for (var x = minX; x <= maxX; x++) { for (var y = minY; y <= maxY; y++) { var block = this.grid[x + y * this.cols]; if(block) { if(block.type === "spike") { //spike if( this.pointTri(obj.points.x1, obj.points.y1, block.points) \|\| this.pointTri(obj.points.x2, obj.points.y2, block.points) \|\| this.pointTri(obj.points.x3, obj.points.y3, block.points) \|\| this.pointTri(obj.points.x4, obj.points.y4, block.points)) { obj.health = 0; } } else if(block.type === "buzzsaw") { if(this.rectCirc(obj, block)) { obj.health = constrain(obj.health - 1, 0, 100); } } else if(this.rectRect(obj, block)) { switch(block.type) { case "water": water = true; break; case "lava": obj.health = constrain(obj.health - 1, 0, 100); break; case "lazer": if(block.active) { obj.health = constrain(obj.health - 2, 0, 100); } break; case "sign": if(obj.type === "player") { this.sign = block.number; } break; case "checkpoint": if(obj.type === "player" && !block.active) { this.updateCheckpoints(obj, block); } break; case "lever": if(obj.type === "player") { if(this.singlePlayer) { if(keys[83] \|\| keys[DOWN]) { //player 1 - w/DOWN block.on = true; } } else { if(obj.subtype === "1" && keys[83]) { //player 1 - w block.on = true; } else if(obj.subtype === "2" && keys[DOWN]) { //player 2 - DOWN block.on = true; } } } break; case "switch": if(obj.type === "player") { block.on = true; } break; case "portal": if(obj.type === "player" && block.active) { if(obj.subtype === block.subtype) { block.on = true; } } break; case "in": wormhole = block.exit; break; case "ladder": // handled in vertical direction break; case "block": case "grass": case "dirt": case "trampoline": case "fake": case "door": if(block.type === "fake" && !block.active) { block.active = true; } if(obj.px + obj.w <= block.x){ obj.x = block.x - obj.w; } else if(obj.px >= block.x + block.w){ obj.x = block.x + block.w; } if(obj.type === "enemy") { obj.dir= -1; } break; } } } } } //check collision on platforms for(var i = 0; i < this.platforms.length; i++) { var platform = this.platforms[i]; if(this.rectRect(obj, platform)) { if(obj.px + obj.w <= platform.x){ obj.x = platform.x - obj.w; } else if(obj.px >= platform.x + platform.w){ obj.x = platform.x + platform.w; } } } if(water) { // obj.x-= obj.vx 0.75; } //move vertically obj.vy+= obj.gravity * this.gravity; obj.y+= obj.vy; water = false; minX = obj.x / this.blockSize \| 0; minY = obj.y / this.blockSize \| 0; maxX = constrain(obj.x + obj.w, 0, this.world.w - obj.w) / this.blockSize \| 0; maxY = constrain(obj.y + obj.h, 0, this.world.h - obj.h) / this.blockSize \| 0; for (var x = minX; x <= maxX; x++) { for (var y = minY; y <= maxY; y++) { var block = this.grid[x + y * this.cols]; if(block) { if(block.type === "spike") { //spike if( this.pointTri(obj.points.x1, obj.points.y1, block.points) \|\| this.pointTri(obj.points.x2, obj.points.y2, block.points) \|\| this.pointTri(obj.points.x3, obj.points.y3, block.points) \|\| this.pointTri(obj.points.x4, obj.points.y4, block.points)) { obj.health = 0; } } else if(block.type === "buzzsaw") { if(this.rectCirc(obj, block)) { obj.health = constrain(obj.health - 1, 0, 100); } } else if(this.rectRect(obj, block)) { switch(block.type) { case "water": water = true; obj.canJump = true; break; case "lava": obj.health = constrain(obj.health - 1, 0, 100); break; case "lazer": if(block.active) { obj.health = constrain(obj.health - 2, 0, 100); } break; case "sign": if(obj.type === "player") { this.sign = block.number; } break; case "checkpoint": if(obj.type === "player" && !block.active) { this.updateCheckpoints(obj, block); } break; case "portal": if(obj.type === "player" && block.active) { if(obj.subtype === block.subtype) { block.on = true; } } break; case "in": wormhole = block.exit; break; case "ladder": obj.onLadder = true; break; case "block": case "grass": case "dirt": case "trampoline": case "fake": case "door": if(obj.py + obj.h <= block.y){ obj.y = block.y - obj.h; if(block.type === "fake" && !block.active) { block.active = true; } if(obj.type === "player" && block.type === "trampoline") { if( (this.singlePlayer && (keys[87] \|\| keys[UP])) \|\| (obj.subtype === "1" && keys[87]) \|\| (obj.subtype === "2" && keys[UP])) { obj.vy = obj.jump * 1.7; } else { obj.vy = obj.jump * 1.2; } obj.canJump = false; } else { obj.vy = 0; if(obj.type === "player" && this.gravity === 1) { obj.canJump = true; } } } else if(obj.py >= block.y + block.h) { obj.y = block.y + block.h; obj.vy = 0; if(obj.type === "player" && this.gravity === -1) { obj.canJump = true; } } break; } } } } } //check collision on platforms for(var i = 0; i < this.platforms.length; i++) { var platform = this.platforms[i]; if(this.rectRect(obj, platform)) { if(obj.y + obj.h <= platform.y + platform.h * 0.5) { obj.y = platform.y - obj.h; if(platform.active) { obj.x+= platform.vx; } else if(platform.x < platform.base.x) { obj.x+= abs(platform.vx); } else if(platform.x > platform.base.x) { obj.x-= abs(platform.vx); } obj.vy = 0; if(this.gravity === 1) { obj.canJump = true; } } else if(obj.py >= platform.y + platform.h) { obj.y = platform.y + platform.h; obj.vy = 0; if(this.gravity === -1) { obj.canJump = true; } } } } if(water) { obj.y-= obj.vy * 0.75; } if(wormhole) { obj.x = wormhole.x; obj.y = wormhole.y; obj.px = obj.x; obj.py = obj.y; } //update points for collisions obj.points.x1 = obj.x; obj.points.y1 = obj.y; obj.points.x2 = obj.x; obj.points.y2 = obj.y + obj.h; obj.points.x3 = obj.x + obj.w; obj.points.y3 = obj.y; obj.points.x4 = obj.x + obj.w; obj.points.y4 = obj.y + obj.h; }, moveBlock: function(obj) { obj.px = obj.x; obj.py = obj.y; //move horizontal obj.x+= obj.vx; var water = false; var wormhole = null; var minX = obj.x / this.blockSize \| 0; var minY = obj.y / this.blockSize \| 0; var maxX = constrain(obj.x + obj.w, 0, this.world.w - obj.w) / this.blockSize \| 0; var maxY = constrain(obj.y + obj.h, 0, this.world.h - obj.h) / this.blockSize \| 0; for(var x = minX; x <= maxX; x++) { for(var y = minY; y <= maxY; y++) { var block = this.grid[x + y * this.cols]; if(block) { if(this.rectRect(obj, block)) { switch(block.type) { case "water": water = true; break; case "in": wormhole = block.exit; break; // case "lava": case "block": case "grass": case "dirt": // case "trampoline": case "fake": case "door": if(block.type === "fake" && !block.active) { block.active = true; } if(obj.px + obj.w <= block.x){ obj.x = block.x - obj.w; } else if(obj.px >= block.x + block.w){ obj.x = block.x + block.w; } break; } } } } } for(var i = 0; i < this.players.length; i++) { var player = this.players[i]; if(this.rectRect(player, obj)) { if(obj.px + obj.w <= player.x){ obj.x = player.x - obj.w; } else if(obj.px >= player.x + player.w){ obj.x = player.x + player.w; } } } //check collision on platforms for(var i = 0; i < this.platforms.length; i++) { var platform = this.platforms[i]; if(this.rectRect(obj, platform)) { if(obj.px + obj.w <= platform.x){ obj.x = platform.x - obj.w; } else if(obj.px >= platform.x + platform.w){ obj.x = platform.x + platform.w; } } } if(water) { obj.x-= obj.vx * 0.75; } //move vertically obj.vy+= obj.gravity; obj.y+= obj.vy; water = false; minX = obj.x / this.blockSize \| 0; minY = obj.y / this.blockSize \| 0; maxX = constrain(obj.x + obj.w, 0, this.world.w - obj.w) / this.blockSize \| 0; maxY = constrain(obj.y + obj.h, 0, this.world.h - obj.h) / this.blockSize \| 0; for(var x = minX; x <= maxX; x++) { for(var y = minY; y <= maxY; y++) { var block = this.grid[x + y * this.cols]; if(block) { if(this.rectRect(obj, block)) { switch(block.type) { case "water": water = true; break; case "in": wormhole = block.exit; break; // case "lava": case "block": case "grass": case "dirt": // case "trampoline": case "fake": case "door": if(obj.py + obj.h <= block.y){ obj.y = block.y - obj.h; if(block.type === "fake" && !block.active) { block.active = true; } obj.vy = 0; } else if(obj.py >= block.y + block.h) { obj.y = block.y + block.h; obj.vy = 0; } break; } } } } } //check collision with players for(var i = 0; i < this.players.length; i++) { var player = this.players[i]; if(this.rectRect(player, obj)) { if(obj.py + obj.h <= player.y){ obj.y = player.y - obj.h; obj.vy = 0; } else if(obj.py >= player.y + player.h) { obj.y = player.y + player.h; obj.vy = 0; } } } //check collision on platforms for(var i = 0; i < this.platforms.length; i++) { var platform = this.platforms[i]; if(this.rectRect(obj, platform)) { if(obj.y + obj.h <= platform.y + platform.h * 0.5) { obj.y = platform.y - obj.h; obj.x+= platform.vx; obj.vy = 0; } else if(obj.py >= platform.y + platform.h) { obj.y = platform.y + platform.h; obj.vy = 0; } } } if(water) { obj.y-= obj.vy * 0.75; } //check if hits other moveable blocks for(var i = 0; i < this.moveables.length; i++) { var moveable = this.moveables[i]; if(moveable === obj) { continue; } if(this.rectRect(obj, moveable)) { if(obj.px + obj.w <= moveable.x) { obj.x = moveable.x - obj.w; obj.vx = 0; } else if(obj.px >= moveable.x + moveable.w) { obj.x = moveable.x + moveable.w; obj.vx = 0; } if(obj.py + obj.h <= moveable.y) { obj.y = moveable.y - obj.h; obj.vy = 0; } else if(obj.py >= moveable.y + moveable.h) { obj.y = moveable.y + moveable.h; obj.vy = 0; } } } if(wormhole) { obj.x = wormhole.x; obj.y = wormhole.y; obj.px = obj.x; obj.py = obj.py; } obj.vx = lerp(obj.vx, 0, 0.2); }, movePlayer: function(player) { player.px = player.x; player.py = player.y; this.move(player); //check if hits moveable block for(var i = 0; i < this.moveables.length; i++) { var moveable = this.moveables[i]; if(this.isInView(moveable)) { if(this.rectRect(player, moveable)) { if(player.px + player.w <= moveable.x) { player.x = moveable.x - player.w; moveable.vx = 2; player.vx = 0; } else if(player.px >= moveable.x + moveable.w) { player.x = moveable.x + moveable.w; moveable.vx = -2; player.vx = 0; } if(player.py + player.h <= moveable.y) { player.y = moveable.y - player.h; if(this.gravity === 1) { player.canJump = true; } player.vy = 0; } else if(player.py >= moveable.y + moveable.h) { player.y = moveable.y + moveable.h; if(this.gravity === -1) { player.canJump = true; } player.vy = 0; } } } } if(this.singlePlayer) { if(keys[LEFT] \|\| keys[65]) { //LEFT or a player.vx = -player.speed; player.dir = -1; } else if(keys[RIGHT] \|\| keys[68]) { //RIGHT or d player.vx = player.speed; player.dir = 1; } else { player.vx = 0; } if(keys[UP] \|\| keys[87]) { //UP or w if(player.liquidMovement) { player.vy = -player.speed * 0.2; player.canJump = true; } else if(player.onLadder) { player.vy = -player.speed * 0.5; player.canJump = true; } else if(player.canJump) { player.vy = player.jump; player.canJump = false; } } else if(keys[DOWN] \|\| keys[83]) { //DOWN or s if(this.gravity === -1 && player.canJump) { player.vy = -player.jump; player.canJump = false; } else if(this.gravity === 1) { player.vy = player.speed; } } } else { //two player if(player.subtype === "1") { //player 1 if(keys[65]) { //a player.vx = -player.speed; player.dir = -1; } else if(keys[68]) { //d player.vx = player.speed; player.dir = 1; } else { player.vx = 0; } if(keys[87]) { //w if(player.liquidMovement) { player.vy = -player.speed * 0.2; player.canJump = true; } else if(player.onLadder) { player.vy = -player.speed * 0.5; player.canJump = true; } else if(player.canJump) { player.vy = player.jump; player.canJump = false; } } else if(keys[83]) { //s if(this.gravity === -1 && player.canJump) { player.vy = -player.jump; player.canJump = false; } else if(this.gravity === 1) { player.vy = player.speed; } } } else { //player 2 if(keys[LEFT]) { //LEFT player.vx = -player.speed; player.dir = -1; } else if(keys[RIGHT]) { //RIGHT player.vx = player.speed; player.dir = 1; } else { player.vx = 0; } if(keys[UP]) { //UP if(player.liquidMovement) { player.vy = -player.speed * 0.2; player.canJump = true; } else if(player.onLadder) { player.vy = -player.speed * 0.5; player.canJump = true; } else if(player.canJump) { player.vy = player.jump; player.canJump = false; } } else if(keys[DOWN]) { //DOWN if(this.gravity === -1 && player.canJump) { player.vy = -player.jump; player.canJump = false; } else if(this.gravity === 1) { player.vy = player.speed; } } } } //if the player is moving if(player.vx !== 0 && player.canJump && random() < 0.5) { //get diameter for the particle //also used to determine the y value var diameter = random(player.w * 0.2, player.w * 0.3); //add a particle this.dusts.push({ x: player.dir === 1 ? player.x : player.x + player.w - player.w * 0.3, y: this.gravity === 1 ? player.y + player.h - diameter * 0.7 : player.y + diameter * 0.3, diameter: diameter, color: color(156, 153, 156), vx: random(1, 2) * -player.dir, vy: this.gravity === 1 ? random(-3, -1) : random(1, 3), gravity: 0.1, opacity: random(150, 255) \| 0, angle: 0, rot: random(4, 7) * -player.dir }); } }, moveEnemies: function() { for(var i = this.enemies.length - 1; i >= 0; i--) { var enemy = this.enemies[i]; if(this.isInView(enemy)) { enemy.run(); //check for player/enemy collision for(var j = 0; j < this.players.length; j++) { var player = this.players[j]; if(this.rectRect(player, enemy)) { if(player.py + player.h <= enemy.y && player.y + player.h > enemy.y) { this.enemies.splice(i, 1); player.vy-= player.speed * 3; continue; } else { player.health = 0; } } } } enemy.px = enemy.x; enemy.py = enemy.y; this.move(enemy); enemy.vx = enemy.speed * enemy.dir; //if the enemy falls into the abyss if(enemy.y > this.world.h + this.blockSize * 20) { enemy.health = 0; } if(enemy.health === 0) { enemy.vy = 0; enemy.x = enemy.spawn.x; enemy.y = enemy.spawn.y; enemy.health = 100; } } }, movePlatforms: function() { for(var i = 0; i < this.platforms.length; i++) { var platform = this.platforms[i]; var p; if(platform.dir === "horizontal") { p = { x: platform.x - this.blockSize, y: platform.y, w: platform.w + this.blockSize * 2, h: platform.h }; } else { p = { x: platform.x, y: platform.y - this.blockSize, w: platform.w, h: platform.h + this.blockSize * 2 }; } for(var j = 0; j < this.blocks.length; j++) { var block = this.blocks[j]; if(this.rectRect(p, block)) { platform.vx= -1; platform.vy= -1; break; } } } }, runMessages: function() { pushStyle(); textAlign(CENTER, TOP); textSize(30); for(var i = this.messages.length - 1; i >= 0; i--) { var message = this.messages[i]; fill(255, message.opacity); text(message.content, message.x, message.y); message.opacity+= 1 * message.dir; if(message.opacity >= 170) { message.dir = -1; } else if(message.opacity === 0) { this.messages.splice(i, 1); } } popStyle(); }, runParticles: function() { noStroke(); for(var i = this.particles.length - 1; i >= 0; i--) { var p = this.particles[i]; translate(p.x + p.size / 2, p.y + p.size / 2); rotate(p.angle); fill(p.color, p.opacity); rect(-p.size / 2, -p.size / 2, p.size, p.size); rotate(-p.angle); translate(-(p.x + p.size / 2), -(p.y + p.size / 2)); p.opacity = constrain(p.opacity - 3, 0, 255); p.x+= p.vx; p.y+= p.vy; p.angle+= p.rot; if(p.opacity === 0) { this.particles.splice(i, 1); } } }, runKeys: function() { for(var i = 0; i < this.keysCollection.length; i++) { var k = this.keysCollection[i]; if(!k.collected) { image(this.images.key_empty, k.x, k.y, k.w, k.h); } else { k.angle = constrain(k.angle + 5, 0, 360); translate(k.x + k.w / 2, k.y + k.h / 2); rotate(k.angle); image(this.images.key_full, -k.w / 2, -k.h / 2, k.w, k.h); rotate(-k.angle); translate(-(k.x + k.w / 2), -(k.y + k.h / 2)); } } }, enterPortals: function() { this.portalProps.timer++; for(var i = 0; i < this.players.length; i++) { var player = this.players[i]; var portal = this.portals[i]; pushMatrix(); translate(player.x + player.w / 2, player.y + player.h / 2); player.angle+= this.portalProps.rot; rotate(player.angle); scale(map(this.portalProps.duration - this.portalProps.timer, this.portalProps.duration, 0, 1, 0.2)); rotate(-player.angle); translate(-(player.x + player.w / 2), -(player.y + player.h / 2)); player.draw(); player.x = lerp(player.x, portal.x + portal.w / 2 - player.w / 2, 0.05); player.y = lerp(player.y, portal.y + portal.h / 2 - player.h / 2, 0.05); popMatrix(); } if(this.portalProps.timer === this.portalProps.duration) { this.portalProps.timer = 0; this.enteringPortals = false; this.next = false; this.level++; if(this.level === this.levels.length) { this.scene = "completed"; } else { this.reset(); } } }, play: function(fr) { background(this.levels[this.level].backColor); this.cam.update(); //stop the player from jumping in mid air for(var i = 0; i < this.players.length; i++) { var player = this.players[i]; if(!player.onLadder) { player.canJump = false; } player.onLadder = false; } pushMatrix(); translate(this.cam.x * 0.1, this.cam.y * 0.1); imageMode(CENTER); image(this.images.hills_back, width / 2, height * 0.5); imageMode(CORNER); popMatrix(); pushMatrix(); translate(this.cam.x * 0.15, this.cam.y * 0.15); imageMode(CENTER); image(this.images.hills_front, width / 2, height * 0.7); imageMode(CORNER); popMatrix(); pushMatrix(); translate(this.cam.x, this.cam.y); //display the buzzsaws for(var i = 0; i < this.buzzsaws.length; i++) { if(this.isInView(this.buzzsaws[i])) { this.buzzsaws[i].draw(); } } //display the cannons for(var i = this.cannons.length - 1; i >= 0; i--) { this.cannons[i].fire(); this.cannons[i].update(); if(this.isInView(this.cannons[i])) { this.cannons[i].draw(); } } //display the blocks for(var i = this.blocks.length - 1; i >= 0; i--) { this.blocks[i].update(); if(this.isInView(this.blocks[i])) { this.blocks[i].draw(); } } //display the moveable blocks for(var i = this.moveables.length - 1; i >= 0; i--) { this.moveBlock(this.moveables[i]); if(this.isInView(this.moveables[i])) { this.moveables[i].draw(); } //if the player falls into the abyss if(this.moveables[i].y > this.world.h + this.blockSize * 20) { this.moveables.splice(i, 1); } } //display the doors for(var i = this.doors.length - 1; i >= 0; i--) { this.doors[i].update(); if(this.isInView(this.doors[i])) { this.doors[i].draw(); } } //display the platforms for(var i = this.platforms.length - 1; i >= 0; i--) { this.platforms[i].update(); if(this.isInView(this.platforms[i])) { this.platforms[i].draw(); } } this.movePlatforms(); //display the platform switches for(var i = this.switches.length - 1; i >= 0; i--) { if(this.isInView(this.switches[i])) { this.switches[i].draw(); } //off unless player on switch this.switches[i].on = false; } //display the portals for(var i = 0; i < this.portals.length; i++) { if(this.isInView(this.portals[i])) { this.portals[i].run(); } //off unless player on portal this.portals[i].on = false; } //display the in wormholes for(var i = 0; i < this.ins.length; i++) { if(this.isInView(this.ins[i])) { this.ins[i].run(); } } //display the out wormholes for(var i = 0; i < this.outs.length; i++) { if(this.isInView(this.outs[i])) { this.outs[i].run(); } } //display the keys for(var i = this.keys.length - 1; i >= 0; i--) { if(this.isInView(this.keys[i])) { var k = this.keys[i]; k.run(); for(var j = 0; j < this.players.length; j++) { if(this.rectRect(this.players[j], k)) { //add explosion for the key for(var n = 0; n < 10; n++) { this.particles.push({ x: k.x, y: k.y, size: k.w * 0.4, angle: 0, rot: random(-5, 5), vx: random(-0.5, 0.5), vy: random(-0.5, 0.5), opacity: random(210, 250) \| 0, color: k.color }); } this.keysCollection[this.keysCollection.length - (this.keys.length)].collected = true; this.keys.splice(i, 1); if(this.keys.length === 0) { for(var j = 0; j < this.portals.length; j++) { this.portals[j].active = true; } this.messages.push({ content: "Portals\nOpen", x: width / 2, y: 170, opacity: 0, dir: 1 }); } break; } } } } //display/move the enemies this.moveEnemies(); //if players going through the portal... if(this.enteringPortals) { this.enterPortals(); } else { this.runDust(); //display/move the player for(var i = 0; i < this.players.length; i++) { this.players[i].run(); this.movePlayer(this.players[i]); } } //display the water for(var i = 0; i < this.waters.length; i++) { if(this.isInView(this.waters[i])) { this.waters[i].run(); } } //display the checkpoints for(var i = this.checkpoints.length - 1; i >= 0; i--) { // this.checkpoints[i].update(); if(this.isInView(this.checkpoints[i])) { this.checkpoints[i].draw(); } } //display the levers for(var i = this.levers.length - 1; i >= 0; i--) { if(this.isInView(this.levers[i])) { this.levers[i].draw(); } } //display the lazers for(var i = 0; i < this.lazers.length; i++) { this.lazers[i].update(); if(this.isInView(this.lazers[i])) { this.lazers[i].draw(); } } //display the lava for(var i = 0; i < this.lavas.length; i++) { if(this.isInView(this.lavas[i])) { this.lavas[i].run(); } } //display the signs for(var i = 0; i < this.signs.length; i++) { if(this.isInView(this.signs[i])) { this.signs[i].run(); } } //display the misc items (trees, rocks, etc.) for(var i = 0; i < this.assets.length; i++) { this.assets[i].run(); } //display the tunnels for(var i = 0; i < this.tunnels.length; i++) { if(this.isInView(this.tunnels[i])) { this.tunnels[i].run(); } } for(var i = 0; i < this.players.length; i++) { var player = this.players[i]; //if the player falls into the abyss (up or down depending on gravity direction) if(player.y > this.world.h + this.blockSize * 20 \|\| player.y < -this.blockSize * 20) { // player.health = 0; } if(player.health === 0) { player.vy = 0; player.x = player.spawn.x; player.y = player.spawn.y; player.health = 100; } } this.runParticles(); popMatrix(); if(this.sign >= 0) { pushStyle(); noStroke(); fill(20, 50); rect(0, 540, width, 60); fill(255); textFont(this.font); textAlign(CENTER, CENTER); textSize(16); text(this.levels[this.level].messages[this.sign], 20, 540, width - 40, 60); popStyle(); } this.sign = -1; if(!this.enteringPortals) { this.next = true; for(var i = 0; i < this.portals.length; i++) { if(!this.portals[i].on) { this.next = false; break; } } if(this.next) { this.enteringPortals = true; } } pushStyle(); noStroke(); fill(43, 43, 43, 150); rect(0, 0, width, 40); fill(255, 200); textFont(this.font); textSize(17); textAlign(LEFT, CENTER); text("Player 1: " + this.players[0].health.toFixed(0) + "%", 10, 20); if(!this.singlePlayer) { textAlign(RIGHT, CENTER); text("Player 2: " + this.players[1].health.toFixed(0) + "%", width - 10, 20); } textAlign(LEFT, CENTER); textFont(app.font); fill(255, 100); text(~~fr, 10, height - 20); this.runMessages(); popStyle(); this.runKeys(); //reset level (if get stuck) if(keys[82]) { //r key this.reset(); } else if(keys[71] && this.canChangeGravity) { //g key this.gravity= -1; this.canChangeGravity = false; } }, completed: function() { background(this.colors.back); imageMode(CENTER); image(this.images.hills_back, width / 2, height 0.6); image(this.images.hills_front, width / 2, height * 0.7); imageMode(CORNER); pushStyle(); fill(255); textAlign(CENTER, CENTER); textFont(this.font, 80); pushMatrix(); translate(width/2, 130); rotate(sin(frameCount * 2) * 5); text("COMPLETED", 0, 0); popMatrix(); textAlign(CENTER, TOP); textSize(20); text(this.completedText.content.substring(0, this.completedText.index), width / 2, 240); this.completedText.index+= this.completedText.speed; popStyle(); for(var i = 0; i < 10; i++) { image(this.images.dirt_grass_1, 100 + i * 40, 440, 40, 40); } image(this.images.tree_green, 100, 350); image(this.images.bush_autumn, 450, 400, 40, 40); //if the mouse is pressed then add more confetti if(frameCount % 5 === 0) { this.addConfetti(); } //update and display the confetti this.runConfetti(); }, home: function() { background(this.colors.back); imageMode(CENTER); image(this.images.hills_back, width / 2, height * 0.6); image(this.images.hills_front, width / 2, height * 0.7); imageMode(CORNER); this.bill.draw(); this.ted.draw(); for(var i = 0; i < 10; i++) { image(this.images.dirt_grass_1, 100 + i * 40, 340, 40, 40); } image(this.images.tree_green, 100, 250); image(this.images.bush_autumn, 450, 300, 40, 40); pushStyle(); textAlign(CENTER, TOP); textFont(this.font, 70); fill(255); text("Bill & Ted's", width / 2, 50); textFont(this.font, 40); text("MAGICAL ADVENTURE", width / 2, 150); popStyle(); for(var i in this.buttons.home) { this.buttons.home[i].draw(); } }, how: function() { background(this.colors.back); imageMode(CENTER); image(this.images.hills_back, width / 2, height * 0.6); image(this.images.hills_front, width / 2, height * 0.7); imageMode(CORNER); for(var i = 0; i < 15; i++) { image(this.images.dirt_sand_1, 0 + i * 40, 560, 40, 40); } image(this.images.tree_green, 450, 470); image(this.images.bush_autumn, 100, 520, 40, 40); pushStyle(); textAlign(CENTER, TOP); textFont(this.font, 60); fill(255); text("HOW", width / 2, 10); fill(45, 205, 115); textFont(this.font, 22); text("Single Player Mode", width / 2, 90); text("Two Player Mode", width / 2, 165); text("All Modes", width / 2, 355); fill(255); textFont(this.font, 15); text("A/LEFT and D/RIGHT to move, W/UP to jump, S/DOWN to activate a lever", width * 0.05, 125, width * 0.9, height); text("Player 1\nA/D to move, W to jump, S to activate a lever\n\nPlayer 2\nLEFT/RIGHT to move, UP to jump, DOWN to activate a lever\n\nBoth players\n1 to switch focus on player 1, 2 to switch focus on player 2", width * 0.05, 200, width * 0.9, height); text("G to toggle gravity\nR to restart the level\n\nCollect all the magical gems to open the portals. You need to get each player to their portal to progress to the next level.", width * 0.05, 385, width * 0.9, height); popStyle(); for(var i in this.buttons.how) { this.buttons.how[i].draw(); } }, run: function(fr) { switch(this.scene) { case "load": this.load("home"); break; case "home": if(this.logo.done) { this.home(); } this.logo.draw(); break; case "how": this.how(); break; case "play": this.play(fr); break; case "completed": this.completed(); break; } if(this.transition.active) { this.transition.run(); } cursor(hover ? 'pointer' : 'default'); hover = clicked = false; } }; return App; })(); app = new App({}); draw = function() { app.run(this.__frameRate); };
Folds	66,70,75,77,78,81,82,84,86,131,133,439,441,487,489,555,557,582,584,719,721,743,745,787,789,810,812,864,866,875,877,888,890,903,905,924,926,950,952,964,966,975,977,1019,1021,1079,1081,1112,1114,1131,1133,1190,1192,1214,1216,1226,1228,1286,1288,1309,1311,1463,1465,4922
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgMOVjueaCAw
Votes	287
Spin-Offs	21
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Gray Wolf 🐺
Author Name	grantjenkins
Author ID	kaid_639291037700385781852565
Author Profile Access	COACH

Archive Data

Added	6 months ago, 1739365025385
Updated	4 months ago, 1744844999893
Source Deleted	unknown