Viewing Program

Program Data

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

Title	Cannon (Game)
ID	4898616818958336
Created	6 years ago, 1539607402424
Updated	3 years ago, 1647489494040
Code	/ View my other projects here / //https://www.khanacademy.org/profile/grantjenkins/projects / Subscribe to me here / //https://www.khanacademy.org/computer-programming/gray-wolf/4876588413698048 /* Cannon (Game) Gray Wolf, October 2018 For Khantober 2018 - Monday (3rd Week) -------------------------------------------------- Let me know if you complete all levels in the comments and I'll add you to the Done screen ------------------------------------------------ If you take a spin-off you will need to go into settings below your spin-off and change the width and height to 600, then refresh your page :) / / Levels - Grid Note that the top line is used for displaying the text and level so will ignore anything you put in that line. XX = blank space W0 = wall M0,1 = moving walls (0 = bounce of walls, 1 = through walls) S0 = toggle wall (can be changed to solid or non-solid using a Toggle TW) G0 = ground C0 = cannon/player E0 = enemy/block F1,2,3,4 = fan (1 = down, 2 = left, 3 = up, 4 = right) B1,2,3,4 = bounce pad (1 = down, 2 = left, 3 = up, 4 = right) T? = toggle (F = fan, W = wall) - TF will toggle fan off\|normal\|fast - TW will toggle Toggle Walls as solid or non-solid (can go through them) P0,1 = portals (0 = entry, 1 = exit) - Must have zero or two portals - entry and exit / var levels = [ { grid: [ //Menu Screens (Do not modify - keep as first item in levels array) "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXP0XX", "XXP1XXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXF2", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXE1XXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXW0XX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXW0", "XXXXXXF3XXXXXXXXXXXXXXC0XXW0XX", "G0G0G0G0G0G0G0G0G0G0G0G0G0G0G0" ] }, //Menu Screens (Home \| Levels \| How \| Scores \| etc.) { grid: [ //Level 1 - Walls Intro "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXW0XXXXXXXXXXXXXXXX", "XXXXXXXXXXXXW0XXXXXXXXXXXXXXXX", "XXXXXXXXXXXXW0XXXXXXXXXXXXXXXX", "XXXXC0XXXXXXW0XXXXE1XXXXXXXXXX", "G0G0G0G0G0G0G0G0G0G0G0G0G0G0G0" ], story: "The wall", transition: "Good work\n\nTime to get started" }, { grid: [ //Level 2 - Walls "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXW0XXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXW0XXXXXXXXE1XXXXXX", "XXXXXXXXXXW0XXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXW0XXXXXXXXXXXXXXXX", "XXXXXXXXXXW0XXXXE1XXXXXXXXXXXX", "XXXXXXXXXXXXW0XXXXXXXXXXXXXXXX", "XXXXXXXXXXW0XXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXWOXXXXXXXXE1XXXXXX", "XXXXC0XXXXW0XXXXXXXXXXXXXXXXXX", "G0G0G0G0G0G0G0G0G0G0G0G0G0G0G0" ], story: "Up and over we go", transition: "Great stuff\n\nEasy peasy" }, { grid: [ //Level 3 - Shoot Down "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXE0XXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXW0XXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXW0XXXXXXXXXXXX", "XXXXXXXXXXXXXXW0XXE0XXXXXXXXXX", "XXXXXXXXXXXXXXXXW0XXXXXXXXXXXX", "XXC0XXXXXXXXXXW0XXW0XXW0XXXXXX", "G0G0G0G0G0G0G0G0G0XXW0XXW0XXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXE1XXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX" ], story: "Left, Right, Up and DOWN", transition: "Not bad\n\nNow time for some fun" }, { grid: [ //Level 4 - Bounce Intro "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXW0XXXXXXXXXX", "XXXXXXXXXXW0XXXXW0XXXXXXXXXXXX", "XXXXXXXXXXW0XXXXXXE1XXXXXXXXXX", "XXXXXXXXXXW0XXXXXXXXXXXXXXXXXX", "XXXXXXXXXXW0XXXXXXXXXXXXXXXXXX", "XXXXXXXXXXW0XXXXB3XXXXXXXXXXXX", "XXXXC0XXXXW0XXXXXXXXXXXXXXXX", "G0G0G0G0G0G0G0G0G0G0G0G0G0G0G0" ], story: "Introducing the Bounce Pad", transition: "Good stuff\n\nOK, let's get bouncing" }, { grid: [ //Level 5 - Bounce "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXB2", "XXXXXXXXXXXXXXXXXXXXW0W0XXXXB2", "XXXXXXXXXXW0XXXXXXXXXXE1XXXXB2", "XXXXXXXXXXW0XXXXXXXXXXXXXXXXXX", "XXXXXXXXXXW0XXXXXXB1B1B1B3W0W0", "XXXXXXXXXXW0XXXXXXXXXXXXE1XXXX", "XXXXXXXXXXW0XXXXXXXXXXXXXXXXXX", "XXXXXXXXXXW0XXXXB3XXXXXXXXXXXX", "XXXXXXXXXXW0XXXXXXE1XXXXXXXXXX", "XXXXC0XXXXW0XXXXXXB3B3B3B3XXXX", "G0G0G0G0G0G0G0G0G0G0G0G0G0G0G0" ], story: "Bounce, bounce, bounce", transition: "Excellent work\n\nIt's getting a bit windy" }, { grid: [ //Level 6 - Fan Intro "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXF1F1XXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXE1XXXXXXXXXXXXXXXX", "XXXXF4XXXXXXW0XXXXXXXXXXXXXXXX", "XXXXF4XXXXW0XXW0XXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXC0XXXXXXXXXXXXXX", "G0G0G0G0G0G0G0G0G0G0G0G0G0G0G0" ], story: "Blown away", transition: "Very cool\n\nYep, pun intended" }, { grid: [ //Level 7 - Fan "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "W0W0XXXXF2XXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "E1XXXXXXXXXXXXXXF3F3F3XXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXW0W0", "XXXXXXXXXXB3XXXXXXXXXXF4XXXXXX", "XXXXXXXXXXW0XXXXXXXXXXF4XXE1XX", "XXXXW0XXXXW0F4XXXXW0W0W0F3F3W0", "XXXXW0XXXXW0XXXXXXXXXXXXXXXXXX", "XXXXW0XXXXW0XXXXXXXXXXXXXXXXXX", "XXXXW0XXXXW0XXXXXXXXXXXXXXXXXX", "XXXXW0XXXXW0XXXXXXXXE1XXXXXXXX", "XXXXW0C0XXW0XXXXXXXXXXXXXXXXXX", "G0G0G0G0G0G0G0G0G0G0G0G0G0G0G0" ], story: "Say hello to my wonderful fans", transition: "Nice work\n\nSo how do these fans work" }, { grid: [ //Level 8 - Fan Toggle Intro "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXW0XXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXW0XXXXXXXXXXXXXXXXXXXXXX", "XXXXE1XXW0XXXXXXXXXXXXTFXXXXXX", "XXXXXXXXXXW0XXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXW0XXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXC0XXXXXX", "XXXXXXXXXXXXF3XXXXXXG0G0G0XXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "G0G0G0G0G0G0G0G0G0G0G0G0G0G0G0" ], story: "Off, Medium, Fast", transition: "You got this\n\nTime to take control" }, { grid: [ //Level 9 - Fan Toggle "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "W0W0XXXXXXW0TFXXXXXXXXXXXXXXXX", "XXXXW0F1F1XXF1XXXXXXXXXXXXXXXX", "E1XXXXXXXXXXXXXXXXXXXXXXXXXXE1", "XXXXW0XXXXXXXXXXXXXXXXXXW0W0W0", "XXXXXXXXXXXXF4XXXXXXXXXXXXXXXX", "W0W0XXXXXXW0XXXXXXXXXXXXXXXXXX", "E1XXXXXXXXXXW0XXXXXXXXXXXXXXXX", "XXXXXXXXXXW0XXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXW0XXXXXXXXXXXXXXXX", "F3F3F3XXXXW0XXXXXXXXXXXXXXC0XX", "XXXXXXXXXXXXW0XXXXXXXXXXG0G0G0", "XXXXXXXXXXW0XXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXW0XXXXXXXXXXXXXXXX", "G0G0G0G0G0G0G0G0G0G0G0G0G0G0G0" ], story: "How to I control those pesky fans", transition: "Smoked it\n\nWhat walls?" }, { grid: [ //Level 10 - Toggle Walls Intro "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXW0XXXXXXXX", "XXXXXXXXXXXXXXXXXXS0XXXXXXXXXX", "XXXXXXXXC0XXXXXXS0XXE1XXXXXXXX", "XXXXXXG0G0G0XXW0XXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXW0XXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXTWXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "G0G0G0G0G0G0G0G0G0G0G0G0G0G0G0" ], story: "On, Off", transition: "Outstanding\n\nJust passing through" }, { grid: [ //Level 11 - Toggle Walls "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "W0F1F1XXXXXXXXF1F1F1W0W0XXXXXX", "XXXXXXF2XXXXXXS0XXXXXXE1XXXXXX", "TWXXXXXXXXXXXXS0XXXXXXXXXXXXW0", "W0W0XXXXXXXXXXXXF3F3F3XXXXW0XX", "E1S0XXXXXXXXXXXXXXXXXXXXW0XXXX", "SOXXXXXXXXXXXXB1XXXXXXW0XXE1XX", "XXXXXXXXXXXXXXS0XXXXXXXXXXXXXX", "XXXXXXXXXXXXXXS0XXXXXXXXXXXXXX", "XXXXXXXXXXXXXXW0XXXXXXXXXXXXXX", "XXXXXXXXXXXXXXW0XXXXXXXXXXXXXX", "XXXXXXXXC0XXXXW0XXXXXXXXXXXXXX", "XXXXXXG0G0G0XXW0XXXXB3XXXXXXXX", "XXXXXXXXXXXXXXW0XXXXXXXXXXXXXX", "G0G0G0G0G0G0G0G0G0G0G0G0G0G0G0" ], story: "I can walk through walls", transition: "You are supreme\n\nWow, worm holes" }, { grid: [ //Level 12 - Portals Intro "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXW0XXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXW0XXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXW0XXXXXXXXXXP0XXXXXX", "XXXXXXXXXXXXW0XXXXXXXXXXXXXXXX", "XXXXXXE1XXW0XXXXC0XXXXXXXXXXXX", "XXXXP1XXW0XXXXG0G0G0XXXXXXXXXX", "XXXXXXXXXXW0XXXXXXXXXXXXXXXXXX", "XXXXXXE1XXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "G0G0G0G0G0G0G0G0G0G0G0G0G0G0G0" ], story:"Portal anyone?", transition: "You are worthy\n\nReady for a trip" }, { grid: [ //Level 13 - Portals "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXW0W0XXXXXXXXXXXXW0XXXX", "XXXXXXXXXXXXXXXXP0XXXXF4XXTWXX", "W0XXXXXXXXW0XXXXXXXXS0XXXXW0XX", "XXF4XXXXXXXXW0XXXXS0XXXXXXXXW0", "E1XXXXXXE1W0XXXXXXXXXXXXXXXXXX", "XXXXXXF3XXXXW0XXXXXXXXXXXXXXXX", "XXXXXXW0XXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXW0XXXXXXXXXXXXXXC0XXXX", "XXXXXXP1XXW0XXXXXXXXXXG0G0G0XX", "XXXXXXXXXXXXW0XXXXXXXXXXXXXXXX", "XXXXE1XXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "G0G0G0G0G0G0G0G0G0G0G0G0G0G0G0" ], story: "Now this is the way to travel", transition: "Fine skills\n\nWhat's that moving" }, { grid: [ //Level 14 - Moving Walls Intro "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXE1XXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXE1XXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXW0XXXXXXXXM0W0XXXXXXXXXX", "XXXXXXXXW0M0XXXXW0XXXXXXXXXXXX", "XXXXXXW0M1XXXXXXXXW0XXXXXXXXXX", "XXXXXXXXW0XXXXXXW0XXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXC0XXXXXXXXXXXXXXXX", "G0G0G0G0G0G0G0G0G0G0G0G0G0G0G0" ], story: "Back and forwards", transition: "First-rate\n\nTiming, timing, timing" }, { grid: [ //Level 15 - Moving Walls "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXTWXXXXXX", "XXXXW0XXB1B1XXXXXXXXXXXXXXXXXX", "XXXXXXW0XXXXXXXXXXXXXXXXXXXXXX", "M1XXE1B1XXXXS0XXF1XXXXXXXXXXXX", "XXXXXXXXXXS0XXF4XXXXXXXXS0XXXX", "XXXXXXXXXXXXXXXXXXXXXXS0E1XXXX", "XXXXXXB3B3M0XXXXXXXXW0XXXXXXXX", "XXXXXXE1W0XXXXXXXXXXXXW0XXXXXX", "XXXXXXXXW0XXXXXXXXXXXXXXXXXXXX", "F4XXXXXXS0XXXXXXM0XXW0XXXXXXXX", "XXF3XXXXS0XXXXXXXXXXXXXXXXXXXX", "XXXXXXXXW0XXXXXXXXXXXXXXXXXXXX", "XXXXXXXXW0XXXXC0XXXXXXXXXXXXXX", "G0G0G0G0G0G0G0G0G0G0G0G0G0G0G0" ], story: "Now we're moving", transition: "Splendid stuff\n\nNow for a bit of everything" }, { grid: [ //Level 16 - Everything "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXTFF1F1B1XXXXXXXXXXXXXXXXXX", "XXB4XXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXP0XXXXXXF2B3XXXXXXXXXXXXXXXX", "F4XXXXXXXXXXW0XXXXXXXXXXXXXXXX", "XXXXXXXXXXW0XXXXP1XXW0E1XXXXXX", "XXTWXXXXXXXXS0XXXXXXXXW0XXM0XX", "XXXXXXXXXXS0XXXXXXXXXXXXW0XXXX", "W0F4XXXXXXW0XXXXxxXXXXXXM1W0XX", "XXXXXXXXXXXXW0XXXXXXXXXXXXXXXX", "XXP0XXXXXXW0E1XXXXXXXXXXXXXXXX", "XXXXXXXXW0XXXXXXXXXXXXXXXXE1XX", "XXXXC0XXXXW0XXB3XXXXXXXXXXXXXX", "G0G0G0G0G0G0G0G0G0G0G0G0G0G0G0" ], story: "All together now", transition: "You are superior\n\nSo what do I do first" }, { grid: [ //Level 17 - Everything V2 "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "W0XXW0XXXXXXXXW0W0XXXXXXXXXXXX", "XXW0XXXXXXXXF4XXXXXXXXXXXXW0XX", "E1XXXXXXXXXXF4XXXXXXXXXXW0TFXX", "XXP0XXXXXXF2XXE1F3XXXXXXXXS0XX", "XXW0XXXXXXXXXXW0XXXXXXXXXXXXXX", "W0XXW0P1XXXXW0XXXXXXXXXXXXXXXX", "XXTWXXXXXXW0XXXXXXXXXXXXXXM0XX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXM1XXXX", "XXXXXXXXXXB2W0XXW0XXXXXXXXXXXX", "XXXXXXXXXXB2XXW0XXXXXXXXXXP0XX", "XXXXXXXXB3XXE1XXS0XXXXXXXXXXXX", "XXXXXXXXXXXXXXW0XXXXXXC0XXXXXX", "G0G0G0G0G0G0G0G0G0G0G0G0G0G0G0" ], story: "Portal, toggle, toggle", transition: "You are a legend\n\nTime to test those skills" }, { grid: [ //Level 18 - Everything V3 "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXW0W0XXXXXXXXXXW0XX", "XXXXXXXXXXP0XXTWXXXXXXXXW0XXW0", "XXXXXXXXXXXXXXF2XXW0XXXX00E1XX", "XXXXXXXXXXXXF2XXXXXXW0XXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXW0S0XXXX", "W0XXXXXXXXXXXXXXXXXXW0XXP1XXXX", "E1W0XXXXXXXXXXXXXXXXXXW0XXTFXX", "XXW0XXC0XXXXXXXXXXXXW0XXB1XXXX", "XXXXG0G0G0XXXXXXXXB1XXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXW0XXB2", "XXXXXXXXXXXXXXXXXXW0XXXXW0XXXX", "XXXXF3XXXXXXXXB3XXXXB3XXXXE1XX", "G0G0G0G0G0G0G0G0G0G0G0G0G0G0G0" ], story: "Acuracy is key!", transition: "Magnificent\n\nYou're almost there" }, { grid: [ //Level 19 - Everything V4 "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXS0XXXXW0E1XXXXXX", "XXXXXXXXXXW0XXP1XXW0XXXXXXW0XX", "E1XXXXXXW0XXW0XXF1XXXXXXW0XXXX", "M1XXXXB2XXXXXXXXXXXXTFXXXXE1XX", "XXXXXXTWXXXXXXXXXXF2XXXXXXXXXX", "B4XXXXXXW0XXXXXXXXXXW0XXXXXXXX", "XXXXXXW0XXXXXXXXXXXXXXS0XXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "F4XXXXB4XXXXW0XXP0XXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXC0XXXXXXXXXXXXXXXX", "G0G0G0G0G0G0G0G0G0G0G0G0G0G0G0" ], story: "What to do first?", transition: "Magnificent\n\nWelcome to the up-side-down" }, { grid: [ //Level 20 - Flipped "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXXXXXXXXXXXXXXXXXXXW0XX", "XXP0XXF1F1F1XXXXXXXXS0XXW0XXXX", "XXXXXXXXXXXXXXXXXXW0E1W0XXTFXX", "XXXXXXF3F3F3XXXXXXXXW0XXW0XXP1", "XXXXB3XXXXXXXXXXXXXXXXXXXXW0XX", "M1XXXXXXXXXXXXXXXXXXXXXXW0XXW0", "XXXXXXXXXXXXXXC0XXXXXXW0XXTWXX", "XXXXXXXXXXXXG0G0G0XXW0XXXXXXXX", "XXS0XXXXXXXXXXXXXXXXXXXXXXXXM0", "XXXXW0XXXXXXXXXXW0XXXXXXXXXXXX", "XXE1XXF4XXXXXXW0XXW0XXXXXXXXXX", "XXXXXXF4XXXXXXXXXXXXXXXXXXXXXX", "XXXXXXXXF3XXXXXXXXE1XXF3XXXXXX", "G0G0G0G0G0G0G0G0G0G0G0G0G0G0G0" ], story: "I'm in the up-side-down", flipped: true } ]; { noStroke(); angleMode = "degrees"; textFont(createFont("Verdana")); //Grid width and height based on current dimensions var gw = width / 15; var gh = height / 15; //Game object var game; } //Defaults { //Key\|Button stuff var clicked = false; var hover = false; var keys = []; keyPressed = function () { keys[keyCode] = true; }; keyReleased = function () { keys[keyCode] = false; }; mouseClicked = function () { clicked = true; }; } //Keys/Mouse { var Button = function (config) { this.pos = config.pos \|\| new PVector(0, 0); this.size = config.size \|\| 100; this.content = config.content \|\| "Home"; this.page = config.page \|\| "home"; this.textSize = config.textSize \|\| this.size / 5; this.borderColor = color(12, 31, 3, 20); this.backColor = color(200, 20, 100, 200); this.textColor = color(245, 242, 242, 200); this.backColorHover = color(100, 200, 100, 200); this.textColorHover = color(0, 0, 0, 200); this.growth = 0; }; Button.prototype.draw = function () { pushStyle(); textAlign(CENTER, CENTER); textSize(this.textSize + (this.growth 0.1)); noStroke(); //shadow fill(20, 20, 20, 30); ellipse(this.pos.x, this.pos.y + this.size * 0.82, (this.size + this.growth) * 0.8, (this.size + this.growth) * 0.3); //circles if (dist(mouseX, mouseY, this.pos.x, this.pos.y) <= this.size / 2) { //hover this.growth = constrain(this.growth + 0.5, 0, 10); if (clicked) { //game.initAlpha = 255; game.page = this.page; game.reset(); } fill(this.backColorHover); stroke(this.borderColor); strokeWeight(this.size * 0.1); ellipse(this.pos.x, this.pos.y, this.size + this.growth, this.size + this.growth); fill(this.textColorHover); text(this.content, this.pos.x, this.pos.y); } else { //not hover this.growth = constrain(this.growth - 0.5, 0, 10); fill(this.backColor); stroke(this.borderColor); strokeWeight(2); noStroke(); ellipse(this.pos.x, this.pos.y, this.size + this.growth, this.size + this.growth); fill(this.textColor); text(this.content, this.pos.x, this.pos.y); } popStyle(); }; } //Buttons { var Explosion = function (config) { this.pos = config.pos \|\| new PVector(0, 0); this.w = config.w \|\| 15; this.h = config.h \|\| 15; this.rotation = random(360); this.rotationDelta = config.rotationDelta \|\| random(-5, 5); this.velocity = config.velocity \|\| new PVector(0, 0); this.acceleration = config.acceleration \|\| new PVector(0, 0); this.force = config.force \|\| new PVector(random(-2, 2), random(-2, 2)); this.timeToLive = 255; this.red = config.red \|\| random(255); this.green = config.green \|\| random(255); this.blue = config.blue \|\| random(255); this.applyForce(this.force); }; Explosion.prototype.applyForce = function (force) { this.acceleration.add(force); }; Explosion.prototype.update = function () { this.velocity.add(this.acceleration); this.pos.add(this.velocity); this.acceleration.mult(0); this.rotation += this.rotationDelta; }; Explosion.prototype.display = function () { pushMatrix(); translate(this.pos.x, this.pos.y); rotate(this.rotation); noStroke(); fill(color(this.red, this.green, this.blue, this.timeToLive)); rect(-this.w / 2, -this.h / 2, this.w, this.h); popMatrix(); }; Explosion.prototype.run = function () { this.update(); this.display(); }; } //Explosion { var Fan = function (config) { this.pos = config.pos \|\| new PVector(0, 0); this.direction = config.direction \|\| new PVector(0, 0); this.w = config.w \|\| gw; this.h = config.h \|\| gh; this.angle = 0; this.backColor = config.backColor \|\| color(200, 100, 100, 200); this.digit = config.digit \|\| 1; this.area = this.pos.get(); this.setup(); }; Fan.prototype.setup = function () { switch (this.digit) { //Down case "1": this.pos.add(0, this.h * 0.90); this.h = this.h * 0.1; this.area.y += gh; //area adjacent to the fan break; //Left case "2": this.w = this.w * 0.1; this.area.x -= gw; //area adjacent to the fan break; //Up case "3": this.h = this.h * 0.1; this.area.y -= gh; //area adjacent to the fan break; //Right case "4": this.pos.add(this.w * 0.90, 0); this.w = this.w * 0.1; this.area.x += gw; //area adjacent to the fan break; } }; Fan.prototype.update = function () { if (game.fanSpeed > 0) { if (frameCount % (30 / game.fanSpeed) === 0) { game.explosions.push(new Explosion({ pos: new PVector(this.pos.x + this.w / 2, this.pos.y + this.h / 2), force: new PVector(this.direction.x, this.direction.y), red: random(230, 255), green: random(230, 255), blue: random(230, 255), w: 10, h: 10 })); } } }; Fan.prototype.display = function () { noStroke(); fill(this.backColor); pushMatrix(); translate(this.pos.x, this.pos.y); rect(0, 0, this.w, this.h); popMatrix(); if (game.fanSpeed > 0) { pushMatrix(); translate(this.pos.x + this.w / 2, this.pos.y + this.h / 2); rotate(this.angle += (constrain(12 * game.fanSpeed, 0, 18))); fill(100, 100, 100, 50); rect(-this.w / 2, -this.h / 2, this.w, this.h); popMatrix(); } }; Fan.prototype.run = function () { this.update(); this.display(); }; //Needs to check against the position next to the fan Fan.prototype.collision = function (missile) { if (missile.pos.x + missile.size / 2 > this.area.x && missile.pos.y + missile.size / 2 > this.area.y && missile.pos.x - missile.size / 2 < this.area.x + gw && missile.pos.y - missile.size / 2 < this.area.y + gh) { return true; } return false; }; } //Fan { var Bounce = function (config) { this.pos = config.pos \|\| new PVector(0, 0); this.w = config.w \|\| gw; this.h = config.h \|\| gh; this.backColor = config.backColor \|\| color(100, 100, 200, 200); this.digit = config.digit \|\| 1; this.setup(); }; Bounce.prototype.setup = function () { switch (this.digit) { //Down case "1": this.pos.add(0, this.h * 0.90); this.h = this.h * 0.1; break; //Left case "2": this.w = this.w * 0.1; break; //Up case "3": this.h = this.h * 0.1; break; //Right case "4": this.pos.add(this.w * 0.90, 0); this.w = this.w * 0.1; break; } }; Bounce.prototype.update = function () { }; Bounce.prototype.display = function () { noStroke(); fill(this.backColor); rect(this.pos.x, this.pos.y, this.w, this.h); }; Bounce.prototype.run = function () { this.update(); this.display(); }; Bounce.prototype.collision = function (missile) { if (missile.pos.x + missile.size / 2 > this.pos.x && missile.pos.y + missile.size / 2 > this.pos.y && missile.pos.x - missile.size / 2 < this.pos.x + this.w && missile.pos.y - missile.size / 2 < this.pos.y + this.h) { return true; } return false; }; } //Bounce { var Ground = function (config) { this.pos = config.pos \|\| new PVector(0, 0); this.w = config.w \|\| gw; this.h = config.h \|\| gh; this.backColor = config.backColor \|\| color(0); }; Ground.prototype.update = function () { }; Ground.prototype.display = function () { noStroke(); image(game.images.groundImage, this.pos.x, this.pos.y); //noStroke(); //fill(this.backColor); //rect(this.pos.x, this.pos.y, this.w, this.h); }; Ground.prototype.run = function () { this.update(); this.display(); }; } //Ground { var Wall = function (config) { this.pos = config.pos \|\| new PVector(0, 0); this.w = config.w \|\| gw; this.h = config.h \|\| gh; this.backColor = config.backColor \|\| color(0); }; Wall.prototype.update = function () { }; Wall.prototype.display = function () { noStroke(); fill(this.backColor); rect(this.pos.x, this.pos.y, this.w, this.h); }; Wall.prototype.run = function () { this.update(); this.display(); }; Wall.prototype.collision = function (missile) { if (missile.pos.x + missile.size / 2 > this.pos.x && missile.pos.y + missile.size / 2 > this.pos.y && missile.pos.x - missile.size / 2 < this.pos.x + this.w && missile.pos.y - missile.size / 2 < this.pos.y + this.h) { return true; } return false; }; } //Wall { var MoverFree = function (config) { Wall.call(this, config); this.velocity = config.velocity \|\| new PVector(1, 0); }; MoverFree.prototype = Object.create(Wall.prototype); MoverFree.prototype.update = function () { this.pos.add(this.velocity); if (this.pos.x < 0 \|\| this.pos.x + this.w > width) { this.velocity.x = -1; } if (this.pos.y < 0 \|\| this.pos.y + this.h > height) { this.velocity.y = -1; } }; MoverFree.prototype.display = function () { noStroke(); fill(150, 150, 150, 100); rect(this.pos.x, this.pos.y, this.w, this.h); }; } //MoverFree { var MoverContained = function (config) { Wall.call(this, config); this.velocity = config.velocity \|\| new PVector(1, 0); }; MoverContained.prototype = Object.create(Wall.prototype); MoverContained.prototype.update = function () { this.pos.add(this.velocity); if (this.checkCollision()) { this.velocity.mult(-1); } }; MoverContained.prototype.checkCollision = function () { if (this.pos.x < 0 \|\| this.pos.x + this.w > width) { return true; } if (this.pos.y < 0 \|\| this.pos.y + this.h > height) { return true; } for (var i = 0; i < game.walls.length; i++) { var wall = game.walls[i]; if (wall.pos.x + wall.w > this.pos.x && wall.pos.y + wall.h > this.pos.y && wall.pos.x < this.pos.x + this.w && wall.pos.y < this.pos.y + this.h) { return true; } } return false; }; MoverContained.prototype.display = function () { noStroke(); fill(150, 150, 150, 100); rect(this.pos.x, this.pos.y, this.w, this.h); }; } //MoverContained { var SWall = function (config) { Wall.call(this, config); this.on = true; }; SWall.prototype = Object.create(Wall.prototype); SWall.prototype.display = function () { if (this.on) { Wall.prototype.display.call(this); } else { noStroke(); fill(100, 100, 100, 50); rect(this.pos.x, this.pos.y, this.w, this.h); } }; SWall.prototype.collision = function (missile) { if (this.on) { return Wall.prototype.collision.call(this, missile); } else { return false; } }; } //S Wall { //Acts the same as a wall var ToggleWall = function (config) { Wall.call(this, config); this.on = true; }; ToggleWall.prototype = Object.create(Wall.prototype); ToggleWall.prototype.display = function () { noStroke(); if (this.on) { fill(100, 200, 100, 100); } else { fill(200, 100, 100, 100); } rect(this.pos.x, this.pos.y, this.w, this.h); }; } //ToggleWall { //Acts the same as a wall var ToggleFan = function (config) { Wall.call(this, config); }; ToggleFan.prototype = Object.create(Wall.prototype); ToggleFan.prototype.display = function () { noStroke(); switch (game.fanSpeed) { case 0: fill(200, 100, 100, 100); break; case 1: fill(200, 200, 100, 100); break; case 2: fill(100, 200, 100, 100); break; } rect(this.pos.x, this.pos.y, this.w, this.h); }; } //ToggleFan { var Portal = function (config) { Wall.call(this, config); this.scaleDir = config.scaleDir \|\| 1; this.scale = config.scale \|\| 1; this.angle = config.angle \|\| 0; this.rotate = config.rotate \|\| 6; this.backColor = config.backColor \|\| color(100, 100, 100, 100); this.outerColor = config.outerColor \|\| color(100, 100, 100, 100); this.centerColor = config.centerColor \|\| color(100, 100, 100, 200); this.coreColor = config.coreColor \|\| color(200, 200, 200, 200); }; Portal.prototype = Object.create(Wall.prototype); Portal.prototype.update = function () { this.angle += this.rotate; }; Portal.prototype.display = function () { pushMatrix(); translate(this.pos.x + this.w / 2, this.pos.y + this.h / 2); this.scale += 0.01 * this.scaleDir; if (this.scale < 0.9 \|\| this.scale > 1.1) { this.scaleDir = -1; } scale(this.scale); pushMatrix(); noStroke(); fill(this.backColor); ellipse(0, 0, this.w, this.h); rotate(this.angle); fill(this.outerColor); ellipse(0, 0, this.w 0.8, this.h * 0.7); popMatrix(); pushMatrix(); rotate(-this.angle); fill(this.centerColor); ellipse(0, 0, this.w * 0.5, this.h * 0.6); popMatrix(); rotate(this.angle); fill(this.coreColor); ellipse(0, 0, this.w * 0.3, this.h * 0.25); popMatrix(); }; Portal.prototype.collision = function (missile) { if (missile.pos.x > this.pos.x && missile.pos.y > this.pos.y && missile.pos.x + missile.size / 2 < this.pos.x + this.w && missile.pos.y + missile.size / 2 < this.pos.y + this.h) { return true; } return false; }; } //Portal { var Enemy = function (config) { this.pos = config.pos \|\| new PVector(0, 0); this.w = config.w \|\| gw; this.h = config.h \|\| gh; //this.backColor = config.backColor \|\| color(40, 50, 92, 200); this.backColor = config.backColor \|\| color(184, 17, 17, 150); }; Enemy.prototype.update = function () { //do to }; Enemy.prototype.display = function () { noStroke(); fill(this.backColor); rect(this.pos.x, this.pos.y, this.w, this.h); }; Enemy.prototype.run = function () { this.update(); this.display(); }; } //Enemy { var Cannon = function (config) { this.pos = config.pos \|\| new PVector(0, 0); this.mouse = new PVector(0, 0); this.w = config.w \|\| 20; this.h = config.h \|\| 60; this.size = config.size \|\| 50; this.angle = 0; }; Cannon.prototype.update = function () { this.mouse = new PVector(mouseX, mouseY); this.mouse.sub(this.pos); this.mouse.normalize(); this.mouse.mult(this.h); this.angle = this.mouse.heading() + 90; }; Cannon.prototype.display = function () { pushMatrix(); translate(this.pos.x, this.pos.y); rotate(this.angle); noStroke(); fill(255, 0, 0, 100); rect(-this.w / 2, -this.h, this.w, this.h, 5); fill(10, 10, 10, 200); ellipse(0, 0, this.w * 3.5, this.w * 3.5); popMatrix(); }; Cannon.prototype.run = function () { this.update(); this.display(); }; } //Cannon { var Missile = function (config) { this.pos = config.pos \|\| new PVector(0, 0); this.velocity = config.velocity \|\| new PVector(0, 0); this.acceleration = config.acceleration \|\| new PVector(0, 0); this.thrust = config.thrust \|\| new PVector(0, 0); this.gravity = config.gravity \|\| new PVector(0, 0); this.size = config.size \|\| 15; this.applyForce(this.thrust); }; Missile.prototype.applyForce = function (force) { this.acceleration.add(force); }; Missile.prototype.update = function () { this.applyForce(this.gravity); this.velocity.add(this.acceleration); this.pos.add(this.velocity); this.acceleration.mult(0); }; Missile.prototype.display = function () { fill(38, 36, 36); noStroke(); pushMatrix(); translate(this.pos.x, this.pos.y); ellipse(0, 0, this.size, this.size); popMatrix(); }; Missile.prototype.run = function () { this.update(); this.display(); }; } //Missile { var Game = function (config) { this.page = "home"; this.cols = config.cols \|\| 30; this.rows = config.rows \|\| 15; this.levels = levels; this.level = config.level \|\| 1; //Arrays this.missiles = []; this.enemies = []; this.explosions = []; this.grounds = []; this.walls = []; this.fans = []; this.bounces = []; this.toggleWalls = []; this.toggleFans = []; this.moversContained = []; this.moversFree = []; this.canShoot = true; this.levelComplete = false; this.delay = 0; this.transImage = ""; this.transX = 0; this.cannon = ""; this.missileFired = false; this.sWallsOn = true; this.fanSpeed = 1; this.fanMaxSpeed = 2; this.portal = false; this.portalIn = ""; this.portalOut = ""; this.flipped = false; this.initAlpha = 0; this.theme = 1; //0 = dark, 1 = light this.themeColors = [ { name: "dark", backColor: color(30, 32, 33), textColor: color(255, 255, 255, 220), targetColor: color(255, 255, 255, 100) }, { name: "light", backColor: color(164, 229, 245), textColor: color(40, 40, 40, 220), targetColor: color(40, 40, 40, 100) } ]; this.who = [ "Joshua Egwim :}", "grimescameron24", "Chris17", "ChainLink", "HenoticHacker", "evanmonroeburleson", "Nucleargrenade", "monseir (lee.williamhenry)", "Gray Wolf", "Matt R", "Ducky and Stephen", "PRO", "❌ Can't leave empty", "AvrahamGraham", "SupeƦNθva #𝔽𝕝𝕠𝕣𝕒𝕟𝔽𝕋𝕎", "ctedja7", "T1J0L1N", "scienceman", "Designer", "rakshithjk", "Nolan McCleery", "Kiana-Novey", "PRO PROGRAMMER", "X244bleh_02", "Where's the Noodles?", "Dee's" ]; this.who.sort(function(a, b) { return a.toUpperCase() < b.toUpperCase() ? -1 : 1; }); { this.backButton = new Button({ pos: new PVector(300, 490), content: "Back", page: "home" }); this.levelsButton = new Button({ pos: new PVector(150, 250), content: "Levels", page: "levels" }); this.themesButton = new Button({ pos: new PVector(300, 250), content: "Themes", page: "themes" }); this.whoCompletedButton = new Button({ pos: new PVector(450, 250), content: "Done", page: "whocompleted" }); this.howButton = new Button({ pos: new PVector(225, 425), content: "How", page: "how" }); this.playButton = new Button({ pos: new PVector(375, 425), content: "Play", page: "start"// "play" }); this.completeButton = new Button({ pos: new PVector(300, 490), content: "Home", page: "home" }); } //Buttons this.setup(); this.reset(); }; //Initial setup of the game Game.prototype.setup = function () { { for (var i in this.images) { if (typeof this.images[i] !== 'object') { background(0, 0, 0, 0); noStroke(); this.images[i] = this.images[i](); } } } //Preload Images // { // this.setTheme(); // } //Get theme }; //Images to be pre-loaded for better performance Game.prototype.images = { groundImage: function () { noStroke(); fill(171, 19, 92); rect(0, 0, gw, gh); fill(36, 33, 36, 50); ellipse(gw / 2, gh / 2, gw / 2, gh / 2); return get(0, 0, gw, gh); }, backImage: function () { noStroke(); for (var i = 0; i < width; i += 40) { for (var j = 0; j < height; j += 40) { var c = floor(random(200, 255)); fill(c, c, c, 50); rect(i, j, 40, 40); } } return get(0, 0, width, height); } }; //Add a new missile Game.prototype.addMissile = function () { var mouse = this.cannon.mouse.get(); var dist = PVector.dist(new PVector(mouseX, mouseY), this.cannon.pos); dist = 0.04; mouse.normalize(); mouse.mult(dist); this.missiles.push(new Missile( { pos: PVector.add(this.cannon.pos, this.cannon.mouse), gravity: new PVector(0, 0.1), thrust: mouse } )); this.missileFired = true; }; //Checks if the missile hit a wall Game.prototype.wallHit = function (missile) { //Normal Walls for (var i = 0; i < this.walls.length; i++) { if (this.walls[i].collision(missile)) { return true; } } //Movers Contained for (var i = 0; i < this.moversContained.length; i++) { if (this.moversContained[i].collision(missile)) { return true; } } //Movers Free for (var i = 0; i < this.moversFree.length; i++) { if (this.moversFree[i].collision(missile)) { return true; } } return false; }; //Checks if the misile hit a toggle wall Game.prototype.toggleWallHit = function (missile) { for (var i = 0; i < this.toggleWalls.length; i++) { if (this.toggleWalls[i].collision(missile)) { return true; } } return false; }; //Checks if the missile hit the fan toggle Game.prototype.toggleFanHit = function (missile) { for (var i = 0; i < this.toggleFans.length; i++) { if (this.toggleFans[i].collision(missile)) { return true; } } return false; }; //Checks if the missile hit the fan Game.prototype.fanHit = function (missile) { for (var i = 0; i < this.fans.length; i++) { var fan = this.fans[i]; if (fan.collision(missile)) { var force = new PVector(fan.direction.x, fan.direction.y); // fan.direction.get(); //get copy of direction vector var fanCenter = new PVector(fan.pos.x, fan.pos.y); // fan.pos.get(); //get copy of fan current pos fanCenter.add(new PVector(fan.w / 2, fan.h / 2)); //center current pos var dir = PVector.sub(fanCenter, missile.pos); //get direction of the fan and missile var mag = dir.mag(); //get the distance between the fan and missile mag = 0.015; //reduce the distance mag = 1 - mag; //swap the values so closer is further (more force) force.mult(mag); //multiple the direction vector by the distance force.mult(this.fanSpeed); //adjust to the current fan speed (default is 1, changed by toggle) missile.applyForce(force); //apply force to the missile } } }; //Checks if the missile hit the bounce pad Game.prototype.bounceHit = function (missile) { for (var i = 0; i < this.bounces.length; i++) { var bounce = this.bounces[i]; if (bounce.collision(missile)) { var force = new PVector(0, 0); switch (bounce.digit) { //Down case "1": if (missile.pos.y - missile.size / 2 < bounce.pos.y + bounce.h) { force.y = 1.5; missile.velocity.y = -1; } break; //Left case "2": if (missile.pos.x + missile.size / 2 > bounce.pos.x) { force.x = -1.5; missile.velocity.x = -1; } break; //Up case "3": if (missile.pos.y + missile.size / 2 > bounce.pos.y) { force.y = -1.5; missile.velocity.y = -1; } break; //Right case "4": if (missile.pos.x - missile.size / 2 < bounce.pos.x + bounce.w) { force.x = 1.5; missile.velocity.x = -1; } break; } missile.applyForce(force); return true; } } return false; }; //Checks if the missile hit the in portal Game.prototype.portalHit = function (missile) { if (this.portalIn.collision(missile)) { return true; } return false; }; //Sets the status of whether a missile is fired or not Game.prototype.setMissileFired = function () { this.missileFired = (this.missiles.length > 0); }; //Sets all the toggle wall to on or off Game.prototype.setToggleWall = function () { this.sWallsOn = !this.sWallsOn; for (var i = 0; i < this.walls.length; i++) { var wall = this.walls[i]; if (wall instanceof SWall) { wall.on = this.sWallsOn; } } for (var i = 0; i < this.toggleWalls.length; i++) { this.toggleWalls[i].on = this.sWallsOn; } }; //Sets the toggle fans to 0, 1 or 2 Game.prototype.setToggleFans = function () { this.fanSpeed++; if (this.fanSpeed > this.fanMaxSpeed) { this.fanSpeed = 0; } }; //Moves the missile from in portal to out portal Game.prototype.runPortal = function (missile) { //var m = new PVector(missile.pos.x, missile.pos.y); missile.pos.x = this.portalOut.pos.x + this.portalOut.w / 2; missile.pos.y = this.portalOut.pos.y + this.portalOut.h / 2; }; //Run missiles and check for collision Game.prototype.runMissiles = function () { for (var i = 0; i < this.missiles.length; i++) { var missile = this.missiles[i]; missile.run(); if (this.bounceHit(missile)) { //missile bounces off the bounce pad } else if (this.fanHit(missile)) { //missile blown away from the fan } else if (this.portal && this.portalHit(missile)) { this.setMissileFired(); this.runPortal(missile); } else if (this.toggleWallHit(missile)) { this.missiles.splice(i, 1); this.setMissileFired(); this.setToggleWall(); } else if (this.toggleFanHit(missile)) { this.missiles.splice(i, 1); this.setMissileFired(); this.setToggleFans(); } else if (this.wallHit(missile)) { this.addExplosion({ pos: new PVector(missile.pos.x + missile.size / 2, missile.pos.y + missile.size / 2), w: 40, h: 40, backColor: color(50, 50, 50, 200) //missile.backColor }); this.missiles.splice(i, 1); this.setMissileFired(); } else if (missile.pos.y - missile.size > height) { //fallen below the ground this.missiles.splice(i, 1); this.setMissileFired(); } else { for (var j = 0; j < this.enemies.length; j++) { var enemy = this.enemies[j]; if (missile.pos.x + missile.size / 2 > enemy.pos.x && missile.pos.y + missile.size / 2 > enemy.pos.y && missile.pos.x < enemy.pos.x + enemy.w && missile.pos.y < enemy.pos.y + enemy.h) { this.missiles.splice(i, 1); this.enemies.splice(j, 1); this.setMissileFired(); this.addExplosion({ pos: new PVector(enemy.pos.x + enemy.w / 2, enemy.pos.y + enemy.h / 2), w: 40, h: 40, backColor: enemy.backColor }); this.checkLevelComplete(); break; } } } } }; //Check if the level/game is complete Game.prototype.checkLevelComplete = function () { if (this.enemies.length === 0) { this.canShoot = false; this.levelComplete = true; } }; Game.prototype.levelTransition = function () { this.level++; if (this.level === this.levels.length) { cursor('default'); this.page = "gamecomplete"; } else { this.page = "transition"; } }; //Add explosion for Player, Enemies and Blocks Game.prototype.addExplosion = function (config) { var r = red(config.backColor) \|\| 0; var g = green(config.backColor) \|\| 0; var b = blue(config.backColor) \|\| 0; var w = config.w \|\| 10; var h = config.h \|\| 10; for (var i = 0; i < 20; i++) { //change from 20 t0 10 for better performance this.explosions.push( new Explosion({ pos: new PVector(config.pos.x, config.pos.y), w: random(w * 0.2, w * 0.4), h: random(h * 0.2, h * 0.4), red: r, green: g, blue: b })); } }; //Run the explosions Game.prototype.runExplosions = function () { for (var i = this.explosions.length - 1; i >= 0; i--) { var explosion = this.explosions[i]; explosion.timeToLive -= 5; if (explosion.timeToLive === 0) { this.explosions.splice(i, 1); } else { explosion.run(); } } }; //Run the portals (in/out) Game.prototype.runPortals = function () { this.portalIn.run(); this.portalOut.run(); }; //Runs the arrays (passed in as parameter) Game.prototype.runArr = function (arr) { for (var i = 0; i < arr.length; i++) { arr[i].run(); } }; //Sets the next game level Game.prototype.setGameLevel = function () { //Check if level is normal, flipped, rotated, etc. this.flipped = this.levels[this.level].flipped; //Get the grid for the current level var grid = this.levels[this.level].grid; /* Grid Note that the top line is used for displaying the text and level , so will ignore anything you put in that line. XX = blank space W0 = wall M0,1 = moving walls (0 = bounce of walls, 1 = through walls) S0 = toggle wall (can be changed to solid or non-solid using a Toggle TW) G0 = ground C0 = cannon/player E0 = enemy/block F1,2,3,4 = fan (1 = down, 2 = left, 3 = up, 4 = right) B1,2,3,4 = bounce pad (1 = down, 2 = left, 3 = up, 4 = right) T? = toggle (F = fan, W = wall) - TF will toggle fan off\|normal\|fast - TW will toggle Toggle Walls as solid or non-solid (can go through them) P0,1 = portals (0 = entry, 1 = exit) - Must have zero or two portals - entry and exit / var colDigit = 0; for (var row = 1; row < grid.length; row++) { colDigit = 0; for (var col = 0; col < this.cols; col++) { var pos = new PVector(colDigit gw + gw / 2, row * gh + gh / 2); if (grid[row][col] === "X") { //Empty Space //empty space } else if (grid[row][col] === "W") { //Wall this.walls.push( new Wall({ pos: new PVector(colDigit * gw, row * gh), backColor: color(20, 20, 20, 100) }) ); } else if (grid[row][col] === "S") { //S Wall (solid or non-solid) this.walls.push( new SWall({ pos: new PVector(colDigit * gw, row * gh), backColor: color(20, 20, 20, 80) }) ); } else if (grid[row][col] === "M") { //Moving Walls switch (grid[row][col + 1]) { //Contained case "0": this.moversContained.push( new MoverContained({ pos: new PVector(colDigit * gw, row * gh), backColor: color(20, 20, 20, 80) }) ); break; //Free case "1": this.moversFree.push( new MoverFree({ pos: new PVector(colDigit * gw, row * gh), backColor: color(20, 20, 20, 80) }) ); break; } } else if (grid[row][col] === "P") { //Portal switch (grid[row][col + 1]) { //Portal In case "0": this.portal = true; this.portalIn = new Portal({ pos: new PVector(colDigit * gw, row * gh) }); break; //Portal Out case "1": this.portalOut = new Portal({ pos: new PVector(colDigit * gw, row * gh), }); break; } } else if (grid[row][col] === "T") { //Toggle switch (grid[row][col + 1]) { //Toggle Wall case "W": this.toggleWalls.push( new ToggleWall({ pos: new PVector(colDigit * gw, row * gh), backColor: color(40, 40, 40, 100) }) ); break; //Toggle Fan Speed (off, medium, fast) case "F": this.toggleFans.push( new ToggleFan({ pos: new PVector(colDigit * gw, row * gh), backColor: color(40, 40, 40, 100) }) ); break; } } else if (grid[row][col] === "G") { //Ground this.grounds.push( new Ground({ pos: new PVector(colDigit * gw, row * gh), backColor: color(20, 200, 20, 100) }) ); } else if (grid[row][col] === "C") { //Cannon this.cannon = new Cannon({ pos: new PVector(colDigit * gw + 20, row * gh + 60), w: 20, h: 60 }); } else if (grid[row][col] === "E") { //Enemy this.enemies.push( new Enemy({ pos: new PVector(colDigit * gw, row * gh) }) ); } else if (grid[row][col] === "F") { //Fans var direction = new PVector(0, 0); switch (grid[row][col + 1]) { //Down case "1": direction.y = 1; break; //Left case "2": direction.x = -1; break; //Up case "3": direction.y = -1; break; //Right case "4": direction.x = 1; break; } this.walls.push( new Wall({ pos: new PVector(colDigit * gw, row * gh), backColor: color(20, 20, 20, 100) }) ); this.fans.push( new Fan({ pos: new PVector(colDigit * gw, row * gh), direction: direction, digit: grid[row][col + 1] //1, 2, 3 or 4 }) ); } else if (grid[row][col] === "B") { //Bounce Pads this.walls.push( new Wall({ pos: new PVector(colDigit * gw, row * gh), backColor: color(20, 20, 20, 100) }) ); this.bounces.push( new Bounce({ pos: new PVector(colDigit * gw, row * gh), digit: grid[row][col + 1] //1, 2, 3 or 4 }) ); } colDigit++; col++; } } }; //Display the scene - currently just the top menu bar Game.prototype.displayScene = function () { pushStyle(); //Display top banner noStroke(); fill(10, 10, 10, 100); rect(0, 0, width, gh); //Bottom border of banner stroke(this.themeColors[this.theme].targetColor); strokeWeight(1); line(0, gh - 1, width, gh - 1); noStroke(); //Display Level textSize(18); textAlign(RIGHT, CENTER); fill(this.themeColors[this.theme].textColor); text("Level " + this.level, width - 10, gh / 2); //Display Story textAlign(LEFT, CENTER); text(this.levels[this.level].story, 10, gh / 2); popStyle(); }; Game.prototype.displayTarget = function () { pushStyle(); stroke(this.themeColors[this.theme].targetColor); strokeWeight(2); noFill(); ellipse(mouseX, mouseY, gw * 0.4, gh * 0.4); line(mouseX, mouseY - gh * 0.3, mouseX, mouseY - gh * 0.1); line(mouseX, mouseY + gh * 0.3, mouseX, mouseY + gh * 0.1); line(mouseX - gw * 0.3, mouseY, mouseX - gw * 0.1, mouseY); line(mouseX + gw * 0.3, mouseY, mouseX + gw * 0.1, mouseY); popStyle(); }; //Run the game Game.prototype.run = function () { //Flip or Rotate the game if(this.flipped) { pushMatrix(); scale(-1.0, -1.0); translate(-width, -height); } this.displayScene(); this.displayTarget(); this.runArr(this.walls); this.runArr(this.moversFree); this.runArr(this.moversContained); this.runArr(this.toggleWalls); this.runArr(this.toggleFans); this.runArr(this.fans); this.runArr(this.bounces); if (this.portal) { this.runPortals(); } if (clicked) { this.addMissile(); } if (this.missileFired) { this.runMissiles(); } this.runArr(this.enemies); this.runExplosions(); this.cannon.run(); this.runArr(this.grounds); if (this.levelComplete && this.delay++ > 75) { this.transImage = get(0, 0, width, height); this.levelTransition(); } if(this.flipped) { popMatrix(); } }; //Initialise the game Game.prototype.init = function () { this.missiles = []; this.enemies = []; this.explosions = []; this.grounds = []; this.walls = []; this.fans = []; this.bounces = []; this.toggleWalls = []; this.toggleFans = []; this.moversContained = []; this.moversFree = []; this.flipped = false; this.portal = false; this.sWallsOn = true; this.portal = false; this.portalIn = ""; this.portalOut = ""; this.fanSpeed = 1; this.canShoot = true; this.levelComplete = false; this.delay = 0; this.transX = 0; this.setGameLevel(); }; //Called from the Button to reset initial values Game.prototype.reset = function () { switch (this.page) { case "start": this.level = 1; this.init(); this.page = "play"; cursor('none'); break; default: this.level = 0; this.init(); cursor('default'); break; } }; //Transition Screen Game.prototype.transitionScreen = function () { fill(this.themeColors[this.theme].textColor); textSize(30); textAlign(CENTER, CENTER); text(this.levels[this.level - 1].transition, width / 2, height / 2); this.transX += 10; image(this.transImage, this.transX, 0, width, height); if (this.transX > width * 3) { this.page = "play"; this.init(); } }; //Home Screen Game.prototype.homeScreen = function () { this.runArr(this.walls); this.runArr(this.fans); this.portalIn.run(); this.portalOut.run(); this.runArr(this.enemies); this.cannon.run(); this.runArr(this.grounds); fill(this.themeColors[this.theme].textColor); textSize(60); textAlign(CENTER); text("Cannon", width / 2, 100); this.levelsButton.draw(); this.themesButton.draw(); this.howButton.draw(); this.whoCompletedButton.draw(); this.playButton.draw(); }; //Themes Screen Game.prototype.themesScreen = function () { fill(this.themeColors[this.theme].textColor); textSize(40); textAlign(CENTER, TOP); text("Themes", width / 2, 50); textSize(16); text("There are two color themes: Dark and Light.\n\nPress the D key for a Dark theme.\n\nPress the L key for a Light theme.", width / 2, 120); this.backButton.draw(); }; //How Screen Game.prototype.howScreen = function () { fill(this.themeColors[this.theme].textColor); textSize(40); textAlign(CENTER, TOP); text("How", width / 2, 50); textSize(16); text("Use the mouse to point in\nthe direction you wish to shoot.\n\nThe distance the mouse is\nfrom the cannon will determine\nhow far you will shoot.\n\nYou need to destroy all\nthe enemies to progress\nto the next level.\n\nThe objective of the game\nis to complete all the levels.", width / 2, 120); this.backButton.draw(); }; //Levels Screen Game.prototype.levelsScreen = function () { fill(this.themeColors[this.theme].textColor); textSize(40); textAlign(CENTER, TOP); text("Levels", width / 2, 50); textSize(18); text("There are " + (this.levels.length - 1) + " levels in total.\n\nEach level gets progressively harder.", width * 0.5, height * 0.2); textSize(40); text("Create your own levels", width * 0.5, height * 0.37); textSize(18); text("You can create your own levels\nat the top of the code.\n\nSee details in the code.", width * 0.5, height * 0.47); this.backButton.draw(); }; //Game Complete Screen Game.prototype.whoCompletedScreen = function () { fill(this.themeColors[this.theme].textColor); textSize(40); textAlign(CENTER, TOP); text("Completed All Levels", width / 2, 50); // textSize(14); // var whoString = ""; // for (var i = 0; i < this.who.length; i++) { // whoString += this.who[i] + "\n"; // } // text(whoString, width * 0.5, 105); pushStyle(); textAlign(LEFT); textSize(14); var whoString = ""; for (var i = 0; i < this.who.length; i++) { text(this.who[i], i < 15 ? 85 : width * 0.57, 130 + i % 15 * 18); } popStyle(); this.backButton.draw(); }; //Game Complete Screen Game.prototype.completeScreen = function () { textSize(40); textAlign(CENTER, TOP); fill(this.themeColors[this.theme].textColor); text("GAME COMPLETE", 300, 100); textSize(16); text("Congratulations, you have completed all levels.\n\nLet me know in the comments that\nyou completed the game and I'll add\nyou to the Done screen.\n\nIf you want you can have a go\nat creating your own levels.\nSee top of code for details.", 300, 180); this.completeButton.draw(); }; //Runs background and checks for theme change Game.prototype.runBackground = function () { background(game.themeColors[game.theme].backColor); image(game.images.backImage, 0, 0, width, height); if (keyPressed) { switch (keyCode) { case 68: //D key case 100: //d key this.theme = 0; //Dark Theme break; case 76: //L key case 108: //l key this.theme = 1; //Light Theme break; } keyCode = 0; } }; } //Game game = new Game({}); draw = function () { game.runBackground(); switch (game.page) { case "play": game.run(); break; case "home": game.homeScreen(); break; case "how": game.howScreen(); break; case "levels": game.levelsScreen(); break; case "themes": game.themesScreen(); break; case "whocompleted": game.whoCompletedScreen(); break; case "gamecomplete": game.completeScreen(); break; case "transition": game.transitionScreen(); break; } clicked = false; };
Folds	43,483,485,496,498,512,514,569,571,614,616,705,707,766,768,793,795,828,830,854,856,898,900,928,930,950,952,976,978,1034,1036,1059,1061,1095,1097,1133,1135,2079,2083,2114
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgIrbwejZCAw
Votes	272
Spin-Offs	24
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, 1739371465960
Updated	4 months ago, 1744845328666
Source Deleted	unknown