Viewing Program

Program Data

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

Title	Pinky (Game)
ID	5182965035450368
Created	5 years ago, 1586039386394
Updated	3 years ago, 1644577404631
Code	/ View my other projects here / //https://www.khanacademy.org/profile/grantjenkins/projects / Subscribe to me here / //https://www.khanacademy.org/cs/gray-wolf/4876588413698048 /* Pinky (Game) - for Primavera (#GoTeamPyroach) Gray Wolf, April 2020 -------------------------------------------------- Make sure you read the tips at the top of each level :) -------------------------------------------------- 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 :) -------------------------------------------------- / //If you have too much lag, set the variable "lag" to true //- it will reduce some of the effects in the game :) var lag = false; //array of levels var levels = [ { grid: [ //Menu Screens (Do not modify - keep as first item in levels array) "------------------------------------------------------------", "------------------------------------------------------------", "---P10------------------------------------------------P00---", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "---------------------------------------------------------F20", "---------K10------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "B40---------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "---------------------------------------------------W01------", "------------------------------------------------------W01---", "---------F30---------------------------C00---------W01------", "W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01" ] }, //Menu Screens (Home \| Levels \| How \| Scores \| etc.) { //Level 01 - Key Only story: "Destroy the gem to open the door", transition: "Good work\n\nTime to get started", grid: [ "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "---------------------------------K00------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "---C00------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------A01---A01---A02---A01---A02---A02---A01---D00---", "W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01" ] }, //Level 01 - Key Only { //Level 02 - Key Only Advanced story: "A bit more accuracy required", transition: "Great stuff\n\nMoving on", grid: [ "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------A01---A02---", "------------------------------------------------W01K00W01---", "---------------------------------------------------W01------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "---C00------------------------------------------------------", "------------------------------W01---------------------------", "---------------------------W01------------------------------", "------------------------W01---------------------------D00---", "---W01---------------W01---------------W01------------W01---" ] }, //Level 02 - Key Only Advanced { //Level 03 - Bounce story: "The Bounce Pad - Up and over", transition: "Awesome bouncing\n\nNext stage", grid: [ "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "---------------------------------A01------------------------", "---------------------------------W01------------------------", "------------------------------W01---W01---------------------", "---------------------------W01---K00---W01------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------W01---------------------------------------", "---------------------W01------------------------------------", "------------------W01---------------------------------------", "------C00------------W01------------------------------------", "------------------W01------B30B30---------------------------", "---------------------W01------------------------------------", "D00---------A02---W01---------------------------------------", "W01W01W01W01W01W01------------------------------------------" ] }, //Level 03 - Bounce { //Level 04 - Fans story: "Introducing the Fan", transition: "FANtastic\n\nYea I know :p", grid: [ "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "---------------------------------A01------------------------", "---------------------------------W01------------------------", "------------------------------------W01----------------------", "---------------------------------K00---W01------------------", "------------------------------------W01---------------------", "------------------------F40------W01------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "---------------------------------------C00------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------D00---", "---------------------------------------W01------------W01---" ] }, //Level 04 - Fans { //Level 05 - Toggle Fan story: "Fans toggle Off, Medium and FAST", transition: "Nice\n\nMoving right on", grid: [ "------------------------------------------------------------", "------------------------------------------------------------", "---------W01------------------------------------------TF0---", "------------W01---------------------------------------------", "---------K10---W01------------------------------------------", "------------------W01---------------------------------------", "---------------------W01------------------------------------", "------------------------W01---------------------------------", "---------------------------W01------------C00---------------", "------------------------------------------------------------", "---A01------------------------------------------------------", "---W01------------------------------------------------------", "---------A02------------F30---------------W01---------------", "---------W01---------------------------------W01------------", "---------------A01------------------------W01---------------", "---------------W01---------------------------W01------------", "------------------------------------------W01---------------", "------------------------------------------------------------", "------------------------------------------------------D00---", "------------------------------------------------------W01---" ] }, //Level 05 - Toggle Fan { //Level 06 - Toggle Wall story: "Walls toggle solid or non-solid", transition: "Fantastic\n\nNow for some fun", grid: [ "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------A01---------", "------------------------------------------------W01---------", "---------------------------------------------W01K00W01------", "------------------------------------------------------------", "---------S00------------------------S00---W01---W01---------", "------------S00---W01------------S00---S00---W01---W01------", "------------------------------------------------------------", "---------W01------------------------------------------------", "------------------------TW1---------------------------------", "------------------------------------------------------------", "---W01------------------------------------------------------", "------------------------------------------------------------", "---C00------------------------------------------------------", "---------W01------------------------------------------------", "------------------------------------------------------------", "------------------------------------A02---A01---A02---D00---", "---W01------------------------------W01---W01---W01---W01---" ] }, //Level 06 - Toggle Wall { //Level 07 - Enemies story: "Beware the enemy", transition: "Good work\n\nTime to get started", grid: [ "------------------------------------------------------------", "------------------------------------------------------------", "W01---------------------------------------------------------", "---W01---------------------TW0------------------------------", "K00---W01---------------------------------------------------", "---S00------------------------------------------------------", "W01---------------------------------------------------------", "------------------------------------------------A02---------", "---------------------------S00---------E00------W01----------", "------------------------------W01W01W01W01W01W01------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "---C00------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------A01---A01---A01---A01------S00---E00------D00---", "W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01" ] }, //Level 07 - Enemies { //Level 08 - Moving Wall, Toggle Wall story: "Catch a ride", transition: "Good work\n\nTime to get started", grid: [ "------------------------------------------------------------", "------------------------------------------------------------", "---D00---------------------W01---W01---W01---W01---W01---K00", "---W01------------------S00---W01K00W01---W01---W01---W01---", "---------------------S00---------------------------------W01", "------------------W01------A01---A02---A01---A02------------", "---------------W01---W01---W01---W01---W01---W01------------", "------------------------W01---W01---W01---W01---W01---------", "------------W01------------------------TW1------------------", "---------W01------------------------------------------------", "------------------------------------------------------------", "---------A01---A02------------------------------------------", "---------W01K00W01---------------------------------------M00", "------------W01---------------------------------------------", "------------------------------------------------------------", "------C00---------------------------------------------------", "M10---------------------------------------W01---------------", "------------------------------------------------------------", "------------------------------------------------------------", "------W01---------------------------------------------------" ] }, //Level 08 - Moving Wall, Toggle Wall { //Level 09 - Portals story: "Through the worm hole", transition: "Great stuff\n\nEasy peasy", grid: [ "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------P00---------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------A01---------------------A01---", "C00---------------------------W01------------------D00W01---", "---------------------------W01---W01---------------W01------", "------------------------W01---------W01---------------------", "---------------------W01---K00---K00---W01------------------", "------------------W01---------------------W01---------------", "---------------W01------------P10------------W01------------", "------------W01---------------------------------W01---------", "---------W01---------------------------------------W01------", "------W01------A02E00A01------K00------A02E00A01------W01---", "W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01" ] }, //Level 09 - Portals { //Level 10 - Bounce, Fan, Toggle Wall story: "Bounce (Fan Off), then Toggle Walls", transition: "Good work\n\nTime to get started", grid: [ "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------W01---------------------", "---------A02---------------------W01K00---A01---------------", "---K00---W01------A01------------K00W01W01W01W01W01---------", "------W01---W01---W01----------------------------------------", "---------------------W01------------------------------------", "------------------------W01------TF0------------------W01---", "------TW1---F40------------W01------------------------------", "------------F40---------------W01---------------------------", "---W01---W01---------------------W01------B20W01------------", "W01---W01---------------------W01---------------------------", "---------------------------W01------------------------------", "------------------------------------------------------W01---", "------------------------------------------------------------", "------------------------C00---------S00---------------------", "---------------------------------------S00------W01---D00---", "------------------------------------S00---------------W01---", "---------E00---S00---------------------S00---E00---W01------", "W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01" ] }, //Level 10 - Bounce, Fan, Toggle Wall { //Level 11 - Portals, TW, MW story: "Time for some fun", transition: "Good work\n\nTime to get started", grid: [ "------------------------------------------------------------", "---------------------------------------------------------W01", "---------W01---W01------------------------------A01---W01TW0", "---------K00W01---------------------------------W01---------", "---P10---W01---------------------------------------W01K10W01", "------W01---------------------------------------------W01---", "---W01---------------M10------------------------------------", "W01---------------------------------------------------------", "---------------------A01------------------------------------", "---C00---------------W01------------------------------------", "------------------W01------A02------------------------------", "---------------W01---------W01------------------------------", "------------W01---------------------------------P01---------", "---------W01---W01W01---------------------------------------", "------------W01------W01------------------------------------", "---------W01K10---------W01---------------------------------", "W01---------W01W01S00W01---W01------------------------------", "---------W01------------W01---------------------------------", "------------W01------S00---------A01---A01---E00A02E00D00---", "W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01" ] }, //Level 11 - Portals, TW, MW { //Level 12 - Enemies Intro story: "Up and through", transition: "Great stuff\n\nEasy peasy", grid: [ "------------------------------------------------------------", "------------------------------------------------------------", "------------------------A01---------------------------------", "---TW0------------------W01---------------------A02---A01---", "---------------------------W01------------------W01---W01---", "------------------------------W01------------W01---W01---W01", "---------------------------W01------A02---W01K00------------", "------------------------W01K00S00---W01------W01------------", "---------------------W01---------W01---W01------W01---------", "---W01---------S00---E00------W01---------W01------------F20", "------W01W01W01W01W01W01W01W01---------------------------F20", "---------------W01------------W01---------------------------", "W01---------W01K00---------------------------A01---A01------", "---C00---------W01---W01------E00------------W01---W01---W01", "------W01---------S00---W01W01W01W01W01W01W01---W01---W01---", "------------------------------------------------------------", "W01---------------------------------------------------------", "------------------------------------------------------------", "------------A02---S00A02---E00A02------A02E00---A02---D00---", "W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01" ] }, //Level 12 - Enemies { //Level 13 - Fan, Toggle Walls, Portals, Enemy story: "Getting more difficult", transition: "Good work\n\nTime to get started", grid: [ "------------------------------------------------------------", "------------------------------------------------------------", "---------------------------------------A01---A02------------", "------P00------------------------------W01---W01------------", "------------------------------------W01K00W01---W01---------", "------------F40------------------------------TW0---W01------", "---------W01------------W01---W01---------W01---W01---------", "------W01------------------W01---W01W01W01---W01------------", "------------------------------------------------------------", "W01---------------------------------------A01---------------", "------------------------------------------W01------------W01", "---------------------------------------W01K00W01------W01---", "S00W01------------------------------W01------W01---W01------", "------------------------------S00---E00---W01---W01---P10---", "M02C00---------------------------W01W01W01---W01------------", "------------------------------------------------W01K00------", "------------------W01------------------------------W01---W01", "---------------W01------------------------------------W01---", "------------W01TF0------A02------A01------A02---D00------E00", "W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01" ] }, //Level 13 - Fan, Toggle Walls, Portals, Enemy { //Level 14 - Advanced story: "Where to start", transition: "Good work\n\nTime to get started", grid: [ "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------D00---", "---A02------------------------------------------------W01---", "---W01---------------------A01---------------------W01---W01", "W01---W01------M02---------W01---------E00------W01---------", "---K00---W01------------------F10F10F10F10F10F10---W01---P00", "------W01------------------S00---------------------K00W01---", "---P10---W01------------------W01------------------W01------", "------W01------W01W01------------F30F30F30F30F30F30---------", "---W01---------------------------------------------------W01", "W01------A02---------------W01------------E00---------W01---", "---W01W01W01------------------W01W01W01W01W01S00B10B10---TW0", "------------------M02---------------------------------------", "F40------W01------------------------------W01---------------", "F40------W02C00------------------------------B30B30B30B30B30", "---------W02------------------------------------------------", "---------W02------------------------------------------------", "K00------W02---------A01---S00---A01E00---A02------A02---TFO", "W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01" ] }, //Level 14 - Advanced { //Level 15 - Flipped story: "I'm in the up-side-down", flipped: true, grid: [ "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "------------------------------------------------------------", "---A02---P00---------A01------------------------------------", "---W01---------------W01---------------A01------------D00---", "W01---W01---E00---W01------------------W01------------W01---", "---------F10F10F10------------S00---W01---W01---------------", "---------------------------W01K10W01---TW0---W01------------", "---K10---F30F30F30------------W01---W01---P10---W01---------", "W01---W01------------------------------W01---W01------------", "---W01------------------------------W01---W01------------M00", "---------------------C00---------W01------------------------", "---------------------W01------W01---------------------------", "------------------------------------------M00---------------", "W01---------------------------------------------------W01---", "---W01---------------------------------------------------W01", "------S00---------------------------------------------------", "K10------W01E00---------------S00------A01E00A02---A01------", "W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01W01" ] } //Level 15 - Flipped ]; { noStroke(); angleMode = "degrees"; textFont(createFont("Verdana")); //Grid width and height based on current dimensions var gw = width / 20; var gh = height / 20; //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 \|\| 80; 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(6, 82, 117, 200); this.textColor = color(245, 242, 242, 200); this.backColorHover = color(255, 40, 110, 180); 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(); if(this.page !== "level") { //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) { if(this.page === "level") { //level button game.level = this.content; game.page = "level"; game.reset(); } else { game.page = this.page; game.reset(); } } fill(this.backColorHover); stroke(this.borderColor); ellipse(this.pos.x, this.pos.y, this.size + this.growth, this.size + this.growth); fill(this.textColorHover); switch(this.content) { case "Play": triangle(this.pos.x + this.size0.25, this.pos.y, this.pos.x - this.size0.15, this.pos.y - this.size0.25, this.pos.x - this.size0.15, this.pos.y + this.size0.25); break; case "How": pushStyle(); textSize(this.size0.6); text("?", this.pos.x, this.pos.y); popStyle(); break; case "Levels": pushStyle(); noFill(); stroke(this.textColorHover); strokeWeight(4); line(this.pos.x-this.size0.23, this.pos.y-this.size0.2, this.pos.x+this.size0.23, this.pos.y-this.size0.2); line(this.pos.x-this.size0.23, this.pos.y, this.pos.x+this.size0.23, this.pos.y); line(this.pos.x-this.size0.23, this.pos.y+this.size0.2, this.pos.x+this.size0.23, this.pos.y+this.size0.2); popStyle(); break; case "Themes": arc(this.pos.x, this.pos.y, this.size + this.growth, this.size + this.growth, 271, 450); break; case "Back": pushStyle(); beginShape(); vertex(this.pos.x+this.size0.25, this.pos.y); //1 vertex(this.pos.x+this.size0.25, this.pos.y+this.size0.25); //2 vertex(this.pos.x+this.size0.07, this.pos.y+this.size0.25); //3 vertex(this.pos.x+this.size0.07, this.pos.y+this.size0.12); //4 vertex(this.pos.x-this.size0.07, this.pos.y+this.size0.12); //5 vertex(this.pos.x-this.size0.07, this.pos.y+this.size0.25); //6 vertex(this.pos.x-this.size0.25, this.pos.y+this.size0.25); //7 vertex(this.pos.x-this.size0.25, this.pos.y); //8 vertex(this.pos.x, this.pos.y-this.size0.2); //9 vertex(this.pos.x+this.size0.25, this.pos.y); //10 endShape(); noFill(); stroke(this.textColorHover); strokeWeight(this.size0.05); line(this.pos.x-this.size0.27, this.pos.y-this.size0.05, this.pos.x, this.pos.y-this.size0.27); line(this.pos.x+this.size0.27, this.pos.y-this.size0.05, this.pos.x, this.pos.y-this.size0.27); line(this.pos.x+this.size0.15, this.pos.y-this.size0.19, this.pos.x+this.size0.15, this.pos.y-this.size0.25); popStyle(); break; case "Done": pushStyle(); noFill(); stroke(this.textColorHover); strokeWeight(5); line(this.pos.x-this.size0.22, this.pos.y+this.size0.05, this.pos.x-this.size0.05, this.pos.y+this.size0.23); line(this.pos.x-this.size0.05, this.pos.y+this.size0.23, this.pos.x+this.size0.25, this.pos.y-this.size0.2); popStyle(); break; default: 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); switch(this.content) { case "Play": triangle(this.pos.x + this.size0.25, this.pos.y, this.pos.x - this.size0.15, this.pos.y - this.size0.25, this.pos.x - this.size0.15, this.pos.y + this.size0.25); break; case "How": pushStyle(); textSize(this.size0.6); text("?", this.pos.x, this.pos.y); popStyle(); break; case "Levels": pushStyle(); noFill(); stroke(this.textColor); strokeWeight(4); line(this.pos.x-this.size0.23, this.pos.y-this.size0.2, this.pos.x+this.size0.23, this.pos.y-this.size0.2); line(this.pos.x-this.size0.23, this.pos.y, this.pos.x+this.size0.23, this.pos.y); line(this.pos.x-this.size0.23, this.pos.y+this.size0.2, this.pos.x+this.size0.23, this.pos.y+this.size0.2); popStyle(); break; case "Themes": arc(this.pos.x, this.pos.y, this.size, this.size, 271, 450); break; case "Back": pushStyle(); beginShape(); vertex(this.pos.x+this.size0.25, this.pos.y); //1 vertex(this.pos.x+this.size0.25, this.pos.y+this.size0.25); //2 vertex(this.pos.x+this.size0.07, this.pos.y+this.size0.25); //3 vertex(this.pos.x+this.size0.07, this.pos.y+this.size0.12); //4 vertex(this.pos.x-this.size0.07, this.pos.y+this.size0.12); //5 vertex(this.pos.x-this.size0.07, this.pos.y+this.size0.25); //6 vertex(this.pos.x-this.size0.25, this.pos.y+this.size0.25); //7 vertex(this.pos.x-this.size0.25, this.pos.y); //8 vertex(this.pos.x, this.pos.y-this.size0.2); //9 vertex(this.pos.x+this.size0.25, this.pos.y); //10 endShape(); noFill(); stroke(this.textColor); strokeWeight(this.size0.05); line(this.pos.x-this.size0.27, this.pos.y-this.size0.05, this.pos.x, this.pos.y-this.size0.27); line(this.pos.x+this.size0.27, this.pos.y-this.size0.05, this.pos.x, this.pos.y-this.size0.27); line(this.pos.x+this.size0.15, this.pos.y-this.size0.19, this.pos.x+this.size0.15, this.pos.y-this.size0.25); popStyle(); break; case "Done": pushStyle(); noFill(); stroke(this.textColor); strokeWeight(5); line(this.pos.x-this.size0.22, this.pos.y+this.size0.05, this.pos.x-this.size0.05, this.pos.y+this.size0.23); line(this.pos.x-this.size0.05, this.pos.y+this.size0.23, this.pos.x+this.size0.25, this.pos.y-this.size0.2); popStyle(); break; default: text(this.content, this.pos.x, this.pos.y); } } popStyle(); }; } //Buttons { var Transition = function(config) { this.blocks = []; this.blockSize = config.blockSize \|\| lag === true ? 150 : 75; this.fullImage = ""; }; //manages the movement of the blocks Transition.prototype.update = function() { var block; for(var i = this.blocks.length-1; i >= 0; i--) { block = this.blocks[i]; if(block.pos.y > height * 1.1) { this.blocks.splice(i, 1); } else { block.velocity.add(0, 0.2); block.pos.add(block.velocity); } } }; //displays the blocks Transition.prototype.display = function() { var block; noFill(); stroke(240, 235, 235, 20); strokeWeight(1); for(var i = 0; i < this.blocks.length; i++) { block = this.blocks[i]; pushMatrix(); translate(block.pos.x, block.pos.y); block.angle+= block.velocity.x; rotate(block.angle); image(block.img, 0, 0); rect(0, 0, this.blockSize, this.blockSize); popMatrix(); } }; //gets the initial block images to be transitioned Transition.prototype.init = function() { this.blocks = []; for(var i = 0; i < width; i+= this.blockSize) { for(var j = 0; j < height; j+= this.blockSize) { var img = get(i, j, this.blockSize, this.blockSize); this.blocks.push( { img: img, pos: new PVector(i, j), velocity: new PVector(random(-3, 3), random(-5, -2)), angle: 0 }); } } }; Transition.prototype.run = function() { this.update(); this.display(); }; } //Transition { var Game = function (config) { this.page = "home"; this.cols = config.cols \|\| 60; this.rows = config.rows \|\| 20; this.levels = levels; this.level = config.level \|\| 1; this.jump = false; this.levelProgression = false; this.deathProgression = false; this.canExit = false; this.trans = new Transition({}); this.shake = 0; this.shakeTarget = 100; this.shaking = false; this.shakingPause = floor(random(300, 500)); this.paused = false; this.pausedScreen = ""; //Arrays this.spawn = []; this.missiles = []; this.keys = []; this.explosions = []; this.grounds = []; this.walls = []; this.doors = []; this.lava = []; this.blocks = []; this.fans = []; this.bounces = []; this.toggleWalls = []; this.toggleFans = []; this.moversContained = []; this.moversFree = []; this.assets = []; this.enemies = []; this.canShoot = true; this.levelComplete = false; this.delay = 0; this.delayAmount = 100; 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(196, 193, 192), textColor: color(255, 255, 255, 220), targetColor: color(40, 40, 40, 100) } ]; //Theme colors this.transitionText = ""; this.transitions = [ "Well done", "Excellent", "Awesome", "Brilliant", "Fantabulous", "You're on fire", "Easy peasy", "You're the master", "Great work", "supercalifragilisticexpialidocious", "You are truly gifted", "Shrewd skills", "Awe-inspiring", "Magnificent", "Mind-blowing", "Very impressive", "You are formidable", "Very admirable", "Sensational", "Remarkable", "Tremendous", "Phenomenal", "Incredible skills", "Holy guacamole", "Simples" ]; this.who = [ "Doctor137", "Nick", "a kid", "Gray Wolf", "red monster", "Mojo1000", "TeenNectar", "XTRAcode", "Will", "anishshenoy", "Greg Pakaluk", "The Anonymous (previously wkr1128)", "Luke", "AanayPatel", "JS", "Thai Nguyen", "TheMoneyLord", "𝕮𝖔𝖓𝖈𝖚𝖘𝖘𝖎𝖔𝖓[NinjaNews]", "Muhammed Fazl", "Monster Master", "zacharyingram", "David Wen", "bettablue", "Ian Burpo", "Leon nie", "Doodlebug 012", "Nathan Federoff", "Jamie C", "Kevin Tony", "Darren", "AaBbCcDdEeFfGgHhIiJjKk...", "Ansguard", "Diane Jeong", "Ryan Jeong", "MoonBlossom", "Omar H.", "epic gamer", "mhedani1", "Ducky and Stephen", "Leon", "DigiGirl", "Caracal", "SnoopyPuppy865", "T1J0L1N", "KentaroZay", "5am", "Designer", "felix.erlandson", "Blueleaf", "BD Coding", "louis", "Hewu", "Owen H" ]; //Completed the game this.who.sort(function(a, b) { return a.toUpperCase() < b.toUpperCase() ? -1 : 1; }); { this.backButton = new Button({ pos: new PVector(300, 530), content: "Back", page: "home" }); this.levelsButton = new Button({ pos: new PVector(250, 425), content: "Levels", page: "levels" }); this.themesButton = new Button({ pos: new PVector(300, 250), content: "Themes", page: "themes" }); this.whoCompletedButton = new Button({ pos: new PVector(350, 425), content: "Done", page: "whocompleted" }); this.howButton = new Button({ pos: new PVector(150, 425), content: "How", page: "how" }); this.playButton = new Button({ pos: new PVector(450, 425), content: "Play", page: "start"// "play" }); this.completeButton = new Button({ pos: new PVector(300, 490), content: "Home", page: "home" }); } //Buttons this.levelButtons = []; var levelButtonY = 175; for(var i = 0; i < 15; i++) { if(i !== 0 && i % 5 === 0) { levelButtonY+= 100; } this.levelButtons.push( new Button({ pos: new PVector((i%5+1)100, levelButtonY), content: (i+1).toString(), page: "level", size: 75 } )); } }; game = new Game({}); } //Game (initialize) { 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); }; //applies initial force to the explosion Explosion.prototype.applyForce = function (force) { this.acceleration.add(force); }; //manages the movement of the explosions Explosion.prototype.update = function () { this.velocity.add(this.acceleration); this.pos.add(this.velocity); this.acceleration.mult(0); this.rotation += this.rotationDelta; }; //displays the explosions 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 Asset = function(config) { this.pos = config.pos \|\| PVector(0, 0); this.type = config.type \|\| "00"; }; //displays the assets (two types of trees) Asset.prototype.display = function() { switch(this.type) { case "01": //round tree pushMatrix(); translate(0, 0); image(game.images.asset01, this.pos.x, this.pos.y - gh 0.5, gw, gh * 1.5); popMatrix(); break; case "02": //triangle tree pushMatrix(); translate(0, 0); image(game.images.asset02, this.pos.x, this.pos.y - gh * 0.5, gw, gh * 1.5); popMatrix(); break; } }; //not yet used but will if decide to animate the assets Asset.prototype.update = function() { }; Asset.prototype.run = function() { this.update(); this.display(); }; } //Asset { //block object - parent for many of the other objects var Block = 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); this.digit = config.digit \|\| "0"; this.style = config.style \|\| "0"; this.velocity = new PVector(0, 0); this.on = config.on \|\| true; }; //check to see if an object collides with a block Block.prototype.checkCollision = function(obj) { if( obj.pos.x + obj.w > this.pos.x && obj.pos.x < this.pos.x + this.w && obj.pos.y + obj.h > this.pos.y && obj.pos.y < this.pos.y + this.h) { return true; } return false; }; //check to see if the player hits a block Block.prototype.collisionPlayer = function(player) { if(this.checkCollision(player)) { //y position if(player.pos.x + player.w > this.pos.x + 2 && player.pos.x < this.pos.x + this.w - 2 && player.pos.y < this.pos.y + this.h) { if(player.pos.y > this.pos.y) { player.pos.y -= player.pos.y - this.pos.y - this.h; } else if(player.pos.y > this.pos.y-gh) { player.pos.y -= player.pos.y - this.pos.y + this.h; game.jump = true; if(this.velocity.x !== 0) { player.pos.x += this.velocity.x * 2; } } player.velocity.y = 0; } //x position if(player.pos.y + player.h > this.pos.y + 2 && player.pos.y < this.pos.y + this.h - 2 && player.pos.x < this.pos.x + this.w) { if(player.pos.x > this.pos.x) { player.pos.x -= player.pos.x - this.pos.x - this.w; } else if(player.pos.x > this.pos.x-gw) { player.pos.x -= player.pos.x - this.pos.x + this.w; } player.velocity.x = 0; } } }; //not used at the block parent level Block.prototype.update = function () { }; //displays the block (this method is overwritten in most objects that inherit from it) Block.prototype.display = function () { noStroke(); switch(this.style) { case "0": fill(this.backColor); rect(this.pos.x, this.pos.y, this.w, this.h); break; case "1": fill(58, 183, 169); rect(this.pos.x, this.pos.y, this.w, this.h); rect(this.pos.x + this.w * 0.15 , this.pos.y - this.h * 0.1, this.w * 0.25, this.h * 0.2, 10); rect(this.pos.x + this.w * 0.55, this.pos.y - this.h * 0.1, this.w * 0.25, this.h * 0.2, 10); fill(214, 210, 214, 100); rect(this.pos.x, this.pos.y, this.w, this.h * 0.05); fill(50, 50, 50, 10); rect(this.pos.x, this.pos.y + this.h * 0.5, this.w, this.h * 0.5); break; case "2": fill(46, 45, 45); rect(this.pos.x, this.pos.y, this.w, this.h); break; } }; Block.prototype.run = function () { this.update(); this.display(); }; //check to see if a missile collides with a block Block.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; }; } //Block { //inherits from block var Wall = function (config) { Block.call(this, config); }; Wall.prototype = Object.create(Block.prototype); //not yet implemented for standard walls Wall.prototype.update = function () { }; //displays the wall Wall.prototype.display = function () { noStroke(); switch(this.style) { case "0": //flat ground Block.prototype.display.call(this); break; case "1": pushMatrix(); translate(this.pos.x, this.pos.y); image(game.images.wallImage, 0, 0, this.w, this.h); popMatrix(); break; case "2": fill(30, 35, 60); rect(this.pos.x, this.pos.y, this.w, this.h); break; } }; Wall.prototype.run = function () { this.update(); this.display(); }; } //Wall { //inherits from block var Ground = function (config) { Block.call(this, config); }; Ground.prototype = Object.create(Block.prototype); //not yet implemented for ground Ground.prototype.update = function () { }; //displays the ground Ground.prototype.display = function () { noStroke(); switch(this.style) { case "0": //flat ground Block.prototype.display.call(this); break; case "1": //flat ground fill(105, 67, 105); rect(this.pos.x, this.pos.y, this.w, this.h); break; case "2": //grass fill(23, 159, 135); rect(this.pos.x, this.pos.y, this.w, this.h); rect(this.pos.x + this.w * 0.15 , this.pos.y - this.h * 0.1, this.w * 0.1, this.h * 0.2); rect(this.pos.x + this.w * 0.55, this.pos.y - this.h * 0.1, this.w * 0.1, this.h * 0.2); fill(214, 210, 214, 100); rect(this.pos.x, this.pos.y, this.w, this.h * 0.05); fill(50, 50, 50, 10); rect(this.pos.x, this.pos.y + this.h * 0.5, this.w, this.h * 0.5); break; case "3": //rounded fill(46, 45, 45); rect(this.pos.x, this.pos.y, this.w, this.h, 5, 5, 0, 0); break; } }; Ground.prototype.run = function () { this.update(); this.display(); }; } //Ground { //inherits from block var Door = function (config) { Block.call(this, config); }; Door.prototype = Object.create(Block.prototype); //not yet implemented for doors Door.prototype.update = function () { }; //displays the door Door.prototype.display = function () { noStroke(); //frame fill(30, 215, 210); fill(60, 207, 240, 150); beginShape(); vertex(this.pos.x - this.w * 0.15, this.pos.y - this.h * 0.3); vertex(this.pos.x + this.w * 1.1, this.pos.y - this.h * 0.3); vertex(this.pos.x + this.w, this.pos.y + this.h); vertex(this.pos.x, this.pos.y + this.h); endShape(CLOSE); if(game.canExit) { fill(95, 230, 176); } else { fill(30, 35, 61); } beginShape(); vertex(this.pos.x + this.w * 0.05, this.pos.y - this.h * 0.1); vertex(this.pos.x + this.w * 0.9, this.pos.y - this.h * 0.1); vertex(this.pos.x + this.w * 0.85, this.pos.y + this.h); vertex(this.pos.x + this.w * 0.15, this.pos.y + this.h); endShape(CLOSE); if(game.canExit === false) { fill(200, 200, 200); rect(this.pos.x + this.w * 0.2, this.pos.y + this.h * 0.3, this.w * 0.1, this.h * 0.2); } }; Door.prototype.run = function () { this.update(); this.display(); }; //check to see if the player goes through the door //including if the door is open to go through Door.prototype.collisionPlayer = function(player) { if(this.checkCollision(player) && game.canExit) { game.levelProgression = true; return true; } return false; }; } //Door { //inherits from block //not actually used in ths implementation - future use var Lava = function (config) { Block.call(this, config); }; Lava.prototype = Object.create(Block.prototype); //not used at the moment, but will be if introduce (moving) lava Lava.prototype.update = function () { }; //displays the lava Lava.prototype.display = function () { noStroke(); fill(230, 133, 49, 200); rect(this.pos.x, this.pos.y, this.w, this.h); }; Lava.prototype.run = function () { this.update(); this.display(); }; //check to see if the player hits the lava Lava.prototype.collisionPlayer = function(player) { if(this.checkCollision(player)) { game.deathProgression = true; return true; } return false; }; } //Lava { //inherits from block var Fan = function (config) { Block.call(this, config); this.direction = config.direction \|\| new PVector(0, 0); this.angle = 0; this.digit = config.digit \|\| 1; this.area = this.pos.get(); this.setup(); }; Fan.prototype = Object.create(Block.prototype); //sets up the fan to face in the correct direction 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; } }; //updates the fan so it looks like its blowing 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 })); } } }; //displays the fan Fan.prototype.displayx = function () { noStroke(); fill(240, 240, 240); fill(63, 207, 240); 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(63, 207, 240); fill(240, 240, 240); rect(-this.w / 2, -this.h / 2, this.w, this.h); popMatrix(); } }; Fan.prototype.run = function () { this.update(); this.displayx(); }; //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 { //inherits from block var Bounce = function (config) { Block.call(this, config); this.digit = config.digit \|\| 1; this.setup(); }; Bounce.prototype = Object.create(Block.prototype); //initial setup to set the correct direction 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; } }; //not used in this implementation - future use Bounce.prototype.update = function () { }; //displays the bounce pad Bounce.prototype.display = function () { noStroke(); fill(240, 240, 240); rect(this.pos.x, this.pos.y, this.w, this.h); }; Bounce.prototype.run = function () { this.update(); this.display(); }; //checks if the player hits the bounce pad Bounce.prototype.collisionPlayerX = function(player) { if (this.checkCollision(player)) { var force = new PVector(0, 0); //y position if(player.pos.x + player.w > this.pos.x + 2 && player.pos.x < this.pos.x + this.w - 2 && player.pos.y < this.pos.y + this.h) { if(player.pos.y > this.pos.y) { force.y = 20; player.velocity.y = -1; } else if(player.pos.y > this.pos.y-gh) { force.y = -20; player.velocity.y = -1; } } //x position else if(player.pos.y + player.h > this.pos.y + 2 && player.pos.y < this.pos.y + this.h - 2 && player.pos.x < this.pos.x + this.w) { if(player.pos.x > this.pos.x) { force.x = 20; player.velocity.x = -1; } else if(player.pos.x > this.pos.x-gw) { force.x = -20; player.velocity.x = -1; } } player.applyForce(force); } }; //checks if the missile hits the bounce pad 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 { //inherits from block var MoverFree = function (config) { Block.call(this, config); this.velocity = config.velocity \|\| new PVector(1, 0); }; MoverFree.prototype = Object.create(Block.prototype); //updates the moving block 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; } }; //displays the moving block MoverFree.prototype.display = function () { noStroke(); fill(150, 150, 150, 100); rect(this.pos.x, this.pos.y, this.w, this.h); }; } //MoverFree (Might not use this one) { //inherits from block var MoverContained = function (config) { Block.call(this, config); this.velocity = this.digit === "0" ? new PVector(0, 1) : new PVector(1, 0); }; MoverContained.prototype = Object.create(Block.prototype); //updates the moving block MoverContained.prototype.update = function () { this.pos.add(this.velocity); if (this.checkCollisionBlock()) { this.velocity.mult(-1); } }; //check to see if the moving block hits anothe block object MoverContained.prototype.checkCollisionBlock = function () { if (this.pos.x < 0 \|\| this.pos.x + this.w > width) { return true; } if (this.pos.y < gh \|\| this.pos.y + (this.h * 2) > height) { return true; } for(var i = 0; i < game.blocks.length; i++) { var block = game.blocks[i]; if (block.pos.x + block.w > this.pos.x && block.pos.y + (block.h * 2) > this.pos.y && block.pos.x < this.pos.x + this.w && block.pos.y < this.pos.y + (this.h * 2)) { return true; } } return false; }; //displays the moving block MoverContained.prototype.display = function () { pushMatrix(); translate(this.pos.x, this.pos.y); image(game.images.wallImage, 0, 0, this.w, this.h); popMatrix(); }; } //MoverContained { //inherits from block var SWall = function (config) { Block.call(this, config); this.on = true; }; SWall.prototype = Object.create(Block.prototype); //checks to see if the player collides with the wall SWall.prototype.collisionPlayer = function(player) { if (this.on) { Block.prototype.collisionPlayer.call(this, player); } }; //displays the wall SWall.prototype.display = function () { if (this.on) { pushMatrix(); translate(this.pos.x, this.pos.y); image(game.images.toggleWallOnImage, 0, 0, this.w, this.h); popMatrix(); } else { pushMatrix(); translate(this.pos.x, this.pos.y); image(game.images.toggleWallOffImage, 0, 0, this.w, this.h); popMatrix(); } }; //checks to see if a missles collides with the wall SWall.prototype.collision = function (missile) { if (this.on) { return Block.prototype.collision.call(this, missile); } else { return false; } }; } //S Wall { //inherits from block //manages turing walls solid or not solid var ToggleWall = function (config) { Block.call(this, config); this.on = true; }; ToggleWall.prototype = Object.create(Block.prototype); //displays the wall toggle ToggleWall.prototype.display = function () { if (this.on) { image(game.images.toggle1Image, this.pos.x, this.pos.y, this.w, this.h); } else { image(game.images.toggle3Image, this.pos.x, this.pos.y, this.w, this.h); } }; } //ToggleWall { //inherits from block //manages turing fans off, medium or fast var ToggleFan = function (config) { Block.call(this, config); }; ToggleFan.prototype = Object.create(Block.prototype); //displays the fan ToggleFan.prototype.display = function () { switch (game.fanSpeed) { case 0: image(game.images.toggle1Image, this.pos.x, this.pos.y, this.w, this.h); break; case 1: image(game.images.toggle2Image, this.pos.x, this.pos.y, this.w, this.h); break; case 2: image(game.images.toggle3Image, this.pos.x, this.pos.y, this.w, this.h); break; } }; } //ToggleFan { //inherits from block var Portal = function (config) { Block.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(49, 236, 255, 100); this.outerColor = config.outerColor \|\| color(49, 236, 255, 100); this.centerColor = config.centerColor \|\| color(49, 236, 255, 200); this.coreColor = config.coreColor \|\| color(9, 176, 198, 200); }; Portal.prototype = Object.create(Block.prototype); //updates the rotation of the portal Portal.prototype.update = function () { this.angle += this.rotate; }; //displays the portal 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(); }; //check to see if a missile hits the portal 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 { //displayed as a gem, acts as a key to open the door var Key = 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(184, 17, 17, 150); this.digit = config.digit \|\| "0"; this.style = config.style \|\| "0"; }; //not implemented - for future use Key.prototype.update = function () { }; //displays the key Key.prototype.display = function () { noStroke(); pushMatrix(); translate(this.pos.x + this.w * 0.5, this.pos.y + this.h * 0.5); rotate(frameCount); scale(0.85); image(game.images.keyImage, -this.w * 0.5, -this.h * 0.5, this.w, this.h); popMatrix(); }; Key.prototype.run = function () { this.update(); this.display(); }; } //Key { //inherits from block var Enemy = function (config) { Block.call(this, config); this.velocity = this.digit === "0" ? new PVector(-1, 0) : new PVector(1, 0); }; Enemy.prototype = Object.create(Block.prototype); //moves the enemy Enemy.prototype.update = function () { this.velocity.y += 0.15; this.pos.add(this.velocity); if (this.pos.x < 0 \|\| this.pos.x + this.w > width) { this.velocity.x = -1; } this.checkCollisionBlocks(); }; //check if the enemy hits a block object Enemy.prototype.checkCollisionBlocks = function() { for(var i = 0; i < game.blocks.length; i++) { var block = game.blocks[i]; if(block.on) { if( block.pos.x + block.w > this.pos.x && block.pos.x < this.pos.x + this.w && block.pos.y + block.h > this.pos.y && block.pos.y < this.pos.y + this.h) { //Check if x hit if(this.pos.y + this.h > block.pos.y + 2 && this.pos.y < block.pos.y + block.h - 2 && this.pos.x < block.pos.x + block.w) { this.velocity.x = -1; } //Check if y hit (ground) if(this.pos.x + this.w > block.pos.x + 2 && this.pos.x < block.pos.x + block.w - 2 && this.pos.y < block.pos.y + block.h) { if(this.pos.y > block.pos.y-gh) { this.pos.y -= this.pos.y - block.pos.y + block.h; } this.velocity.y = 0; } } } } }; //displays the enemy Enemy.prototype.display = function () { noStroke(); //body fill(10, 10, 10, 175); rect(this.pos.x, this.pos.y, this.w, this.h); //headband fill(0, 0, 0); rect(this.pos.x, this.pos.y, this.w, this.h * 0.1); //eyes fill(255, 255, 255, 200); ellipse(this.pos.x + this.w * 0.5 - this.w * 0.15, this.pos.y + this.h * 0.5 - this.h * 0.15, this.w * 0.1, this.w * 0.1); ellipse(this.pos.x + this.w * 0.5 + this.w * 0.15, this.pos.y + this.h * 0.5 - this.h * 0.15, this.w * 0.1, this.w * 0.1); }; //check if the player hits the enemy Enemy.prototype.collisionPlayer = function(player) { if(this.checkCollision(player)) { game.deathProgression = true; return true; } return false; }; Enemy.prototype.run = function () { this.update(); this.display(); }; } //Enemy { //this is pinky :) var Cannon = function (config) { this.pos = config.pos \|\| new PVector(0, 0); this.mouse = new PVector(0, 0); this.w = config.w \|\| gw; this.h = config.h \|\| gh; this.size = config.size \|\| gw; this.angle = 0; this.center = new PVector(0, 0); this.velocity = new PVector(0, 0); this.acceleration = new PVector(0, 0); this.dir = 0; this.digit = config.digit \|\| "0"; this.style = config.style \|\| "0"; this.scale = 1; }; //applies the force Cannon.prototype.applyForce = function (force) { this.acceleration.add(force); }; //updates the cannon depending on the mouse position Cannon.prototype.update = function () { this.center.set(this.pos.x + this.w * 0.5, this.pos.y + this.h * 0.5); this.mouse.set(mouseX, mouseY); this.mouse.sub(this.center); this.mouse.normalize(); this.angle = this.mouse.heading() + 90; this.velocity.add(this.acceleration); this.pos.add(this.acceleration); this.acceleration.mult(0); }; //displays the cannon (pinky) Cannon.prototype.display = function () { noStroke(); pushMatrix(); translate(this.center.x, this.center.y); scale(this.scale); //turret this.mouse.mult(25); pushStyle(); noFill(); stroke(0, 0, 0, 220); strokeWeight(4); line(0, 0, this.mouse.x, this.mouse.y); popStyle(); //body noStroke(); fill(255, 40, 110, 220); ellipse(0, 0, this.w, this.h); //eyes fill(100, 100, 100, 50); arc(0, 0, this.w, this.h, this.angle % 360, (this.angle % 360 + 180)); fill(255); ellipse(this.mouse.x * 0.25 - this.w * 0.1, this.mouse.y * 0.25, 6, 6); ellipse(this.mouse.x * 0.25 + this.w * 0.1, this.mouse.y * 0.25, 6, 6); fill(0); ellipse(this.mouse.x * 0.25 - this.w * 0.1, this.mouse.y * 0.25, 2, 2); ellipse(this.mouse.x * 0.25 + this.w * 0.1, this.mouse.y * 0.25, 2, 2); popMatrix(); }; //moves pinky Cannon.prototype.move = function() { if(keys[LEFT] \|\| keys[65]) { //Left arrow or A this.velocity.x -= 0.075; this.dir = -1; } else if(keys[RIGHT] \|\| keys[68]) { //Right arrow or D this.velocity.x += 0.075; this.dir = 1; } else { if(this.velocity.x <= -0.1 \|\| this.velocity.x >= 0.1){ this.velocity.x -= 0.1 * this.dir; } else{ this.velocity.x = 0; } } if((keys[UP] \|\| keys[87]) && game.jump) { //Up arrow or W this.velocity.y = -5.5; game.jump = false; } if(this.velocity.y > 0.15) { game.jump = false; } this.velocity.x = constrain(this.velocity.x, -2, 2); this.velocity.y = constrain(this.velocity.y, -5.5, 4); this.pos.x = constrain(this.pos.x + this.velocity.x, 0, width-gw); this.pos.y = constrain(this.pos.y + this.velocity.y, 0, height); if(this.pos.y === height) { //game.jump = true; game.deathProgression = true; } else { this.velocity.y += 0.15; } }; Cannon.prototype.run = function () { this.move(); this.update(); this.display(); }; } //Cannon { //the missile that pinky fires 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 \|\| 6; this.applyForce(this.thrust); }; //applies the force Missile.prototype.applyForce = function (force) { this.acceleration.add(force); }; //moves the missile Missile.prototype.update = function () { this.applyForce(this.gravity); this.velocity.add(this.acceleration); this.pos.add(this.velocity); this.acceleration.mult(0); }; //displays the missle 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 { //Wolf image in background Game.prototype.drawWolf = function() { background(0, 0, 0, 0); noStroke(); //walls fill(52, 119, 153); beginShape(); vertex(54, 0); vertex(38, 139); vertex(20, 188); vertex(20, 214); vertex(9, 344); vertex(24, 398); vertex(2, 491); vertex(0, 0); endShape(CLOSE); fill(43, 113, 153); beginShape(); vertex(600, 62); vertex(533, 4); vertex(459, 50); vertex(383, 0); vertex(353, 40); vertex(243, 6); vertex(150, 73); vertex(106, 15); vertex(35, 65); vertex(2, 100); vertex(0, 0); vertex(600, 0); endShape(CLOSE); //inside mouth fill(255, 255, 255, 50); beginShape(); vertex(160, 387); vertex(184, 353); vertex(200, 374); vertex(225, 348); vertex(241, 381); vertex(260, 353); vertex(282, 388); vertex(308, 352); vertex(349, 409); vertex(373, 359); vertex(396, 496); vertex(370, 459); vertex(334, 526); vertex(266, 440); vertex(225, 509); vertex(189, 460); vertex(164, 472); vertex(128, 441); vertex(115, 590); vertex(590, 592); vertex(517, 241); vertex(460, 273); vertex(413, 243); vertex(396, 278); vertex(300, 268); vertex(146, 296); endShape(CLOSE); //wolf fill(43, 113, 153); beginShape(); vertex(597, 597); vertex(506, 165); vertex(492, 225); vertex(476, 236); vertex(462, 264); vertex(427, 145); vertex(394, 270); vertex(329, 263); vertex(291, 264); vertex(255, 273); vertex(106, 280); vertex(107, 329); vertex(116, 361); vertex(132, 340); vertex(138, 366); vertex(157, 398); vertex(187, 326); vertex(206, 365); vertex(225, 335); vertex(255, 338); vertex(281, 380); vertex(305, 339); vertex(345, 392); vertex(372, 349); vertex(398, 380); vertex(408, 349); vertex(427, 376); vertex(452, 343); vertex(540, 566); vertex(441, 483); vertex(427, 549); vertex(374, 474); vertex(331, 540); vertex(270, 464); vertex(237, 497); vertex(208, 533); vertex(127, 445); vertex(112, 596); endShape(CLOSE); //eyes //right fill(55, 55, 55, 30); beginShape(); vertex(363, 281); vertex(323, 282); vertex(309, 326); vertex(342, 348); vertex(385, 315); endShape(CLOSE); //left fill(55, 55, 55, 30); beginShape(); vertex(426, 266); vertex(393, 297); vertex(411, 330); vertex(440, 328); vertex(462, 311); vertex(456, 281); endShape(CLOSE); //walls fill(46, 104, 135); beginShape(); vertex(600, 600); vertex(543, 579); vertex(486, 553); vertex(393, 576); vertex(317, 524); vertex(278, 583); vertex(214, 540); vertex(145, 577); vertex(56, 530); vertex(37, 543); vertex(19, 508); vertex(1, 561); vertex(2, 597); vertex(600, 600); endShape(CLOSE); }; //Pinky title Game.prototype.drawTitle = function() { pushMatrix(); translate(-74, -137); noStroke(); stroke(240, 240, 240, 100); strokeWeight(2); //P fill(63, 207, 240); fill(255, 40, 110, 180); beginShape(); vertex(80, 138); vertex(132, 157); vertex(99, 190); vertex(96, 238); vertex(75, 207); endShape(CLOSE); //I beginShape(); vertex(114, 191); vertex(108, 234); vertex(129, 257); vertex(126, 209); endShape(CLOSE); //I dot beginShape(); vertex(125, 174); vertex(118, 183); vertex(125, 193); vertex(133, 186); vertex(133, 180); endShape(CLOSE); //N beginShape(); vertex(135, 195); vertex(160, 213); vertex(162, 187); vertex(178, 187); vertex(183, 252); vertex(171, 256); vertex(144, 223); vertex(145, 249); vertex(134, 232); endShape(CLOSE); //K beginShape(); vertex(189, 179); vertex(202, 175); vertex(202, 201); vertex(225, 166); vertex(240, 168); vertex(215, 207); vertex(233, 241); vertex(220, 246); vertex(203, 223); vertex(201, 250); vertex(187, 249); endShape(CLOSE); //Y beginShape(); vertex(233, 188); vertex(252, 204); vertex(266, 175); vertex(284, 184); vertex(254, 248); vertex(242, 246); vertex(246, 219); vertex(226, 198); endShape(CLOSE); //P center fill(52, 128, 173); beginShape(); vertex(97, 168); vertex(96, 155); vertex(105, 162); endShape(CLOSE); popMatrix(); }; //Array containing all images Game.prototype.images = { wolfImage: function() { background(0, 0, 0, 0); game.drawWolf(); return get(0, 0, width, height); }, titleImage: function() { background(0, 0, 0, 0); game.drawTitle(); return get(0, 0, 210, 120); }, wallImage: function() { background(0, 0, 0, 0); noStroke(); fill(30, 35, 60); rect(0, 0, gw, gh); fill(63, 207, 240); triangle(0, 0, gw * 0.2, 0, 0, gh * 0.25); triangle(gw * 0.2, 0, gw * 0.5, 0, gw * 0.35, gh * 0.2); triangle(gw * 0.5, 0, gw * 0.85, 0, gw * 0.65, gh * 0.3); triangle(gw * 0.75, 0, gw, 0, gw, gh * 0.2); return get(0, 0, gw, gh); }, toggleWallOnImage: function() { background(0, 0, 0, 0); noStroke(); fill(30, 35, 60); rect(0, 0, gw, gh); fill(240, 240, 240); triangle(0, 0, gw * 0.2, 0, 0, gh * 0.25); triangle(gw * 0.2, 0, gw * 0.5, 0, gw * 0.35, gh * 0.2); triangle(gw * 0.5, 0, gw * 0.85, 0, gw * 0.65, gh * 0.3); triangle(gw * 0.75, 0, gw, 0, gw, gh * 0.2); return get(0, 0, gw, gh); }, toggleWallOffImage: function() { background(0, 0, 0, 0); noStroke(); fill(30, 35, 60, 50); rect(0, 0, gw, gh); fill(240, 240, 240, 50); triangle(0, 0, gw * 0.2, 0, 0, gh * 0.25); triangle(gw * 0.2, 0, gw * 0.5, 0, gw * 0.35, gh * 0.2); triangle(gw * 0.5, 0, gw * 0.85, 0, gw * 0.65, gh * 0.3); triangle(gw * 0.75, 0, gw, 0, gw, gh * 0.2); return get(0, 0, gw, gh); }, keyImage: function() { background(0, 0, 0, 0); noStroke(); pushMatrix(); translate(gw * 0.5, gh * 0.5); fill(253, 168, 240); beginShape(); vertex(0, -gh * 0.5); vertex(gw * 0.5, -gh * 0.1); vertex(gw * 0.2, gh * 0.5); vertex(-gw * 0.2, gh * 0.5); vertex(-gw * 0.5, -gh * 0.1); endShape(CLOSE); fill(253, 168, 240); triangle(0, -gh * 0.5, gw * 0.2, 0, -gw * 0.2, 0); fill(254, 139, 212); triangle(0, -gh * 0.5, gw * 0.5, -gh * 0.1, gw * 0.2, 0); fill(252, 193, 244); triangle(gw * 0.5, -gh * 0.1, gw * 0.2, 0, gw * 0.2, gh * 0.5); fill(252, 135, 194); beginShape(); vertex(gw * 0.2, 0); vertex(gw * 0.2, gh * 0.5); vertex(-gw * 0.2, gh * 0.5); vertex(-gw * 0.2, 0); endShape(); fill(253, 154, 239); triangle(-gw * 0.2, 0, -gw * 0.2, gh * 0.5, -gw * 0.5, -gh * 0.1); fill(251, 234, 253); triangle(-gw * 0.2, 0, -gw * 0.5, -gh * 0.1, 0, -gh * 0.5); popMatrix(); return get(0, 0, gw, gh); }, toggle1Image: function() { background(0, 0, 0, 0); noStroke(); fill(242, 82, 67, 100); rect(0, 0, gw, gh); fill(242, 82, 67, 100); rect(0, 0, gw * 0.25, gh); rect(gw * 0.75, 0, gw * 0.25, gh); fill(242, 82, 67, 150); rect(0, 0, gw, gh * 0.25); rect(0, gh * 0.75, gw, gh * 0.25); //nails fill(30, 35, 60, 75); ellipse(gw * 0.1, gh * 0.15, 3, 3); ellipse(gw * 0.9, gh * 0.15, 3, 3); ellipse(gw * 0.1, gh * 0.9, 3, 3); ellipse(gw * 0.9, gh * 0.9, 3, 3); return get(0, 0, gw, gh); }, toggle2Image: function() { background(0, 0, 0, 0); noStroke(); fill(255, 213, 40, 100); rect(0, 0, gw, gh); fill(255, 213, 40, 100); rect(0, 0, gw * 0.25, gh); rect(gw * 0.75, 0, gw * 0.25, gh); fill(255, 213, 40, 150); rect(0, 0, gw, gh * 0.25); rect(0, gh * 0.75, gw, gh * 0.25); //nails fill(30, 35, 60, 75); ellipse(gw * 0.1, gh * 0.15, 3, 3); ellipse(gw * 0.9, gh * 0.15, 3, 3); ellipse(gw * 0.1, gh * 0.9, 3, 3); ellipse(gw * 0.9, gh * 0.9, 3, 3); return get(0, 0, gw, gh); }, toggle3Image: function() { background(0, 0, 0, 0); noStroke(); fill(17, 214, 142, 100); rect(0, 0, gw, gh); fill(17, 214, 142, 100); rect(0, 0, gw * 0.25, gh); rect(gw * 0.75, 0, gw * 0.25, gh); fill(17, 214, 142, 150); rect(0, 0, gw, gh * 0.25); rect(0, gh * 0.75, gw, gh * 0.25); //nails fill(30, 35, 60, 75); ellipse(gw * 0.1, gh * 0.15, 3, 3); ellipse(gw * 0.9, gh * 0.15, 3, 3); ellipse(gw * 0.1, gh * 0.9, 3, 3); ellipse(gw * 0.9, gh * 0.9, 3, 3); return get(0, 0, gw, gh); }, asset01: function() { //round tree background(0, 0, 0, 0); noStroke(); pushMatrix(); translate(0, gw * 0.5); fill(30, 35, 60, 150); rect(gw * 0.4, gh * 0.2, gw * 0.2, gh); rect(gw * 0.5, gh * 0.2, gw * 0.1, gh); fill(240, 240, 240); triangle(0, gh * 0.5, gw, gh * 0.5, gw * 0.5, -gh / 2); fill(100, 100, 100, 50); triangle(gw, gh * 0.5, gw * 0.5, gh * 0.5, gw * 0.5, -gh / 2); popMatrix(); return get(0, 0, gw, gh * 1.5); }, asset02: function() { //triangle tree background(0, 0, 0, 0); noStroke(); pushMatrix(); translate(0, gw * 0.5); //trunk fill(30, 35, 60, 150); rect(gw * 0.4, gh * 0.2, gw * 0.2, gh); rect(gw * 0.5, gh * 0.2, gw * 0.1, gh); fill(63, 207, 240); arc(gw * 0.5, 0, gw, gh, 1, 360); fill(100, 100, 100, 50); arc(gw * 0.5, 0, gw, gh, -40, 140); popMatrix(); return get(0, 0, gw, gh * 1.5); } }; //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 }; //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.center, this.cannon.mouse), gravity: new PVector(0, 0.1), thrust: mouse } )); this.missileFired = true; }; //Checks if the missile hit a block Game.prototype.blockHit = function (missile) { //Normal blocks for (var i = 0; i < this.blocks.length; i++) { if (this.blocks[i].collision(missile)) { return true; } } //Ground blocks for (var i = 0; i < this.grounds.length; i++) { if (this.grounds[i].collision(missile)) { return true; } } //Wall blocks 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.blocks.length; i++) { var block = this.blocks[i]; if (block instanceof SWall) { block.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 = this.missiles.length - 1; i >= 0; 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.blockHit(missile)) { this.addExplosion({ pos: new PVector(missile.pos.x + missile.size / 2, missile.pos.y + missile.size / 2), w: 30, h: 30, 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 = this.keys.length - 1; j >= 0; j--) { var key = this.keys[j]; if (missile.pos.x + missile.size / 2 > key.pos.x && missile.pos.y + missile.size / 2 > key.pos.y && missile.pos.x < key.pos.x + key.w && missile.pos.y < key.pos.y + key.h) { this.missiles.splice(i, 1); this.keys.splice(j, 1); this.setMissileFired(); this.addExplosion({ pos: new PVector(key.pos.x + key.w / 2, key.pos.y + key.h / 2), w: 30, h: 30, backColor: key.backColor }); this.checkLevelComplete(); break; } } } } }; //This needs to change to unlock the door so can exit //Check if the level/game is complete Game.prototype.checkLevelComplete = function () { if (this.keys.length === 0) { this.canExit = true; //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.transition = false; this.page = "transition"; } }; //Add explosion for Player, Keys 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; var n = lag === true ? 10 : 15; for (var i = 0; i < n; i++) { //change from 15 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(); } }; //Check for collisions Game.prototype.checkCollision = function(arr) { for(var i = 0; i < arr.length; i++) { arr[i].collisionPlayer(this.cannon); } }; //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 K0 = key E0 - enemy L0 = lava 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.blocks.push( new Wall({ pos: new PVector(colDigit * gw, row * gh), backColor: color(20, 20, 20, 100), digit: grid[row][col + 1], style: grid[row][col + 2] }) ); } else if (grid[row][col] === "A") { //Asset (tree, rock, etc) this.assets.push( new Asset({ pos: new PVector(colDigit * gw, row * gh), type: grid[row][col + 1] + grid[row][col + 2] }) ); } else if (grid[row][col] === "L") { //Lava this.lava.push( new Lava({ pos: new PVector(colDigit * gw, row * gh), backColor: color(227, 108, 29, 100), digit: grid[row][col + 1], style: grid[row][col + 2] }) ); } else if (grid[row][col] === "D") { //Door this.doors.push( new Door({ pos: new PVector(colDigit * gw, row * gh), backColor: color(91, 72, 162, 200), digit: grid[row][col + 1], style: grid[row][col + 2] }) ); } else if (grid[row][col] === "E") { //Enemy this.enemies.push( new Enemy({ pos: new PVector(colDigit * gw, row * gh), backColor: color(166, 30, 12, 200), digit: grid[row][col + 1], style: grid[row][col + 2] }) ); } else if (grid[row][col] === "S") { //S Wall (solid or non-solid) this.blocks.push( new SWall({ pos: new PVector(colDigit * gw, row * gh), backColor: color(20, 20, 20, 80), digit: grid[row][col + 1], style: grid[row][col + 2] }) ); } else if (grid[row][col] === "M") { //Moving Walls switch (grid[row][col + 1]) { //Contained case "0": case "1": this.moversContained.push( new MoverContained({ pos: new PVector(colDigit * gw, row * gh), backColor: color(20, 20, 20, 80), digit: grid[row][col + 1], style: grid[row][col + 2] }) ); break; //Free case "10": this.moversFree.push( new MoverFree({ pos: new PVector(colDigit * gw, row * gh), backColor: color(20, 20, 20, 80), digit: grid[row][col + 1], style: grid[row][col + 2] }) ); 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), digit: grid[row][col + 1], style: grid[row][col + 2] }); break; //Portal Out case "1": this.portalOut = new Portal({ pos: new PVector(colDigit * gw, row * gh), digit: grid[row][col + 1], style: grid[row][col + 2] }); 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), digit: grid[row][col + 1], style: grid[row][col + 2] }) ); 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), digit: grid[row][col + 1], style: grid[row][col + 2] }) ); break; } } else if (grid[row][col] === "G") { //Ground this.blocks.push( new Ground({ pos: new PVector(colDigit * gw, row * gh), backColor: color(20, 20, 20, 100), digit: grid[row][col + 1], style: grid[row][col + 2] }) ); } else if (grid[row][col] === "C") { //Cannon this.cannon = new Cannon({ //pos: new PVector(colDigit * gw + 20, row * gh + 60), pos: new PVector(colDigit * gw, row * gh), w: gw, h: gh, digit: grid[row][col + 1], style: grid[row][col + 2] }); this.spawn.push( { pos: new PVector(colDigit * gw, row * gh), } ); } else if (grid[row][col] === "K") { //Key this.keys.push( new Key({ pos: new PVector(colDigit * gw, row * gh), digit: grid[row][col + 1], style: grid[row][col + 2], backColor: color(254, 139, 212) }) ); } 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.blocks.push( new Block({ pos: new PVector(colDigit * gw, row * gh), backColor: color(30, 35, 61), digit: grid[row][col + 1], style: grid[row][col + 2] }) ); this.fans.push( new Fan({ pos: new PVector(colDigit * gw, row * gh), direction: direction, digit: grid[row][col + 1], //1, 2, 3 or 4 style: grid[row][col + 2] }) ); } else if (grid[row][col] === "B") { //Bounce Pads this.blocks.push( new Block({ pos: new PVector(colDigit * gw, row * gh), backColor: color(30, 35, 61), digit: grid[row][col + 1], style: grid[row][col + 2] }) ); this.bounces.push( new Bounce({ pos: new PVector(colDigit * gw, row * gh), digit: grid[row][col + 1], //1, 2, 3 or 4 style: grid[row][col + 2] }) ); } colDigit++; col+=2; } } }; //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(16); 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(); }; //replaces the cursor with a sight 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 () { if(this.paused) { pushStyle(); noStroke(); image(this.pausedScreen, 0, 0, width, height); rectMode(CENTER); fill(30, 35, 60, 100); rect(width/2, height/2, 300, 150, 10); textAlign(CENTER, CENTER); textSize(40); fill(240, 240, 240); text("PAUSED", width/2, height0.47); textSize(20); text("Press P to resume", width/2, height0.55); popStyle(); return; } //Flip or Rotate the game if(this.flipped) { pushMatrix(); scale(-1.0, -1.0); translate(-width, -height); } if(this.page === "play") { this.displayScene(); } this.displayTarget(); this.runArr(this.lava); this.runArr(this.doors); this.runArr(this.moversFree); this.runArr(this.moversContained); this.runArr(this.toggleWalls); this.runArr(this.toggleFans); this.runArr(this.enemies); if (this.portal) { this.runPortals(); } if (clicked) { this.addMissile(); } if (this.missileFired) { this.runMissiles(); } this.runArr(this.keys); this.runExplosions(); this.cannon.run(); this.runArr(this.assets); this.runArr(this.blocks); this.runArr(this.bounces); this.runArr(this.fans); this.checkCollision(this.blocks); this.checkCollision(this.lava); this.checkCollision(this.enemies); this.checkCollision(this.doors); this.checkCollision(this.moversFree); this.checkCollision(this.moversContained); this.checkCollision(this.toggleWalls); this.checkCollision(this.toggleFans); this.checkCollision(this.fans); this.checkCollision(this.bounces); this.checkCollision(this.grounds); if(this.levelProgression){ this.levelProgression = false; this.levelComplete = true; this.transitionText = this.transitions[floor(random(this.transitions.length))]; } else if(this.deathProgression){ this.deathProgression = false; this.init(); } if (this.levelComplete && this.delay++ > 75) { this.transImage = get(0, 0, width, height); this.levelTransition(); } else if(this.levelComplete) { this.cannon.scale = constrain(this.cannon.scale - 0.05, 0, 1); } if(this.flipped) { popMatrix(); } }; //Initialise the game Game.prototype.init = function () { this.missiles = []; this.keys = []; this.explosions = []; this.grounds = []; this.blocks = []; this.walls = []; this.lava = []; this.doors = []; this.spawn = []; this.fans = []; this.bounces = []; this.toggleWalls = []; this.toggleFans = []; this.moversContained = []; this.moversFree = []; this.assets = []; this.enemies = []; this.flipped = false; this.portal = false; this.sWallsOn = true; this.portal = false; this.portalIn = ""; this.portalOut = ""; this.fanSpeed = 1; this.canShoot = true; this.canExit = false; 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 "level": this.init(); this.page = "play"; cursor('none'); break; 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 () { var transitionTextWidth = textWidth(this.transitionText); pushStyle(); noStroke(); fill(101, 135, 194, 100); fill(40, 40, 40, 180); rectMode(CENTER); rect(width/2, height/2, transitionTextWidth * 1.2, 80); popStyle(); fill(this.themeColors[this.theme].textColor); textSize(30); textAlign(CENTER, CENTER); text(this.transitionText, width / 2, height / 2); if(this.transition === false) { this.transX += 10; image(this.transImage, this.transX, 0, width, height); } if (this.transX > width * 3 && this.transition === false) { this.transition = true; this.delay = 0; this.trans.init(); } if(this.delay++ === this.delayAmount && this.transition === true) { this.transition = false; this.page = "play"; this.init(); } if(this.transition === true && this.delay < this.delayAmount) { background(52, 128, 173); image(game.images.wolfImage, 0, 0, width, height); this.transitionText = ""; this.trans.run(); } }; //Home Screen Game.prototype.homeScreen = function () { this.run(); image(this.images.titleImage, 190, 70); 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 0 for a Dark theme.\n\nPress 1 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(15); text("UP or W key to jump\nLEFT or A key to move left\nRIGHT or D key to move right\n\nUse the mouse to point in\nthe direction you wish to shoot\n\nThe distance the mouse is from the cannon\nwill determine how far you will shoot\n\nYou need to destroy all the gems to open the door\nand progress to the next level\n\nThe objective of the game\nis to complete all the levels\n\nPress P during a level to pause/resume", width / 2, 120); this.sub(); 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); for(var i = 0; i < this.levelButtons.length; i++) { this.levelButtons[i].draw(); } this.sub(); 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, 30); pushStyle(); textAlign(LEFT); textSize(12); var whoString = ""; for (var i = 0; i < this.who.length; i++) { text(this.who[i], i < 30 ? 60 : width / 2, 100 + i % 30 * 16); } popStyle(); this.sub(); 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.", 300, 180); this.completeButton.draw(); }; Game.prototype.sub = function() { textSize(20); text("🐺", 580, 570); if(clicked && mouseX > 570 && mouseX < 590 && mouseY > 570 && mouseY < 595) { println("Want to be notified when I create a new program? Subscribe here:\n\nhttps://www.khanacademy.org/computer-programming/subscribe-to-gray-wolf/6328515462627328"); } }; //Handles the game paused state Game.prototype.checkPaused = function() { if (keyPressed && keyCode === 80) { //P - Pause if(this.page === "play" \|\| this.page === "replay") { this.paused = !this.paused; this.pausedScreen = get(); } keyCode = 0; } }; //Runs background and checks for theme change Game.prototype.runBackground = function () { background(52, 128, 173); image(game.images.wolfImage, 0, 0, width, height); /* if(this.level === 15 && frameCount % this.shakingPause === 0) { this.shaking = true; this.shake = 0; } if(this.shaking) { pushMatrix(); translate(random(-8, 8), random(-8, 8)); background(0, 0, 0, 200); image(game.images.wolfImage, 0, 0, width, height); popMatrix(); this.shake+= random(1, 2); if(this.shake > this.shakeTarget) { this.shaking = false; this.shakingPause = floor(random(600, 1000)); } } else { background(52, 128, 173); image(game.images.wolfImage, 0, 0, width, height); } */ }; } //Game game.setup(); game.reset(); draw = function () { game.checkPaused(); 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	31,461,463,474,476,490,492,665,667,731,733,954,956,1002,1004,1038,1040,1144,1146,1184,1186,1232,1234,1297,1299,1334,1336,1430,1432,1527,1529,1556,1558,1605,1607,1649,1651,1671,1673,1697,1699,1759,1761,1792,1794,1875,1877,1996,1998,2038,2040,3450,3455,3487
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgMmukbyaCQw
Votes	295
Spin-Offs	10
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, 1739376346391
Updated	4 months ago, 1744844962259
Source Deleted	unknown