Viewing Program

Program Data

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

Title	My Platformer Prototype.
ID	4637143281795072
Created	6 years ago, 1557944339826
Updated	5 years ago, 1585414373904
Code	/ ***************************Program Info***************************** * ********Purpose******** * I just wanted to perfect up to my knowledge a platformer prototype for me to use as a start for my later games ********Controls******** * Controls are told in the game. * * Subscribe here to be notified when I make games using this template: * https://www.khanacademy.org/computer-programming/subscribe-to-iron-studios/6260734328930304 */ var init = function(debugging) { // get output Processing instance var pjs = this; //Setting up our function modes pjs.imageMode(CORNER); pjs.rectMode(CORNER); pjs.ellipseMode(CENTER); pjs.textAlign(LEFT, TOP); // a no-op (no operation) function var noop = function() {}; //Is it paused? var Pause = false; var Sound = false; //Did you win or lose the level? var LevelLose = false, LevelWin = false; var scene = "load-images", activeScreen = "load-images"; //Pressing keys{ var input = []; pjs.keyPressed = function() { input[keyCode] = true; }; pjs.keyReleased = function() { input[keyCode] = false; }; //} //Special functions I use{ // overrides KA's default timeout delay var setKALoopTimeout = function (n) { var k = "KAInfiniteLoopSetTimeout"; if (k in this && typeof this[k] === "function") { this[k](n \| 0); } }; //Using cosine and sine to make an outlined .text var textOutline = function(txt, x, y, firstColor, secondColor, thickness) { pjs.fill(secondColor); thickness = max(thickness, 1); for (var p = 0; p < 360; p += 360 / (2 PI * thickness)) { pjs.text(txt, x + cos(p) * thickness, y + sin(p) * thickness); } pjs.fill(firstColor); pjs.text(txt, x, y); }; //Making a function that draws glowing circles var Glow = function(Color, x, y, radius, glowRate) { pjs.noStroke(); //For Loop for the glow for(var i = 0; i < 15; i++) { //Multiply i by a negative number to decrease the value pjs.fill(Color, (i * -2) + 28); pjs.ellipse(x, y, (i * glowRate) + radius, (i * glowRate) + radius); } //Center of glow pjs.fill(Color, 10); pjs.ellipse(x, y, radius, radius); }; //Making waves var SinusoidalFunction = function(x, y, amplitude, frequency, width, thickness) { pjs.noFill(); pjs.strokeWeight(thickness); pjs.beginShape(); for(var i = -20; i < width; i += 0.5) { pjs.vertex(x + 20 + i, amplitude * -sin(i * frequency) + y); } pjs.endShape(); }; //Squiggly lines var SquigglyLine = function(x, y, amplitude, frequency, width, thickness) { pjs.noFill(); pjs.strokeWeight(thickness); pjs.beginShape(); for(var i = -20; i < width; i += 0.5) { pjs.vertex(x + 20 + i, amplitude * -tan(i * frequency) + y); } pjs.endShape(); }; //} //A closure that returns the object that stores graphics (credit to KWC) var Graphics = (function() { var cache = Object.create(null), //make a dictionary to store cached graphics imgs_to_load = [], //an array containing the names of the images onloadcomplete, //a function to run when the loading is complete cur_load = 0, //the current index of the imgs_to_load array //graphic factories factories = { //If your graphic uses too much loops or crashes so much, you can turn parts of it to images then use it here with Graphics.get(). However, you have to make sure that when you set the array of image names, the names of the images you want to load first must be BEFORE the name of the image in which they're used. (EB won't throw an error unless the for loops take too long to run, so be careful) //For example, if you want to use img1 and img2 in img3, you have to load img1 and img2 first, then use them in img3. PlayerImage: function() { pjs.background(0, 0, 0, 0); pjs.noStroke(); pjs.fill(0, 255, 0); pjs.rect(0, 0, 25, 25); return get(0, 0, 25, 25); }, ParticleImage: function() { pjs.background(0, 0, 0, 0); pjs.noStroke(); pjs.fill(0, 255, 0); pjs.rect(0, 0, 5, 5, 25); return get(0, 0, 5, 5); }, BlockImage: function() { pjs.background(0, 0, 0, 0); pjs.noStroke(); pjs.fill(150, 50, 0); pjs.rect(25, 0, 25, 25); pjs.strokeWeight(8); pjs.stroke(0, 200, 0); pjs.line(25, 0, 50, 0); pjs.strokeWeight(2); pjs.stroke(175, 100, 20); //Points in the dirt for (var i = 0; i < 4; i++) { for (var j = 0; j < 4; j++) { point(29 + i * 6, 7 + j * 5); } } //Blades of grass pjs.noStroke(); pjs.fill(0, 200, 0); for (var i = 0; i < 3; i++) { pjs.triangle(25 + i * 8, 0, 33.3 + i * 8, 0, 29.15 + i * 8, 15); } return get(25, 0, 25, 25); }, SpikeImage: function() { pjs.background(0, 0, 0, 0); pjs.noStroke(); pjs.fill(50, 50, 50); pjs.triangle(0, 25, 12.5, 0, 25, 25); return get(0, 0, 25, 25); }, SlantedBlockImage: function() { pjs.background(0, 0, 0, 0); pjs.noStroke(); pjs.fill(150, 50, 0); pjs.triangle(0, 25, 25, 0, 25, 25); pjs.strokeWeight(5); pjs.stroke(0, 200, 0); pjs.line(0, 25, 25, 0); pjs.strokeWeight(2); pjs.stroke(175, 100, 20); //Points in the dirt for (var j = 0; j < 4; j++) { for (var i = 0; i < (4 - j); i++) { point(23 - i * 5, 23 - j * 5); } } //Blades of grass pjs.noStroke(); pjs.fill(0, 200, 0); for (var i = 0; i < 3; i++) { pjs.triangle(5 + (i * 5), 20 - (i * 5), 10 + (i * 5), 15 - (i * 5), 13 + (i * 5), 23 - (i * 5)); } return get(0, 0, 25, 25); }, SignImage: function() { pjs.background(0, 0, 0, 0); pjs.fill(150, 100, 0); pjs.stroke(100, 50, 0); pjs.strokeWeight(2); pjs.rect(1, 0, 28, 20); pjs.rect(10, 20, 10, 10); pjs.stroke(0, 0, 0); for (var i = 0; i < 15; i += 5) { SinusoidalFunction(2, 5 + i, 2, 100, 6, 1); } return get(0, 0, 30, 30); }, WaterImage: function() { pjs.background(0, 0, 0, 0); pjs.noStroke(); pjs.fill(0, 0, 255, 100); pjs.rect(0, 0, 25, 25); return get(0, 0, 25, 25); }, LavaImage: function() { pjs.background(0, 0, 0, 0); pjs.noStroke(); pjs.fill(255, 0, 0); pjs.rect(0, 0, 25, 25); return get(0, 0, 25, 25); }, MinionImage: function() { pjs.background(0, 0, 0, 0); pjs.noStroke(); pjs.fill(0, 0, 0); pjs.rect(0, 0, 25, 25); return get(0, 0, 25, 25); }, BushImage: function() { pjs.background(0, 0, 0, 0); //Making a leaf function var Leaf = function(x, y, width, height) { pjs.fill(0, 200, 0); pjs.noStroke(); pjs.arc(x, y, width, height, 0, 180); }; //Putting leaves together and then drawing them var Leaves = (function(x, y, SizeX, SizeY) { pushMatrix(); translate(x, y); scale(SizeX, SizeY); pjs.fill(0, 200, 0); pjs.ellipse(0, 0, 110, 110); for (var j = 0; j < 16; j++) { rotate(24); Leaf(0, 50, 25, 25); } popMatrix(); })(40, 25, 0.6, 0.4); return get(0, 0, 80, 30); }, TreeImage: function() { pjs.background(0, 0, 0, 0); //The stem pushMatrix(); translate(135, 100); pjs.fill(82, 55, 0); pjs.beginShape(); pjs.curveVertex(-37, 52); pjs.curveVertex(-95, -49); pjs.curveVertex(-9, -52); pjs.curveVertex(62, -54); pjs.curveVertex(19, 54); pjs.curveVertex(18, 160); pjs.curveVertex(-33, 157); pjs.curveVertex(-37, 52); pjs.curveVertex(-95, -49); pjs.curveVertex(-35, -7); pjs.endShape(); popMatrix(); //Making a leaf function var Leaf = function(x, y, width, height) { pjs.fill(0, 150, 0); pjs.noStroke(); pjs.arc(x, y, width, height, 0, 180); }; //Putting leaves together and then drawing them var Leaves = (function(x, y, SizeX, SizeY) { pushMatrix(); translate(x, y); scale(SizeX, SizeY); pjs.fill(0, 150, 0); pjs.ellipse(0, 0, 110, 110); for (var j = 0; j < 16; j++) { rotate(24); Leaf(0, 50, 25, 25); } popMatrix(); })(125, 62, 2, 1); return get(0, 0, 250, 260); }, EverGreenImage: function() { pjs.background(0, 0, 0, 0); pjs.strokeWeight(1); pushMatrix(); translate(0, 10); for (var i = 0; i < 25; i++) { pjs.stroke(70, 30, 0); pjs.line(37 + i, 100, 37.5 + i, 150); } pjs.fill(0, 150, 0); pjs.noStroke(); for (var i = 0; i < 5; i++) { pjs.triangle(0, 50 + (i * 20), 50, (i * 20), 50, 25 + (i * 20)); pjs.triangle(100, 50 + (i * 20), 50, (i * 20), 50, 25 + (i * 20)); } filter(BLUR, 3); popMatrix(); return get(0, 0, 100, 160); }, GrasslandImage: function() { pjs.background(200, 255, 255); //Mountains pjs.fill(100, 100, 100); for (var i = 0; i < 4; i++) { pjs.triangle(50 + (i * 100), random(50, 150), 100 + (i * 100), 400, (i * 100), 400); } filter(BLUR, 2); pushMatrix(); translate(0, 350); scale(0.5); for (var i = 0; i < 750; i += 50) { translate(50, 0); pjs.image(Graphics.get("EverGreenImage"), -50, -80); } popMatrix(); return get(); }, }; return { get: function(img_name) { //if the image is already in "cache", just return the image if (img_name in cache) { return cache[img_name]; } return (cache[img_name] = factories[img_name]()); //get image and store it in "cache" }, setLoadQueue: function(arr, func) { //specify images to load, and the function that should be run once loading is complete imgs_to_load = arr; onloadcomplete = func; }, loadNext: function() { if (cur_load < imgs_to_load.length) { this.get(imgs_to_load[cur_load]); //de-reference the factory that draws the image factories[imgs_to_load[cur_load]] = null; cur_load ++; } else { //run "onloadcomplete" once the loading has finished if it's a function then set it to "undefined" if (typeof onloadcomplete === "function") { onloadcomplete(); onloadcomplete = void 0; } imgs_to_load.length = 0; //empty array cur_load = 0; //reset current loading index } } }; })(); //Setting what images to load. If you are putting images in othe images, make sure to put the image that you are putting in other image before the images you put them in. Graphics.setLoadQueue( //Specify what images you want to load ["PlayerImage", "ParticleImage", "BlockImage", "SpikeImage", "SlantedBlockImage", "SignImage", "WaterImage", "LavaImage", "MinionImage", "BushImage", "TreeImage", "EverGreenImage", "GrasslandImage"], //What to do after the images you want to load are loaded function() { scene = "menu"; } ); //Game mechanics{ var LevelMap = [ { level: 1, //How far the level goes to the right width: 1000, //How far the level goes down height: 400, //The starting position of the level xPos: 0, yPos: 0, time: 50, map: [ '########################################', '# #', '# #', '# #', '# #', '# #', '# #', '# #', '# #', '# #', '# #', '# [] {wwwww# #', '# {#wwwww# #', '# {##wwwww# F #', '#B m m B G! B@ }{###wwd!w# #', '########################################' ], messages: [ "Jump on the minions to get rid of them.", "Welcome to my Platformer prototype!", "Water decrease your velocity", ], }, { level: 2, //How far the level goes to the right width: 1000, //How far the level goes down height: 400, //The starting position of the level xPos: 0, yPos: 0, time: 50, map: [ '########################################', '# #', '# #', '# #', '# #', '# #', '# #', '# #', '# #', '# #', '# #', '# #', '# ! #', '#} {#llll#} F #', '##}@{##llll###Bm Bm Gm G mG B! #', '########################################' ], messages: [ "Lava in a grassland? That's not realistic.", "Well, that's all, hope you liked it!", ], }, ]; var Level = 1; var l = (Level - 1); var LevelTime = LevelMap[l].time; //Camera function{ var Camera = function(x, y, width, height, info) { //Starting x position of the screen this.x = x; //Starting x position of the screen this.y = y; //Width of the camera this.width = width; //Height of the camera this.height = height; //Halving the width of the screen this.halfWidth = this.width / 2; this.halfHeight = this.height / 2; //Setting it as the focus for our movement this.focusXPos = this.halfWidth; this.focusYPos = this.halfHeight; //How fast we update where the camera is this.speed = 0.175; //Setting up the mins and maxes of our camera this.boundingBox = { minX : 0, maxX : 0, minY : 0, maxY : 0, }; //Setting up the left-right corner this.upperLeft = { col : 0, row : 0, }; //Setting up the right-down corner this.lowerRight = { col : 0, row : 0, }; //Setting up the angle from the camera current position to the x axis (the x axis is x = 0) this.angle = 0; //Creating a function to update where the cameras mins and maxes are this.updateBoundingBox = function() { this.boundingBox.minX = this.focusXPos - this.halfWidth; this.boundingBox.maxX = this.focusXPos + this.halfWidth; this.boundingBox.minY = this.focusYPos - this.halfHeight; this.boundingBox.maxY = this.focusYPos + this.halfHeight; }; //A function to call if you don't fill( in the object parameter for the viewing function this.getObject = function() { return this;//Returning this as the source of movement (which esentially make the screen not move at all). }; //Creating a function to call that actually moves the screen this.view = function(object) { //If the object that the movement is centered is not defined, then call the getObject function if (typeof object === "undefined") { object = this.getObject(); } //The box to use (get the object's bounding box around it; mins and maxes) var boxToUse = object.boundingBox; //Get the object's position (which will move the screen) var xPos = boxToUse.minX + (boxToUse.maxX - boxToUse.minX) / 2;//x + width/2 var yPos = boxToUse.minY + (boxToUse.maxY - boxToUse.minY) / 2;//y + height/2 //Setting the angle as the distance between the point (yPos - this.focusYPos, xPos - this.focusXPos) and the x axis. (It gives out far the object is from the begining). this.angle = atan2(yPos - this.focusYPos, xPos - this.focusXPos); //If "this.angle" is not a number, then set this.angle as 0 and stop the execution if (isNaN(this.angle)) { this.angle = 0; return; } //Set the distance as the distance between the focus of the screen and the starting position * the speed that the camera moves this.distance = dist(this.focusXPos, this.focusYPos, xPos, yPos) * this.speed; //Increase the focus X and focus Y of the camera based on the distance that the camera is (this.distance) from the angle of the object (which the angle is based upon how far it is from the x axis). Which essentially moves the (equal to it's speed (this.speed) until it is matches the same position of the object. this.focusXPos += this.distance * cos(this.angle); this.focusYPos += this.distance * sin(this.angle); //Keep it in the grid (make sure that the focusXPos and focusYPos don't exceed the width and height of the level info). this.focusXPos = constrain(this.focusXPos, info.xPos + this.halfWidth, info.width - this.halfWidth); this.focusYPos = constrain(this.focusYPos, info.yPos + this.halfHeight, info.height - this.halfHeight); //Update where the screen's position is this.updateBoundingBox(); //Start out by translating where you want the camera to start at translate(this.x, this.y); //Then, if the width of the camera is less than the width of the level, translate the level (or whatever your translating) by the difference between this.halfWidth and the focus of the camera. if (info.width >= this.width) { translate(this.halfWidth - this.focusXPos, 0); } else {//Else, if the width of the camera is greater than the size of the level, simple translate it equal to negative whatever the level's info.xPos is. translate(-info.xPos, 0); } //Do the same thing for the height of the screen. (Move the screen if it needs to in the y direction). if (info.height >= this.height) { translate(0, this.halfHeight - this.focusYPos); } else { translate(0, -info.yPos); } }; }; / x = how much the camera is shifted to the right, y = how much the camera is shifted to down, width = the width of the screen you see, height = the height of the screen you see, where to get the level info from/ var cam = new Camera(0, 0, pjs.width, pjs.height, LevelMap[l]); //} //For colliding with an object in the game var boxCollide = function(box1, box2) { box1.updateBoundingBox(); box2.updateBoundingBox(); box1 = box1.boundingBox; box2 = box2.boundingBox; return (box1.minX < box2.maxX && box1.maxX > box2.minX && box1.minY < box2.maxY && box1.maxY > box2.minY); }; /Creating a object to apply for other objects/ var GameObject = function(config) { //If the object is stationary, we won't call any of the (applyDrag, applyGravity, ect) functions this.setVariables = function() { this.x = config.x; this.y = config.y; this.width = config.width \|\| 25; this.height = config.height \|\| 25; /Creating variables to keep track of the object's movement/ this.yVelocity = 0; this.yAcceleration = 0; this.xVelocity = 0; this.xAcceleration = 0; /The max velocity that an object can move due to (acceleration due to gravity)/ this.terminalVelocity = 8; //Actual: 54 m/s /The acceleration due to gravity/ this.gravityAcceleration = 0.2; //Actual: 0.98 m/s /For when your not on a block/ this.airFriction = 0.1; /The current drag force exerted on the object/ this.dragForce = 0.1; /If the object is on another object/ this.onObject = false; this.onTime = 0; /If the object is in water/ this.inWater = false; this.inTime = 0; /If the object is in grass/ this.gTime = 0; this.inGrass = false; }; this.setVariables(); this.boundingBox = {}; //Any time you move an object call this afterward this.updateBoundingBox = function() { this.boundingBox.minX = this.x; this.boundingBox.maxX = this.x + this.width; this.boundingBox.minY = this.y; this.boundingBox.maxY = this.y + this.height; }; //Just for x this.updateBoundingBoxX = function() { this.boundingBox.minX = this.x; this.boundingBox.maxX = this.x + this.width; }; //Just for y this.updateBoundingBoxY = function() { this.boundingBox.minY = this.y; this.boundingBox.maxY = this.y + this.height; }; this.updateBoundingBox(); }; /Apply gravity to an object/ GameObject.prototype.applyGravity = function() { if (this.yVelocity < this.terminalVelocity) { this.yAcceleration = this.gravityAcceleration; } else { this.yAcceleration = 0; } }; /Apply drag to an object/ GameObject.prototype.applyDrag = function(objectOn) { this.dragForce = objectOn.friction; }; //Creating arrays of objects{ var players = []; var blocks = []; var slantedBlocks = []; var spikes = []; var lava = []; var minions = []; var water = []; var air = []; var signs = []; var winFlags = []; var grass = []; var bushes = []; var trees = []; //One array to store all of the other arrays var objects = [], executeCount = 0; //} /Particle object, used to push into another object(s)/ // { var Particle = function(config) { GameObject.call(this, config); this.width = 5; this.height = 5; //Movement of the particles this.xVelocity = random(-0.5, 0.5); this.yVelocity = random(-3, -6); //Bounces of the particles bouncing off the obstacles this.bounces = 0; //The color of the particles (this should match the main color of the player) this.Color = config.Color \|\| pjs.color(0, 255, 0); }; Particle.prototype = Object.create(GameObject.prototype); Particle.prototype.draw = function() { pushMatrix(); translate(this.x + this.width/2, this.y + this.height/2); pjs.image(Graphics.get("ParticleImage"), -this.width/2, -this.height/2); popMatrix(); this.x += this.xVelocity; this.y += this.yVelocity; this.yVelocity += this.yAcceleration; this.applyGravity(); //Colliding with blocks on the top and bottom for (var blockNum = 0; blockNum < blocks[l].length; blockNum++) { var BLOCK = blocks[l][blockNum]; if (boxCollide(this, BLOCK)) { if (this.y - (abs(this.yVelocity) * 1.1) > BLOCK.y) { this.y = BLOCK.y + BLOCK.height; this.yVelocity = -1; } else { if (this.bounces === 0) { this.y = BLOCK.y - this.height; this.yVelocity = -0.4; this.bounces = 1; } else if (this.bounces === 1) { this.y = BLOCK.y - this.height; this.yVelocity = 0; this.yAcceleration = 0; this.xVelocity = 0; } } } } //Colliding with the triangle blocks on the bottom for (var blockNum = 0; blockNum < slantedBlocks[Level - 1].length; blockNum++) { var BLOCK = slantedBlocks[Level - 1][blockNum]; if (boxCollide(this, BLOCK)) { if (this.y - (abs(this.yVelocity) * 1.1) > BLOCK.y && (BLOCK.type === "{" \|\| BLOCK.type === "}")) { this.y = BLOCK.y + BLOCK.height; this.yVelocity = -1; } else if (this.y < BLOCK.y && (BLOCK.type === "[" \|\| BLOCK.type === "]")) { if (this.bounces === 0) { this.y = BLOCK.y - this.height; this.yVelocity = -0.4; this.bounces = 1; } else if (this.bounces === 1) { this.y = BLOCK.y - this.height; this.yVelocity = 0; this.yAcceleration = 0; this.xVelocity = 0; } } } } }; var particles = []; //} /Making a player object/ // { var Player = function(config) { GameObject.call(this, config); this.objectType = "player"; this.restart = function() { //Are you dead? this.die = false; //What way did you die? Your deaths could be "fall", "broken", or "fried". this.death = "None"; //Just a variable to keep track of time when you die this.deathTime = 0; //Smoke for the player getting fried this.smokeColor = [110, 133]; //Lives you have left this.lives = 3; //Are you in the water? this.inWater = false; //Just a variable to keep track of time this.countTime = 0; //How much breath the player has left this.breath = 500; //Is the player looking left or right? this.state = "right"; //Are you a slant block? this.onSlantBlock = false; //What is the player's image? this.image = config.image \|\| Graphics.get("PlayerImage"); //Invincinble stuff this.invincible = false; this.invTime = 0; this.inCount = 0; //For sounds this.soundTime = 0; this.soundCount = 0; }; //How fast the player is this.maxSpeedX = config.maxSpeedX \|\| 5; this.restart(); }; Player.prototype = Object.create(GameObject.prototype); Player.prototype.moveX = function() { /Checking for key events in movement/ if (input[LEFT] && abs(this.xVelocity) < this.maxSpeedX) { this.xAcceleration = -0.2; } else if (input[RIGHT] && abs(this.xVelocity) < this.maxSpeedX) { this.xAcceleration = 0.2; } else if (abs(this.xVelocity) > this.dragForce) { this.xAcceleration = (this.xVelocity < 0) ? this.dragForce : -this.dragForce; } else { this.xVelocity = 0; } /Making drag false every few seconds/ if (!this.onObject && !this.onSlantBlock) { this.dragForce = this.airFriction; } else { this.onTime++; if (this.onTime > 5) { this.onObject = false; this.onSlantBlock = false; this.onTime = 0; } } /Canceling out being in the grass/ if (this.inGrass) { this.maxSpeedX = 2.5; this.gTime++; if (this.gTime > 5) { this.inGrass = false; this.gTime = 0; } } else { this.maxSpeedX = 5; } /Moving the player based upon his acceleration and velocity/ this.x += this.xVelocity; this.xVelocity += this.xAcceleration; }; Player.prototype.moveY = function() { if (input[UP] && abs(this.yVelocity) < 0.1 && abs(this.yAcceleration) < 0.1) { this.yVelocity = -5; } this.applyGravity(); this.y += this.yVelocity; this.yVelocity += this.yAcceleration; }; Player.prototype.status = function() { /The player being invincible/ if (this.invincible) { this.invTime++; if (this.invTime > 10) { this.invTime = 0; this.inCount++; } if (this.inCount > 5) { this.invincible = false; this.invTime = 0; this.inCount = 0; } } /Losing breath/ if (this.inWater) { this.breath--; } else { this.breath = 500; } /Canceling out being in water/ this.inTime++; if (this.inTime > 3) { this.inWater = false; this.inTime = 0; } //The player dying if (this.lives <= 0) { this.die = true; this.inWater = false; } if (LevelTime <= 0 && !LevelWin && this.death === "None") { this.lives = 0; this.death = "broken"; } //What happens when you die if (this.die) { LevelLose = true; } //What happens when you die if (this.die) { if (this.death === "fall") { if (this.deathTime === 0) { this.yVelocity = -7.5; this.deathTime = 1; } this.upsideDown = false; this.yAcceleration = 0.2; //Since we don't allow you to move normally when we die, we need to add this here this.y += this.yVelocity; this.yVelocity += this.yAcceleration; if (this.y > LevelMap[l].height && !this.upSideDown) { LevelLose = true; } } else if (this.death === "fried") { this.yVelocity = -2; this.y += this.yVelocity; LevelLose = true; } else if (this.death === "broken") { if (this.deathTime === 0) { for (var i = 0; i < 15; i++) { particles.push(new Particle({ x: this.x + random(0, this.width), y: this.y + random(0, this.height), })); } this.deathTime = 1; } else { LevelLose = true; } } } }; Player.prototype.display = function() { /Drawing the graphic of the player/ pjs.imageMode(CENTER); pushMatrix(); translate(this.x + this.width/2, this.y + this.height/2); if (this.state === "left" && this.gravityAcceleration > 0) { scale(-1, 1); } else if (this.state === "right" && this.gravityAcceleration > 0) { scale(1, 1); } else if (this.state === "left" && this.gravityAcceleration < 0) { scale(-1, -1); } else if (this.state === "right" && this.gravityAcceleration < 0) { scale(1, -1); } if (this.death === "None") { if (this.invTime <= 5) { pjs.image(this.image, 0, 0, this.width, this.height); } } else if (this.death === "fried") { pjs.fill(this.smokeColor[0], this.smokeColor[0], this.smokeColor[0]); pjs.noStroke(); pjs.ellipse(0, 0, 20, 20); pjs.ellipse(0, 0, 15, 35); pjs.fill(this.smokeColor[1], this.smokeColor[1], this.smokeColor[1]); pjs.ellipse(10, -5, 20, 20); pjs.ellipse(-5, 5, 20, 20); pjs.ellipse(-10, -5, 20, 20); pjs.stroke(0, 0, 0); this.y -= 1; this.smokeColor[0] -= 4; this.smokeColor[1] -= 4; } popMatrix(); /Drawing the particles if your character got "broken"/ for (var i = 0; i < particles.length; i++) { particles[i].draw(); } pjs.imageMode(CORNER); }; Player.prototype.execute = function() { this.status(); this.display(); if (!LevelWin && !LevelLose && !Pause) { //Moving and colliding horizontally this.moveX(); for (var objectNum = 0; objectNum < objects.length; objectNum++) { var OBJECT = objects[objectNum]; if (OBJECT.objectType === "block" \|\| OBJECT.objectType === "slanted-block") { OBJECT.collideX(this); } } //Moving and colliding vertically this.moveY(); for (var objectNum = 0; objectNum < objects.length; objectNum++) { var OBJECT = objects[objectNum]; if (OBJECT.objectType === "block" \|\| OBJECT.objectType === "slanted-block") { OBJECT.collideY(this); } } } }; var player; //} /Minion object, interactive/ // { var Minion = function(config) { GameObject.call(this, config); this.objectType = "minion"; //Is the minion dead? this.die = false; //Lives this.lives = config.lives \|\| 1; //Is the minions looking left or right? this.state = "right"; //Is the minon on an slant block? this.onSlantBlock = false; //What is the minion's image? this.image = config.image \|\| Graphics.get("MinionImage"); //For "timed" movement this.time = 0; //Max speed this.maxSpeedX = config.maxSpeedX \|\| 2; }; Minion.prototype = Object.create(GameObject.prototype); Minion.prototype.moveX = function() { //The player's "x" posision is changing this.x += this.xVelocity; this.xVelocity += this.xAcceleration; if (this.xVelocity >= 0 && this.xVelocity < this.maxSpeedX) { this.xAcceleration = 0.2; } else if (this.xVelocity <= 0 && this.xVelocity > -this.maxSpeedX) { this.xAcceleration = -0.2; } else if (abs(this.xVelocity) > this.maxSpeedX) { this.xAcceleration = (this.xVelocity < this.maxSpeedX) ? 0.2 : -0.2; } else { this.xAcceleration = 0; } /Canceling out being in the grass/ if (this.inGrass) { this.maxSpeedX = 1; this.gTime++; if (this.gTime > 5) { this.gTime = 0; this.inGrass = false; } } else { this.maxSpeedX = 2; } //Changing states if (this.xVelocity < 0) { this.state = "left"; } else if (this.xVelocity > 0) { this.state = "right"; } }; Minion.prototype.moveY = function() { //Jumping if your not in water if (this.jump && ((abs(this.yVelocity) < 0.1 && abs(this.yAcceleration) < 0.1) \|\| this.onSlantBlock)) { if (abs(this.xVelocity) > 4) { this.yVelocity = -6; } else { this.yVelocity = -5; } } if (this.yVelocity < 8) { this.yAcceleration = 0.2; } else { this.yAcceleration = 0; } this.y += this.yVelocity; this.yVelocity += this.yAcceleration; this.grassTime++; if (this.grassTime > 3) { this.maxSpeed = 2; this.onSlantBlock = false; this.grassTime = 0; } //Falling out of the screen if ((this.y > LevelMap[l].height && !this.upSideDown) \|\| (this.y < -this.height && this.upSideDown)) { this.die = true; } }; Minion.prototype.collide = function(object) { for (var minionNum = 0; minionNum < minions[l].length; minionNum++) { var MINI = minions[l][minionNum]; if (boxCollide(object, MINI)) { if (object.y + object.height - abs(object.yVelocity * 1.1) - abs(MINI.yVelocity * 1.1) < MINI.y) { minions[Level - 1].splice(minionNum, 1); if (Sound) { playSound(getSound("rpg/hit-splat")); } } else if (!object.invincible) { object.xVelocity = (object.x < MINI.x) ? -5 : 5; object.lives--; if (Sound) { playSound(getSound("rpg/giant-hyah")); } if (object.lives === 0) { object.death = "broken"; } object.invincible = true; } object.yVelocity = -5; } } }; Minion.prototype.display = function() { pjs.imageMode(CENTER); //Making the image mode to center so we can scale the image around it's center /Drawing the image of the minion/ pushMatrix(); translate(this.x + this.width/2, this.y + this.height/2); if (this.state === "right") { if (!this.upSideDown) { scale(-1, 1); } else if (this.upSideDown) { scale(-1, -1); } } else if (this.state === "left") { if (!this.upSideDown) { scale(1, 1); } else if (this.upSideDown) { scale(1, -1); } } pjs.image(this.image, 0, 0, this.width, this.height); popMatrix(); pjs.imageMode(CORNER); }; Minion.prototype.execute = function() { if (boxCollide(cam, this)) { this.collide(player); this.display(); } if (!LevelWin && !LevelLose && !Pause) { this.moveX(); for (var objectNum = 0; objectNum < objects.length; objectNum++) { var OBJECT = objects[objectNum]; if ((OBJECT.objectType === "block" \|\| OBJECT.objectType === "slanted-block") && (abs(OBJECT.x - this.x) < width && abs(OBJECT.y - this.y) < height)) { OBJECT.collideX(this); } } this.moveY(); for (var objectNum = 0; objectNum < objects.length; objectNum++) { var OBJECT = objects[objectNum]; if ((OBJECT.objectType === "block" \|\| OBJECT.objectType === "slanted-block") && (abs(OBJECT.x - this.x) < width && abs(OBJECT.y - this.y) < height)) { OBJECT.collideY(this); } } /Colliding with grass and spikes/ for (var objectNum = 0; objectNum < objects.length; objectNum++) { var OBJECT = objects[objectNum]; if ((OBJECT.objectType === "grass" \|\| OBJECT.objectType === "spike") && (abs(OBJECT.x - this.x) < width && abs(OBJECT.y - this.y) < height)) { OBJECT.collide(this); } } } }; //} /Making a block object/ // { var Block = function(config) { GameObject.call(this, config); this.objectType = "block"; //How much friction to you want your block to give to touching objects? this.friction = 0.2; }; Block.prototype.collideX = function(object) { if (boxCollide(object, this) && (!object.onSlantBlock \|\| (abs(object.y - this.y) < 2))) { if (object.x > this.x) { //Sound if (Sound && abs(object.xVelocity) > 0.5 && object === player) { playSound(getSound("rpg/hit-thud")); } object.x = this.x + this.width; if (object.objectType === "player") { //Scaling if (input[UP] && input[65] && object.y + object.height > this.y) { object.yVelocity = -4; object.xVelocity = 4; } else { object.xVelocity = 0; } } } else { //Sound if (Sound && abs(object.xVelocity) > 0.5 && object.objectType === "player") { playSound(getSound("rpg/hit-thud")); } object.x = this.x - object.width; if (object.objectType === "player") { //More scaling (opposite side) if (input[UP] && input[65] && object.y + object.height > this.y) { object.yVelocity = -4; object.xVelocity = 4; } else { object.xVelocity = 0; } } } //Objects that are not the player change speed when they hit a wall if (object.objectType !== "player") { object.xVelocity = -1; } } }; Block.prototype.collideY = function(object) { if (boxCollide(object, this)) { //Sound if (Sound && abs(object.yVelocity) > 0.5 && !object.inWater && object.objectType === "player") { playSound(getSound("rpg/hit-thud")); } //Applying collisions if (object.y > this.y) { object.y = this.y + this.height; object.yVelocity = -1; } else { object.y = this.y - object.height; object.yVelocity = 0; object.yAcceleration = 0; //Saying that the object is on an object object.onObject = true; object.onTime = 0; } object.applyDrag(this); } }; Block.prototype.display = function() { pjs.image(Graphics.get("BlockImage"), this.x, this.y); }; Block.prototype.execute = function() { if (boxCollide(cam, this)) { this.display(); } }; //} /Beam object, used for spikes and slanted blocks/ // { var Beam = function(x1, y1, x2, y2) { this.x1 = min(x1, x2); //Organizes the xs this.y1 = (this.x1 === x1) ? y1 : y2; //Organizes the ys this.x2 = max(x1, x2); //More organizing this.y2 = (this.x2 === x2) ? y2 : y1; //More organizing this.slope = (this.y1 - this.y2) / (this.x1 - this.x2); //Finds slope, rise/run }; Beam.prototype.returnY = function(x) { var X = constrain(x, this.x1, this.x2); var y = map(X, this.x1, this.x2, this.y1, this.y2); return y; }; Beam.prototype.collide = function(character) { var highY = min( //Returns the higher up collide of the two this.returnY(character.x), //Finds the Y for the left of the beaver this.returnY(character.x + character.width) //Finds the Y for the right side ); //Does same for lower one var lowY = max(this.returnY(character.x), this.returnY(character.x + character.width)); //First checks if the "y" & "x" is within range and that he's not dead if (character.y + character.height > highY && character.y < lowY && character.x + character.width > this.x1 && character.x < this.x2 && !character.die) { //The "y" of the beam in the center of the character var middleY = this.returnY(character.x + character.width / 2); //Checks if the character is below or above the center of the beam if (character.y + character.height / 2 < middleY && !character.upSideDown) { //Character is above beam character.y = min(highY - character.height, character.y); //Sets the y to the higher option if (Sound && abs(character.yVelocity) > 0.5 && !character.onslantBlock) { playSound(getSound("rpg/hit-thud")); } character.yVelocity = 0; character.yAcceleration = 0; character.onSlantBlock = true; } else if (!character.upSideDown) { //Character is below beam character.y = max(lowY, character.y); //Sets the y to the lower option character.yVelocity = -1; } else if (character.y + character.height / 2 < middleY && character.upSideDown) { //Character is above beam character.y = min(highY - character.height, character.y); //Sets the y to the higher option character.yVelocity = -1; } else if (character.upSideDown) { //Character is below beam character.y = max(lowY, character.y); //Sets the y to the lower option character.yVelocity = 0; character.yAcceleration = 0; character.onSlantBlock = true; } } for (var particleNum = 0; particleNum < particles.length; particleNum++) { var p = particles[particleNum]; if (p.y + p.height > highY && p.y < lowY && p.x + p.width > this.x1 && p.x < this.x2) { //The "y" of the beam in the center of the particle var middleY = this.returnY(p.x + p.width / 2); //Checks if the particle is below or above the center of the beam if (p.y + p.height / 2 < middleY) { //Particle is above the beam if (p.bounces === 0) { p.y = min(highY - p.height, p.y); p.yVelocity = -0.4; p.xVelocity = -this.slope; p.bounces = 1; } else if (p.bounces === 1) { p.y = min(highY - p.height, p.y); p.yVelocity = 0; p.yAcceleration = 0; p.xVelocity = 0; } } else { //Particle is below beam p.y = max(lowY, p.y); p.yVelocity = -1; } } } }; Beam.prototype.run = function(character) { this.collide(character); }; //} /Slanted block object, interactive/ // { var SlantedBlock = function(config) { GameObject.call(this, config); this.objectType = "slanted-block"; this.beams = []; this.enabled = true; this.type = config.type \|\| "{"; this.slope = config.slope \|\| -1; //1 or 3 if ((this.type === "}") \|\| (this.type === "[")) { this.beams.push(new Beam(this.x, this.y, this.x + this.width, this.y + this.height)); //2 or 4 } else if ((this.type === "{") \|\| (this.type === "]")) { this.beams.push(new Beam(this.x + this.width, this.y, this.x, this.y + this.height)); } }; //Slanted collisions SlantedBlock.prototype.collide = function(object) { for (var beamNum = 0; beamNum < this.beams.length; beamNum++) { if (!object.die) { this.beams[beamNum].run(object); } } }; //Horizontal collisions SlantedBlock.prototype.collideX = function(object) { if (boxCollide(this, object)) { if (object.x > this.x + this.width - (abs(object.xVelocity) 1.1) && (this.type === "{" \|\| this.type === "[") && (!object.onSlantBlock \|\| (this.type === "{" && abs(object.y - this.y) < object.height - abs(object.xVelocity) * 1.1) \|\| (this.type === "[" && abs(object.y - this.y) < 2 - abs(object.xVelocity) * 1.1))) { this.enabled = false; //Sound if (Sound && abs(object.xVelocity) > 0.5 && object.objectType === "player") { playSound(getSound("rpg/hit-thud")); } object.x = this.x + this.width; //Scaling (or not scaling) if (object.objectType === "player") { if (input[UP] && input[65] && object.y + object.height > this.y) { object.yVelocity = -4; object.xVelocity = 4; } else { object.xVelocity = 0; } } if (object.objectType !== "player") { object.xVelocity = -1; } } else if (object.x + object.width < this.x + (abs(object.xVelocity) 1.1) && (this.type === "}" \|\| this.type === "]") && (!object.onSlantBlock \|\| (this.type === "]" && abs(object.y - this.y) < (2 + abs(object.xVelocity) * 1.1) \|\| (this.type === "}" && abs(object.y - this.y) < (object.height - abs(object.xVelocity) * 1.1))))) { this.enabled = false; //Sound if (Sound && abs(object.xVelocity) > 0.5 && object.objectType === "player") { playSound(getSound("rpg/hit-thud")); } object.x = this.x - object.width; //Scaling (or not scaling) if (object.objectType === "player") { if (input[UP] && input[65] && object.y + object.height > this.y) { object.yVelocity = -4; object.xVelocity = -4; } else { object.xVelocity = 0; } } if (object.objectType !== "player") { object.xVelocity = -1; } } } else { this.enabled = true; } }; //Vertical collisions SlantedBlock.prototype.collideY = function(object) { if (boxCollide(this, object)) { if (object.y > this.y && (this.type === "{" \|\| this.type === "}")) { //Sound if (Sound && abs(object.yVelocity) > 0.5 && !object.inWater) { playSound(getSound("rpg/hit-thud")); } object.y = this.y + this.height; object.yVelocity = -1; } else if (object.y < this.y && (this.type === "[" \|\| this.type === "]")) { //Sound if (Sound && abs(object.yVelocity) > 0.5 && !object.inWater) { playSound(getSound("rpg/hit-thud")); } object.y = this.y - object.height; object.yVelocity = 0; object.yAcceleration = 0; } } }; SlantedBlock.prototype.display = function() { pjs.imageMode(CENTER); pushMatrix(); translate(this.x + this.width/2, this.y + this.height/2); if (this.type === "{") { scale(1, 1); } else if (this.type === "}") { scale(-1, 1); } else if (this.type === "[") { scale(1, -1); } else if (this.type === "]") { scale(-1, -1); } pjs.image(Graphics.get("SlantedBlockImage"), 0, 0); popMatrix(); pjs.imageMode(CORNER); }; SlantedBlock.prototype.execute = function() { if (boxCollide(cam, this)) { if (this.enabled) { this.collide(player); } this.display(); } if (!LevelWin && !LevelLose && !Pause) { for (var objectNum = 0; objectNum < objects.length; objectNum++) { var OBJECT = objects[objectNum]; if (OBJECT.objectType === "minion" && (abs(OBJECT.x - this.x) < width && abs(OBJECT.y - this.y) < height) && this.enabled) { this.collide(OBJECT); } } } }; //} /Spike object, interactive/ // { var Spike = function(config) { GameObject.call(this, config); this.objectType = "spike"; this.side = config.side \|\| "bottom"; //Creating an array of beams this.beams = []; if (this.side === "bottom") { this.beams.push(new Beam(this.x, this.y + this.height, this.x + this.width/2, this.y)); this.beams.push(new Beam(this.x + this.width/2, this.y, this.x + this.width, this.y + this.height)); } else if (this.side === "left") { this.beams.push(new Beam(this.x, this.y, this.x + this.width, this.y + this.height/2)); this.beams.push(new Beam(this.x + this.width, this.y + this.height/2, this.x, this.y + this.height)); } else if (this.side === "top") { this.beams.push(new Beam(this.x, this.y, this.x + this.width/2, this.y + this.height)); this.beams.push(new Beam(this.x + this.width/2, this.y + this.height, this.x + this.width, this.y)); } else if (this.side === "right") { this.beams.push(new Beam(this.x + this.width, this.y, this.x, this.y + this.height/2)); this.beams.push(new Beam(this.x, this.y + this.height/2, this.x + this.width, this.y + this.height)); } }; Spike.prototype.collide = function(object) { //Running the beams if (object === player) { if ((!object.die && object.invincible) \|\| (object.die)) { for (var i = 0; i < this.beams.length; i++) { this.beams[i].run(object); } } else if (rectToTriCollide(object, this) && !object.invincible) { if (this.side === "bottom") { object.yVelocity = -5; } else if (this.side === "top") { object.yVelocity = 5; } else if (this.side === "left") { object.xVelocity = 5; } else if (this.side === "right") { object.xVelocity = -5; } object.lives--; if (Sound) { playSound(getSound("rpg/giant-hyah")); } if (object.lives === 0) { object.death = "broken"; } object.invincible = true; } } else { if (boxCollide(object, this)) { object.xVelocity = -1; } } }; Spike.prototype.display = function() { pjs.imageMode(CENTER); pushMatrix(); translate(this.x + this.width/2, this.y + this.height/2); if (this.side === "left") { rotate(90); } else if (this.side === "top") { rotate(180); } else if (this.side === "right") { rotate(270); } else if (this.side === "bottom") { rotate(0); } pjs.image(Graphics.get("SpikeImage"), 0, 0); popMatrix(); pjs.imageMode(CORNER); }; Spike.prototype.execute = function() { if (boxCollide(cam, this)) { this.collide(player); this.display(); } }; //} /Water object, interactive/ // { var Water = function(config) { GameObject.call(this, config); this.objectType = "water"; //Making an empty "bubbles" array this.bubbles = []; }; Water.prototype.collide = function(object) { if (boxCollide(object, this)) { object.yVelocity = 0.92; object.xVelocity = 0.92; if (Sound && (abs(object.xVelocity) > 0 \|\| abs(object.yVelocity) > 0) && object.objectType === "player") { object.soundTime++; if (object.soundTime > 20) { playSound(getSound("rpg/water-bubble")); object.soundTime = 0; } } //Swimming if (input[UP] && object.objectType === "player") { object.yVelocity = -1; } //In water is true if (object.boundingBox.minY >= this.boundingBox.minY) { object.inWater = true; object.inTime = 0; } } }; Water.prototype.display = function(player) { //Drawing the graphic of water pjs.image(Graphics.get("WaterImage"), this.x, this.y); //Removing the bubbles for (var bubbleNum = 0; bubbleNum < this.bubbles.length; bubbleNum++) { if (this.bubbles[bubbleNum].time > 15) { this.bubbles.splice(bubbleNum, 1); } } }; Water.prototype.execute = function() { if (boxCollide(cam, this)) { this.collide(player); this.display(); } }; //} /Lava object, interactive/ // { var Lava = function(config) { GameObject.call(this, config); this.objectType = "lava"; //Making an empty "bubbles" array //this.bubbles = []; }; Lava.prototype.collide = function(object) { if (boxCollide(object, this)) { var PlayerMiddle = object.y + object.height/2, LavaMiddle = this.y + this.height/2; if ((abs(PlayerMiddle - LavaMiddle) + abs(object.xVelocity)) < object.height) { object.die = true; object.death = "fried"; object.lives = 0; } } }; Lava.prototype.display = function() { this.time++; //Drawing the graphic of water pjs.image(Graphics.get("LavaImage"), this.x, this.y); //Pushing new bubbles into the array /if (this.time > 1) { this.bubbles.push(new Bubble({x: this.x + this.width/2 + random(-this.width/2.1, this.width/2.1), y: this.y + this.height/2 + random(-this.height/2.1, this.height/2.1), type: "lava", alpha: random(150, 200)})); this.bubbles.push(new Bubble({x: this.x + this.width/2 + random(-this.width/2.1, this.width/2.1), y: this.y + this.height/2 + random(-this.height/2.1, this.height/2.1), type: "lava", alpha: random(150, 200)})); this.time = 0; } //Removing the bubbles for (var bubbleNum = 0; bubbleNum < this.bubbles.length; bubbleNum++) { if (this.bubbles[bubbleNum].time > 15) { this.bubbles.splice(bubbleNum, 1); } } //Drawing the bubbles for (var bubbleNum = 0; bubbleNum < this.bubbles.length; bubbleNum++) { this.bubbles[bubbleNum].draw(); this.bubbles[bubbleNum].red = 200; this.bubbles[bubbleNum].green = 0; this.bubbles[bubbleNum].blue = 0; }/ }; Lava.prototype.execute = function() { if (boxCollide(cam, this)) { this.collide(player); this.display(); } for (var objectNum = 0; objectNum < objects.length; objectNum++) { var OBJECT = objects[objectNum]; if (abs(OBJECT.x - this.x) < width && abs(OBJECT.y - this.y) < height && OBJECT.objectType !== player) { this.collide(OBJECT); } } }; //} /Sign object, interactive/ // { var Sign = function(config) { GameObject.call(this, config); this.objectType = "sign"; this.message = config.message; this.drawMessage = false; this.a = 0; }; //We need a collision for for the signs (sadly it can't be with the sign function) Sign.prototype.collide = function(object) { for (var signNum = 0; signNum < signs[l].length; signNum++) { var SIGN = signs[l][signNum]; if (boxCollide(object, SIGN)) { SIGN.message = LevelMap[l].messages[signNum]; SIGN.drawMessage = true; } else { SIGN.drawMessage = false; SIGN.a = 0; } } }; Sign.prototype.display = function() { //Drawing the graphic pjs.image(Graphics.get("SignImage"), this.x, this.y); //Drawing the message pjs.textAlign(CENTER, CENTER); if (this.drawMessage) { pjs.noFill(); pjs.stroke(0, 0, 0); pjs.strokeWeight(2); pjs.textSize(15); pjs.fill(0, 0, 0); pjs.text(this.message.substring(this.a, 0), this.x - this.width 1.5, this.y - (this.height * 5), this.width * 4, this.height * 5); this.a += 0.5; } pjs.textAlign(LEFT, TOP); }; Sign.prototype.execute = function() { if (boxCollide(cam, this)) { this.collide(player); this.display(); } }; //} /WinFlag object, interactive/ // { var WinFlag = function(config) { GameObject.call(this, config); this.objectType = "winFlag"; this.type = config.type \|\| 1; this.wavyFlag = 0; }; WinFlag.prototype.collide = function(object) { if (boxCollide(object, this)) { LevelWin = true; } }; WinFlag.prototype.display = function() { this.wavyFlag++; pjs.fill(255, 0, 0); pjs.noStroke(); pjs.triangle(this.x, this.y + this.height / 2, this.x + this.width / 5, this.y + this.height / 2.5, this.x + this.width / 5, this.y + this.height / 1.5); pjs.noFill(); pjs.stroke(255, 10, 10); pjs.strokeWeight(5); for (var j = 0; j < 2; j++) { for (var i = 0; i < 2; i++) { pjs.arc(this.x + this.width / 3.2 + j * this.width / 3, this.y + this.height / 1.75 - i / this.height * 50, this.width / 5, this.height / 5 - abs(cos(this.wavyFlag) * 8), 180, 360); } } for (var i = 0; i < 2; i++) { pjs.arc(this.x + this.width / 2, this.y + this.height / 1.9 - i / this.height * 50, this.width / 5, this.height / 5 - abs(cos(this.wavyFlag) * 8), 0, 180); } pjs.noStroke(); pjs.fill(255, 0, 0); pjs.rect(this.x + this.width / 1.4, this.y + this.height / 3.3, this.width / 3.8, this.height / 2.9); pjs.fill(77, 42, 7); pjs.rect(this.x + this.width / 1.1, this.y + this.height / 6, this.width / 10, this.height * 1.9, 5); }; WinFlag.prototype.execute = function() { if (boxCollide(cam, this)) { this.collide(player); this.display(); } }; //} /Bush object, non-interactive graphic/ // { var Bush = function(config) { GameObject.call(this, config); this.objectType = "bush"; this.width = config.width \|\| 80; this.height = config.height \|\| 30; }; Bush.prototype.display = function() { pjs.image(Graphics.get("BushImage"), this.x, this.y); }; Bush.prototype.execute = function() { if (boxCollide(cam, this)) { this.display(); } }; //} /Tree object, non-interactive graphic/ // { var Tree = function(config) { GameObject.call(this, config); this.objectType = "tree"; this.width = config.width \|\| 250; this.height = config.height \|\| 260; }; Tree.prototype.display = function() { pjs.image(Graphics.get("TreeImage"), this.x, this.y); }; Tree.prototype.execute = function() { if (boxCollide(cam, this)) { this.display(); } }; //} /Grass object, slightly-interactive graphic/ // { var Grass = function(config) { GameObject.call(this, config); this.objectType = "grass"; this.width = config.width \|\| 8.34; this.height = config.height \|\| 15; this.comeLeft = false; this.comeRight = false; this.moveY = this.y; this.moveX = this.x + this.width/2; }; Grass.prototype.collide = function(objectType) { var grassMiddle = this.x + this.width/2; if (boxCollide(objectType, this)) { objectType.inGrass = true; //Grass getting smashed if (objectType.x + objectType.width > grassMiddle && !this.comeRight && objectType.xVelocity < 0) { this.comeLeft = true; this.moveX = objectType.x; } else if (objectType.x < grassMiddle && !this.comeLeft && objectType.xVelocity > 0) { this.comeRight = true; this.moveX = objectType.x + objectType.width; } var grassDistance = sqrt(sq(this.moveX - grassMiddle) + sq(this.moveY - (this.y + this.height))); if (grassDistance > 15 && this.moveY < this.y + this.height/2) { this.moveY += abs(grassDistance)/15; } } else { this.comeLeft = false; this.comeRight = false; this.moveX -= (this.moveX - grassMiddle)/50; this.moveY -= (this.moveY - this.y); } //Grass coming back up if (abs(objectType.xVelocity) < 0.1) { this.moveX -= (this.moveX - grassMiddle)/50; this.moveY -= (this.moveY - this.y); } }; Grass.prototype.display = function() { pjs.fill(0, 150, 0); pjs.noStroke(); pjs.triangle(this.x, this.y + this.height, this.x + this.width, this.y + this.height, this.moveX, this.moveY); }; Grass.prototype.execute = function() { if (boxCollide(cam, this)) { this.collide(player); this.display(); } }; //} /Background scenery/ // { var Background = function(config) { this.x = config.x; this.y = config.y; this.width = config.width; this.height = config.height; this.graphic = config.graphic \|\| function() {}; }; Background.prototype.draw = function() { this.graphic(); }; var Grassland = new Background ({ x: 0, y: 0, graphic: function() { //We leave this empty for now, later, when we restart the level, we'll make the actual graphic } }); //} var layOverTime = 10; var LevelRestart = function() { layOverTime = 10; //Making the background Grassland.graphic = function() { for (var x = 0; x < LevelMap[l].width; x += 400) { pjs.image(Graphics.get("GrasslandImage"), x, 0); } }; //Re-setting the variable "l" as equal to the current level (minus 1) l = (Level - 1); //Getting rid of some particles for (var i = 0; i < particles.length; i++) { particles.splice(i, 1); } players[l] = []; blocks[l] = []; slantedBlocks[l] = []; spikes[l] = []; lava[l] = []; signs[l] = []; minions[l] = []; water[l] = []; air[l] = []; signs[l] = []; winFlags[l] = []; grass[l] = []; bushes[l] = []; trees[l] = []; for(var columnNum = 0; columnNum < LevelMap[l].map.length; columnNum++) { for(var rowNum = 0; rowNum < LevelMap[l].map[columnNum].length; rowNum++) { var Y = columnNum * 25; var X = rowNum * 25; switch (LevelMap[l].map[columnNum][rowNum]) { /Player(s)/ case '@': players[l].push (new Player({ x: X, y: Y, })); break; /Blocks/ case '#': blocks[l].push(new Block({ x: X, y: Y, })); break; /Slanted blocks/ case '[': slantedBlocks[l].push(new SlantedBlock({ x: X, y: Y, type: "[", })); break; case ']': slantedBlocks[l].push(new SlantedBlock({ x: X, y: Y, type: "]", })); break; case '{': slantedBlocks[l].push(new SlantedBlock({ x: X, y: Y, type: "{", })); break; case '}': slantedBlocks[l].push(new SlantedBlock({ x: X, y: Y, type: "}", })); break; /Spikes/ case '^': spikes[l].push(new Spike({ x: X, y: Y, side: "bottom" })); break; case '>': spikes[l].push(new Spike({ x: X, y: Y, side: "left" })); break; case '<': spikes[l].push(new Spike({ x: X, y: Y, side: "right" })); break; case 'I': spikes[l].push(new Spike({ x: X, y: Y, side: "top" })); break; /Lava/ case 'l': lava[l].push(new Lava({ x: X, y: Y })); break; /Minions/ case 'm': minions[l].push(new Minion({ x: X, y: Y, })); break; /Water/ case 'w': water[l].push(new Water({ x: X, y: Y, })); air[l].push(new Water({ x: X, y: Y, })); break; case 'd': water[l].push(new Water({ x: X, y: Y })); water[l].push(new Water({ x: X + 25, y: Y })); air[l].push({ x: X, y: Y }); air[l].push({ x: X + 25, y: Y }); break; /Signs/ case '!': signs[l].push(new Sign({ x: X - 2, y: Y - 5, })); break; /Win Flags/ case 'F': winFlags[l].push(new WinFlag({ x: X, y: Y, width: 50, height: 25, })); break; /Grass/ case 'G': //Grass before the current space grass[l].push(new Grass({ x: X - 25, y: Y + 10, })); grass[l].push(new Grass({ x: X - 16.66, y: Y + 10, })); grass[l].push(new Grass({ x: X + -8.32, y: Y + 10, })); //Grass on the current space grass[l].push(new Grass({ x: X, y: Y + 10, })); grass[l].push(new Grass({ x: X + 8.34, y: Y + 10, })); grass[l].push(new Grass({ x: X + 16.68, y: Y + 10, })); //Grass on the next space grass[l].push(new Grass({ x: X + 25, y: Y + 10, })); grass[l].push(new Grass({ x: X + 33.34, y: Y + 10, })); grass[l].push(new Grass({ x: X + 41.68, y: Y + 10, })); break; /Bushes/ case 'B': bushes[l].push(new Bush({ x: X, y: Y, })); break; /Trees/ case 'T': /trees[l].push(new Tree({ x: X - this.width/2, y: Y - this.height/2, }));/ break; } } } //Setting the player1 variable to the new assigned player pushed into the array LevelTime = LevelMap[l].time; LevelWin = false; LevelLose = false; player = players[l][0]; }, Restarted = true, RestartTime = 0; LevelRestart(); //} // Define an array of addresses of other arrays var arrays = [bushes, signs, slantedBlocks, blocks, spikes, lava, minions, players, water, winFlags, grass]; var arrayCount = arrays.length; var Levels = function() { pjs.background(255, 255, 255); //Temporarily keeping the player still (at the beginning of the level) if (layOverTime > 0) { player.xVelocity = 0; player.yVelocity = 0; layOverTime--; } Grassland.draw(); var which = -1; while (++which < arrayCount) { /********************************************* * @algorithm_name sift * @created_by MKaelin368 (KWC) (C) 2017 / var index = -1, offset = 0; var currentArray = arrays[which][l]; var count = currentArray.length; while (++index < count) { var object = currentArray[index]; objects[executeCount++] = object; currentArray[offset++] = object; } currentArray.length = offset; /******************************************/ } var index = 0; while (index < executeCount) { objects[index++].execute(); } //The minions colliding with each other for (var objectNum = 0; objectNum < objects.length; objectNum++) { for (var objectNum2 = 0; objectNum2 < objects.length; objectNum2++) { var OBJECT1 = objects[objectNum]; var OBJECT2 = objects[objectNum2]; if (OBJECT1.objectType === "minion" && OBJECT2.objectType === "minion" && objectNum !== objectNum2) { if (boxCollide(OBJECT1, OBJECT2)) { OBJECT1.xVelocity = -1; OBJECT2.xVelocity = -1; OBJECT2.x = (OBJECT2.x > OBJECT1.x) ? (OBJECT1.x + OBJECT1.width) : (OBJECT1.x - OBJECT2.width); } } } } objects.length = executeCount = 0; }; //Functions and algorithmns for drawing the scenes{ var timers = []; var TimedInterval = function(callback, duration) { this.enabled = true; this.callback = callback \|\| noop; this.duration = duration; this.intervalCount = 0; }; TimedInterval.prototype.constructor = TimedInterval; TimedInterval.prototype = Object.create(null); TimedInterval.prototype.execute = function() { if (++this.intervalCount <= this.duration) { this.callback(); } else { this.enabled = false; } }; var setTimedInterval = function(callback, duration) { var timer = Object.create(TimedInterval.prototype); TimedInterval.call(timer, callback, duration); timers.push(timer); return timer; }; /Collisions for mouse interaction/ // { var rectToEllipseCollide = function(ellipse, rect) { // How it works: // Start with a simple AABB check (Axis-Aligned Bounding Box) that treats it like a rectangle. If the mouse is outside the rectangle, then there's no chance it's in the ellipse. // Use the mouse's X coordinate to find the angle that would produce that X coordinate on the edge of the ellipse. // Use that angle to find the height of the ellipse at that X coordinate. // Check to see if mouseY is within that distance. var halfW = ellipse.width 0.5; var halfH = ellipse.height * 0.5; if (rect.x + rect.width < ellipse.x - halfW \|\| rect.x > ellipse.x + halfW \|\| rect.y + rect.height < ellipse.y - halfH \|\| rect.y > ellipse.y + halfH) { return false; } var angX = (rect.x < ellipse.x) ? acos((rect.x + rect.width - ellipse.x) / halfW) : acos((rect.x - ellipse.x) / halfW); var distY = sin(angX) * halfH; var r = rect.y < ellipse.y + distY && rect.y + rect.height > ellipse.y - distY; return r; }; var rectCollide = function(rect1, rect2) { return rect1.x + rect1.width > rect2.x && rect1.x < rect2.x + rect2.width && rect1.y + rect1.height > rect2.y && rect1.y < rect2.y + rect2.height; }; var rectToTriCollide = function(rect, triangle) { if (rect.x + rect.width > triangle.x && rect.x < triangle.x + triangle.width && rect.y + rect.height > triangle.y && rect.y < triangle.y + triangle.height && triangle.side === "up") { if (rect.x + rect.width > triangle.x + triangle.width / 2 && rect.x < triangle.x + triangle.width / 2) { return true; } else if (rect.x + rect.width / 2 > triangle.x + triangle.width / 2) { return rect.y + rect.height > map(rect.x, triangle.x + triangle.width / 2, triangle.x + triangle.width, triangle.y, triangle.y + triangle.height); } else { return rect.y + rect.height > map(rect.x + rect.width, triangle.x, triangle.x + triangle.width / 2, triangle.y + triangle.height, triangle.y); } } else if (rect.x + rect.width > triangle.x && rect.x < triangle.x + triangle.width && rect.y + rect.height > triangle.y && rect.y < triangle.y + triangle.height && triangle.side === "down") { if (rect.x + rect.width > triangle.x + triangle.width / 2 && rect.x < triangle.x + triangle.width / 2) { return true; } else if (rect.x + rect.width / 2 > triangle.x + triangle.width / 2) { return rect.y < map(rect.x, triangle.x + triangle.width / 2, triangle.x + triangle.width, triangle.y + triangle.height, triangle.y); } else { return rect.y < map(rect.x + rect.width, triangle.x, triangle.x + triangle.width / 2, triangle.y, triangle.y + triangle.height); } } else if (rect.x + rect.width > triangle.x && rect.x < triangle.x + triangle.width && rect.y + rect.height > triangle.y && rect.y < triangle.y + triangle.height && triangle.side === "right") { if (rect.y + rect.height > triangle.y + triangle.height / 2 && rect.y < triangle.y + triangle.height / 2) { return true; } else if (rect.y + rect.height / 2 > triangle.y + triangle.height / 2) { return rect.y < map(rect.x, triangle.x, triangle.x + triangle.width, triangle.y + triangle.height, triangle.y + triangle.height / 2); } else { return rect.y + rect.height > map(rect.x, triangle.x, triangle.x + triangle.width, triangle.y, triangle.y + triangle.height / 2); } } else if (rect.x + rect.width > triangle.x && rect.x < triangle.x + triangle.width && rect.y + rect.height > triangle.y && rect.y < triangle.y + triangle.height && triangle.side === "left") { if (rect.y + rect.height > triangle.y + triangle.height / 2 && rect.y < triangle.y + triangle.height / 2) { return true; } else if (rect.y + rect.height / 2 > triangle.y + triangle.height / 2) { return rect.y < map(rect.x + rect.width, triangle.x, triangle.x + triangle.width, triangle.y + triangle.height / 2, triangle.y + triangle.height); } else { return rect.y + rect.height > map(rect.x + rect.width, triangle.x, triangle.x + triangle.width, triangle.y + triangle.height / 2, triangle.y); } } }; var rotatedEllipseCollide = function(ellipse, rect, functionCollide) { //Start by rotating the mouse position so that it lines up with the rotated ellipse. //Then do a regular collision check! Easy peasy! var rectAng = atan((ellipse.y - rect.y) / (ellipse.x - rect.x)); var rectDist = sqrt(sq(ellipse.y - rect.y) + sq(ellipse.x - rect.x)); //Store the actual mouseX and mouseY values var rectX = rect.x; var rectY = rect.y; //Change their values so the normal collision detection works with their new coords rect.x = cos(rectAng - ellipse.theta) * rectDist + ellipse.x; rect.y = sin(rectAng - ellipse.theta) * rectDist + ellipse.y; //Do the regular collision check with the rotated mouse coords var regularCollide = functionCollide(ellipse, rect); //Restore their values to normal. rect.x = rectX; rect.y = rectY; return regularCollide; }; var rectToArrowCollide = function(rect, tX, tY, tW, tH, tS) { //For left arrows if (rect.x + rect.width > tX && rect.x < tX + tW / 2 && rect.y + rect.height > tY && rect.y < tY + tH && tS === "left") { if (rect.y + rect.height > tY + tH / 2 && rect.y < tY + tH / 2) { return true; } else if (rect.y + rect.height / 2 > tY + tH / 2) { return rect.y < map(rect.x + rect.width, tX, tX + tW / 2, tY + tW / 4, tY + tH); } else { return rect.y + rect.height > map(rect.x + rect.width, tX, tX + tW / 2, tY + tH / 2, tY); } } else if (rect.x + rect.width > tX + tW / 2 && rect.x < tX + tW && rect.y + rect.height > tY + tH / 4 && rect.y < tY + (3 * tH / 4) && tS === "left") { return true; } //For right arrows if (rect.x + rect.width > tX + tW / 2 && rect.x < tX + tW && rect.y + rect.height > tY && rect.y < tY + tH && tS === "right") { if (rect.y + rect.height > tY + tH / 2 && rect.y < tY + tH / 2) { return true; } else if (rect.y + rect.height / 2 > tY + tH / 2) { return rect.y < map(rect.x, tX + tW / 2, tX + tW, tY + tH, tY + tH / 2); } else { return rect.y + rect.height > map(rect.x, tX + tW / 2, tX + tW, tY, tY + tH / 2); } } else if (rect.x + rect.width > tX && rect.x < tX + tW / 2 && rect.y + rect.height > tY + tH / 4 && rect.y < tY + (3 * tH / 4) && tS === "right") { return true; } //For up arrows if (rect.x + rect.width > tX && rect.x < tX + tW && rect.y + rect.height > tY && rect.y < tY + tH / 2 && tS === "up") { if (rect.x + rect.width > tX + tW / 2 && rect.x < tX + tW / 2) { return true; } else if (rect.x + rect.width / 2 > tX + tW / 2) { return rect.y + rect.height > map(rect.x, tX + tW / 2, tX + tW, tY, tY + tH / 2); } else { return rect.y + rect.height > map(rect.x + rect.width, tX, tX + tW / 2, tY + tH / 2, tY); } } else if (rect.x + rect.width > tX + tW / 4 && rect.x < tX + (3 * tW / 4) && rect.y + rect.height > tY + tH / 2 && rect.y < tY + tH && tS === "up") { return true; } //For down arrows if (rect.x + rect.width > tX && rect.x < tX + tW && rect.y + rect.height > tY && rect.y < tY + tH && tS === "down") { if (rect.x + rect.width > tX + tW / 2 && rect.x < tX + tW / 2) { return true; } else if (rect.x + rect.width / 2 > tX + tW / 2) { return rect.y < map(rect.x, tX + tW / 2, tX + tW, tY + tH, tY + tH / 2); } else { return rect.y < map(rect.x + rect.width, tX, tX + tW / 2, tY + tH / 2, tY + tH); } } else if (rect.x + rect.width > tX + tW / 4 && rect.x < tX + (3 * tW / 4) && rect.y + rect.height > tY && rect.y < tY + tH / 2 && tS === "up") { return true; } }; //} /Mouse function/ // { //This is the cursor for the mouse, if you don't assign a specific special cursor like "Target" then it's default is "Auto" var Mouse = function(config) { //The mouse's x position (in this case it's always going to be mouseX) this.x = config.x; //The mouse's y position (in this case it's always going to be mouseY) this.y = config.y; //The mouse's width and height this.width = config.width; this.height = config.height; //What state is the regular cursor in? this.state = "regular"; //What is the mouse's cursor (what does it look like)? this.cursor = config.cursor \|\| "regular"; //Time this.time = 0; this.display = function() { //If the cursor is reuglar, then depending on what state the cursor is in, then draw the proper cursor, (Auto, Pointer, if (this.cursor === "regular") { if (this.state === "auto") { cursor("auto"); } else if (this.state === "pointer") { cursor("pointer"); } else if (this.state === "grab") { cursor("grab"); } else if (this.state === "grabbing") { cursor("grabbing"); } else if (this.state === "wait") { cursor("wait"); } else if (this.state === "text") { cursor("text"); } else if (this.state === "not-allowed") { cursor("not-allowed"); } else if (this.state === "copy") { cursor("copy"); } else if (this.state === "zoom-in") { cursor("zoom-in"); } else if (this.state === "zoom-out") { cursor("zoom-out"); } else if (this.state === "all-scroll") { cursor("all-scroll"); } else if (this.state === "cross-hair") { cursor("cross-hair"); } else if (this.state === "cell") { cursor("cell"); } else if (this.state === "context-menu") { cursor("context-menu"); } else if (this.state === "help") { cursor("help"); } else if (this.state === "eastWest-resize") { cursor("ew-resize"); } else if (this.state === "northSouth-resize") { cursor("ns-resize"); } else if (this.state === "northEast-resize" \|\| this.state === "southWest-resize") { cursor("nesw-resize"); } else if (this.state === "northWest-resize" \|\| this.state === "southEast-resize") { cursor("nwse-resize"); } else if (this.state === "alias") { cursor("alias"); } else if (this.state === "vertical-text") { cursor("vertical-text"); } } else { cursor('none'); if (this.cursor === "target") { pjs.noFill(); pjs.strokeWeight(5); pjs.stroke(255, 0, 0); pjs.ellipse(this.x + this.width / 2, this.y + this.height / 2, this.width, this.height); pjs.line(this.x + this.width / 2.1, this.y - 5, this.x + this.width / 2.1, this.y + this.height + 5); pjs.line(this.x - 5, this.y + this.height / 2.1, this.x + this.width + 5, this.y + this.height / 2.1); } } }; }; //Open up this function if you want to see what I'm doing here and how it works //Change the mouse's width and height to what you want, for the beginning cursor, I keep it at zero. (even though it has a width, for convenience purposes), and then change the cursor to the specific one you want, if you don't assign it a value by living the quotes blank, then it's default is "Regular" var mouse = new Mouse({ x: mouseX, y: mouseY, width: 0, height: 0, cursor: "regular" }); //} /** * @MKaelin368 (KWC) made the (main) algorithmns that the button function uses for adding, removing, and executing the button. * @Iron_Programming made everything else / var Button = function() {}; Button.prototype = { add: function(func, graphic, x, y, width, height, shape, side) { //Numbers of working buttons this.subscribers = this.subscribers \|\| []; //Drawing the actual graphic of the button this.graphic = graphic \|\| noop; //Position and size this.x = x; this.y = y; this.width = width; this.height = height; //For colliding with this.shape = shape; this.side = side; //Additional things we can use if we want to this.scaleX = 1; this.scaleY = 1; this.theta = 0; this.Color = 0; var subscribers = this.subscribers, index = -1, subscriberCount = subscribers.length; while (++index < subscriberCount) { if (subscribers[index] === func) { return this; } } subscribers[subscriberCount] = func; return this; }, remove: function(func) { var subscriberCount = (this.subscribers && this.subscribers.length) >>> 0; if (subscriberCount === 0) { return this; } var subscribers = this.subscribers, index = -1, offset = 0; while (++index < subscriberCount) { var subscriber = subscribers[index]; if (subscriber !== func) { subscribers[offset++] = subscriber; } } subscribers.length = offset; return this; }, inside: function() { if (this.shape === "rect") { return rectCollide(mouse, this); } else if (this.shape === "triangle") { return rectToTriCollide(mouse, this); } else if (this.shape === "ellipse" && this.theta === 0) { return rectToEllipseCollide(this, mouse); } else if (this.shape === "ellipse" && this.theta !== 0) { return rotatedEllipseCollide(this, mouse, rectToEllipseCollide); } else if (this.shape === "arrow") { return rectToArrowCollide(mouse, this.x, this.y, this.width, this.height, this.side); } }, execute: function(value) { if (this.inside()) { var subscriberCount = (this.subscribers && this.subscribers.length) >>> 0; if (subscriberCount === 0) { return this; } var subscribers = this.subscribers, index = -1; while (++index < subscriberCount) { var func = subscribers[index]; func(value); } return this; } }, display: function() { pushMatrix(); translate(this.x + this.width / 2, this.y + this.height / 2); this.graphic(); popMatrix(); if (this.inside()) { mouse.state = "pointer"; } }, }; /Drawing the status of the player(s)*/ // Status variables, functions, ect{ //Getting our regular heart image from the Processing Library var Heart = pjs.getImage("cute/Heart"); //Creating graphics of our heart var graphics = createGraphics(Heart.width, Heart.height, JAVA2D); graphics.background(255, 0); //What image to tint graphics.image(Heart); //Making a tinted black heart var BlackHeart = function(x, y, width, height) { tint(0, 0, 0, 255); pjs.image(graphics, x, y, width, height); noTint(); }; var RotatedMinuteArm = 0; var RotatedHourArm = 0; var Clock = function(x, y, width, height) { if (LevelTime > 0 && !Pause) { RotatedMinuteArm += 5; RotatedHourArm += 5/12; } pjs.strokeWeight(3); pjs.stroke(255, 200, 0); pjs.fill(200, 200, 200); pjs.ellipse(x + width/2, y + height/2, width, height); pjs.strokeWeight(1); pjs.stroke(150, 150, 150); pushMatrix(); translate(x + width/2, y + height/2); for (var i = 0; i < 12; i++) { rotate(-30); pjs.line(0, -height/2.2, 0, 0); } //Minute arm. popMatrix(); pjs.strokeWeight(2); pjs.stroke(255, 200, 0); pushMatrix(); translate(x + width/2, y + height/2); rotate(RotatedMinuteArm); pjs.line(0, -height/3, 0, 0); pjs.line(0, -height/3, -width/7.5, -height/6); pjs.line(0, -height/3, width/7.5, -height/6); popMatrix(); //Hour arm. popMatrix(); pjs.strokeWeight(2); pjs.stroke(255, 200, 0); pushMatrix(); translate(x + width/2, y + height/2); rotate(RotatedHourArm); pjs.line(0, -height/3.75, 0, 0); pjs.line(0, -height/3.75, -width/7.5, -height/10); pjs.line(0, -height/3.75, width/7.5, -height/10); popMatrix(); pjs.noStroke(); }; var milliTime = 0; //} var Status = function() { if (LevelTime > 0 && !LevelLose && !LevelWin) { if (!Pause) { milliTime++; } if (milliTime === 25) { LevelTime--; milliTime = 0; } } else if ((LevelLose \|\| LevelWin) && LevelTime > 0) { milliTime++; if (milliTime > 1) { LevelTime -= 25; milliTime = 0; } } else { LevelTime = 0; } //Status bar pjs.noStroke(); pjs.fill(150, 150, 150, 100); pjs.rect(0, 0, 400, 50); //Breath pjs.fill(255, 0, 0); pjs.textSize(20); pjs.text("Breath", 25, 14); pjs.noFill(); pjs.stroke(0, 0, 0); pjs.strokeWeight(1); pjs.rect(5, 15, 100, 20); pjs.noStroke(); pjs.fill(0, 0, 255, 100); pjs.rect(5, 15, player.breath/5, 20); //Drawing the clock (keeping track of the time) Clock(250, 10, 30, 30); //Drawing how much time is left pjs.fill(255, 255, 255, 200); pjs.textSize(25); if (LevelTime >= 100) { pjs.text(LevelTime, 244, 10); } else if (LevelTime >= 10) { pjs.text(LevelTime, 252, 10); } else { pjs.text(LevelTime, 258, 10); } //If you lost a life, then you see a black heart where that heart/life used to be for (var LivesGone = 0; LivesGone < 3; LivesGone++) { BlackHeart(315 + (LivesGone 25), 5, 25, 40); } //How many lives do you have left? for (var Lives = 0; Lives < player.lives; Lives++) { pjs.image(pjs.getImage("cute/Heart"), 315 + (Lives * 25), 5, 25, 40); } //Pressing "P" to pause if (input[80]) { Pause = true; } }; /Drawing the win scene/ var WinScene = function() { //Words "YOU WIN!" pjs.fill(0, 0, 0); pjs.textSize(50); pjs.text("YOU WIN!", 100, 65); pjs.stroke(255, 255, 255, 200); pjs.strokeWeight(5); pjs.fill(255, 255, 255, 100); pjs.rect(25, 25, pjs.width - 50, pjs.height - 50); }; /Drawing the lose scene/ var LoseScene = function() { //Words "YOU WIN!" pjs.fill(0, 0, 0); pjs.textSize(50); pjs.text("YOU LOSE!", 75, 65); pjs.stroke(255, 255, 255, 200); pjs.strokeWeight(5); pjs.fill(255, 255, 255, 100); pjs.rect(25, 25, pjs.width - 50, pjs.height - 50); }; /Drawing the pause scene/ var PauseScene = function() { //Words "paused" pjs.fill(0, 0, 0); pjs.textSize(50); pjs.text("PAUSED", 100, 65); pjs.stroke(255, 255, 255, 200); pjs.strokeWeight(5); pjs.fill(255, 255, 255, 100); pjs.rect(25, 25, pjs.width - 50, pjs.height - 50); }; /Menu Scene/ //Menu variables, functions, ect{ var MoveLine = function(config) { this.rangeX = config.rangeX; this.rangeY = config.rangeY; this.widthRange = config.widthRange; this.heightRange = config.heightRange; this.x1 = config.x1; this.y1 = config.y1; this.x2 = config.x2; this.y2 = config.y2; this.speed = config.speed \|\| 2; this.direction = config.direction \|\| "left"; this.Color = config.Color \|\| pjs.color(200, 100, 0); this.type = config.type; }; MoveLine.prototype.move = function() { ///Moving it var maxX = this.rangeX + this.widthRange, minX = this.rangeX, maxY = this.rangeY + this.heightRange, minY = this.rangeY; //Correcting problems for (x1, y1) coordinates if (abs(this.x1 - minX) < 0.75) { this.x1 = minX; } if (abs(this.x1 - maxX) < 0.75) { this.x1 = maxX; } if (abs(this.y1 - minY) < 0.75) { this.y1 = minY; } if (abs(this.y1 - maxY) < 0.75) { this.y1 = maxY; } //Correcting problems for (x2, y2) coordinates if (abs(this.x2 - minX) < 0.75) { this.x2 = minX; } if (abs(this.x2 - maxX) < 0.75) { this.x2 = maxX; } if (abs(this.y2 - minY) < 0.75) { this.y2 = minY; } if (abs(this.y2 - maxY) < 0.75) { this.y2 = maxY; } if (this.direction === "left") { //Moving x1 & y1{ if ((this.y1 === minY) && (this.x1 !== minX)) { this.x1 -= this.speed; } else if ((this.x1 === minX) && (this.y1 !== maxY)) { this.y1 += this.speed; } else if ((this.y1 === maxY) && (this.x1 !== maxX)) { this.x1 += this.speed; } else if ((this.x1 === maxX) && (this.y1 !== minY)) { this.y1 -= this.speed; } //} //Moving x2 & y2{ if ((this.y2 === minY) && (this.x2 !== minX)) { this.x2 -= this.speed; } else if ((this.x2 === minX) && (this.y2 !== maxY)) { this.y2 += this.speed; } else if ((this.y2 === maxY) && (this.x2 !== maxX)) { this.x2 += this.speed; } else if ((this.x2 === maxX) && (this.y2 !== minY)) { this.y2 -= this.speed; } //} } else if (this.direction === "right") { //Moving x1 & y1{ if ((this.y1 === minY) && (this.x1 !== maxX)) { this.x1 += this.speed; } else if ((this.x1 === maxX) && (this.y1 !== maxY)) { this.y1 += this.speed; } else if ((this.y1 === maxY) && (this.x1 !== minX)) { this.x1 -= this.speed; } else if ((this.x1 === minX) && (this.y1 !== minY)) { this.y1 -= this.speed; } //} //Moving x2 & y2{ if ((this.y2 === minY) && (this.x2 !== maxX)) { this.x2 += this.speed; } else if ((this.x2 === maxX) && (this.y2 !== maxY)) { this.y2 += this.speed; } else if ((this.y2 === maxY) && (this.x2 !== minX)) { this.x2 -= this.speed; } else if ((this.x2 === minX) && (this.y2 !== minY)) { this.y2 -= this.speed; } //} } }; MoveLine.prototype.display = function() { pjs.stroke(this.Color); pjs.strokeWeight(3); pjs.line(this.x1, this.y1, this.x2, this.y2); }; //The empty "moveLines" array var moveLines = []; var Lines = function(X, Y, Width, Height, Direction, lineSize, type, Color) { //Lines starting vertical for (var lineNum = 0; lineNum < Width - lineSize; lineNum += (lineSize + 10)) { moveLines.push(new MoveLine ({ rangeX: X, rangeY: Y, widthRange: Width, heightRange: Height, x1: (X + lineSize/3) + (lineNum), y1: Y, x2: (X + lineSize/3 + lineSize) + (lineNum), y2: Y, direction: Direction, type: type, Color: Color, })); moveLines.push(new MoveLine ({ rangeX: X, rangeY: Y, widthRange: Width, heightRange: Height, x1: (X - lineSize/3 + Width) - (lineNum), y1: (Y + Height), x2: ((X - lineSize/3 + Width) - lineSize) - (lineNum), y2: (Y + Height), direction: Direction, type: type, Color: Color, })); } //Lines starting horizontal for (var lineNum = 0; lineNum < Height - lineSize; lineNum += (lineSize + 10)) { moveLines.push(new MoveLine ({ rangeX: X, rangeY: Y, widthRange: Width, heightRange: Height, x1: X, y1: (Y + Height - lineSize/3) - (lineNum), x2: X, y2: (Y + Height - lineSize/3 - lineSize) - (lineNum), direction: Direction, type: type, Color: Color, })); moveLines.push(new MoveLine ({ rangeX: X, rangeY: Y, widthRange: Width, heightRange: Height, x1: (X + Width), y1: Y + lineSize/3 + (lineNum), x2: (X + Width), y2: (Y + lineSize/3 + lineSize) + (lineNum), direction: Direction, type: type, Color: Color, })); } }; Lines(50, 35, 300, 120, "left", 20, "menu"); //} var Menu = function() { pjs.background(100, 100, 100); pjs.fill(50, 50, 50); pjs.textSize(50); pjs.text("Platformer\n Prototype", 85, 35); for (var lineNum = 0; lineNum < moveLines.length; lineNum++) { if (moveLines[lineNum].type === "menu") { moveLines[lineNum].display(); moveLines[lineNum].move(); } } }; /Instructions scene/ //Instruction variables, functions, ect{ Lines(50, 35, 300, 60, "left", 20, "instructions", pjs.color(0, 0, 200)); //} var Instructions = function() { pjs.background(100, 100, 100); pjs.fill(50, 50, 50); pjs.textSize(50); pjs.text("Instructions", 75, 35); for (var lineNum = 0; lineNum < moveLines.length; lineNum++) { if (moveLines[lineNum].type === "instructions") { moveLines[lineNum].display(); moveLines[lineNum].move(); } } //Instruction text pjs.fill(0, 0, 0); pjs.textSize(20); pjs.text("Controls:\nARROW keys to move,\nPress UP, 'A', and LEFT or RIGHT to scale walls, depending on what side of the wall your bouncing off.\n\nMore info:\nGo to a sign to read it, signs give useful information.", 25, 110, 350, 400); }; /Settings scene/ //Setting variables, functions, ect{ Lines(50, 35, 300, 60, "left", 20, "settings", pjs.color(0, 200, 0)); //} var Settings = function() { pjs.background(100, 100, 100); pjs.fill(50, 50, 50); pjs.textSize(50); pjs.text("Settings", 115, 35); for (var lineNum = 0; lineNum < moveLines.length; lineNum++) { if (moveLines[lineNum].type === "settings") { moveLines[lineNum].display(); moveLines[lineNum].move(); } } //Drawing text for settings pjs.textSize(35); pjs.fill(0, 0, 0); pjs.text("Sound is", 25, 150); }; /Load Graphics Scene/ //Load scene variables, functions, ect{ var LoadCircle = function(config) { this.x = config.x; this.y = config.y; this.size = 10; this.alpha = config.alpha \|\| 255; }; LoadCircle.prototype.draw = function() { pjs.fill(100, 100, 100, this.alpha); pjs.noStroke(); pjs.ellipse(this.x, this.y, this.size, this.size); this.alpha -= 5; }; var circles = [], CircleLength = 0; var periods = "", periodTime = 0; for (var i = 1; i < 270; i += 5) { circles.push(new LoadCircle({ x: width/2 + (cos(i) * 50), y: height/2 + (sin(i) * 50), alpha: i, })); } //} var LoadGraphics = function() { Graphics.loadNext(); pjs.fill(0, 0, 0); pjs.rect(0, 0, pjs.width, pjs.height); periodTime += 3; if (periodTime < 100) { periods = ""; } else if (periodTime >= 100 && periodTime < 200) { periods = "."; } else if (periodTime >= 200 && periodTime < 300) { periods = ".."; } else if (periodTime >= 300 && periodTime < 400) { periods = "..."; } else { periodTime = 0; } //text "Loading images" pjs.textSize(50); pjs.fill(100, 100, 100); pjs.textAlign(CENTER, TOP); pjs.text("Loading images" + periods, pjs.width/2, 50); pjs.textAlign(LEFT, TOP);//resetting to norm CircleLength += 5; circles.push(new LoadCircle({ x: pjs.width/2 + (cos(CircleLength + 265) * 50), y: pjs.height/2 + (sin(CircleLength + 265) * 50), })); for (var i = 0; i < circles.length; i++) { var CIRCLE = circles[i]; CIRCLE.draw(); if (CIRCLE.alpha <= 0) { circles.splice(i, 1); } } }; /Logo scene/ //Logo variables, functions, ect{ var Size = 5, LogoTime = 0, LogoRotated = 0, LogoScaled = 1, LogoAlpha = 0; //Creating a point function for the pixel art var MovePoint = function(config) { this.x = config.x \|\| random(-200, 200); this.y = config.y \|\| random(-200, 200); this.endX = config.endX; this.endY = config.endY; this.color = config.color; this.size = config.size \|\| Size; }; MovePoint.prototype.draw = function() { pjs.fill(this.color); pjs.noStroke(); pjs.rect(this.x, this.y, this.size, this.size); //Moving to the assigned spots if (this.x < this.endX) { this.x += abs(this.x - this.endX)/25; } else if (this.x > this.endX) { this.x -= abs(this.x - this.endX)/25; } if (this.y < this.endY && abs(this.x - this.endX) < 0.2) { this.y += abs(this.y - this.endY)/25; } else if (this.y > this.endY && abs(this.x - this.endX) < 0.2) { this.y -= abs(this.y - this.endY)/25; } }; var Point = function(config) { this.endX = config.endX; this.endY = config.endY; this.x = config.endX; this.y = config.endY; this.color = config.color; this.size = config.size \|\| Size; }; Point.prototype.draw = function() { pjs.fill(this.color); pjs.noStroke(); pjs.rect(this.x, this.y, this.size, this.size); }; var points = []; var PixelArt = [ [ ' 22222222222 ', ' 222222222222222 ', ' 2222222222222222222 ', ' 22222222222222222222222 ', ' 222211111111111111111112222 ', ' 2222221111111111111111111222222 ', ' 22222222222221111111112222222222222 ', ' 222222222222222111111111222222222222222 ', ' 2222222222222222211111111122222222222222222 ', ' 22222222222222222221111111112222222222222222222 ', ' 222222222222222222222111111111222222222222222222222 ', ' 2222222222222222222222211111111122222222222222222222222 ', ' 22222222222222222222222221111111112222222222222222222222222 ', ' 222222222222222222222222222111111111222222222222222222222222222 ', ' 2222222222222222222222222222211111111122222222222222222222222222222 ', '222222222222222222222222222222111111111222222222222222222222222222222', '222222222222222222222222222222111111111222222222222222222222222222222', ' 2222222222222222222222222222211111111122222222222222222222222222222 ', ' 222222222222222222222222222111111111222222222222222222222222222 ', ' 22222222222222222222222221111111112222222222222222222222222 ', ' 2222222222222222222222211111111122222222222222222222222 ', ' 222222222222222222222111111111222222222222222222222 ', ' 22222222222222222221111111112222222222222222222 ', ' 2222222222222222211111111122222222222222222 ', ' 222222222222222111111111222222222222222 ', ' 22222222222221111111112222222222222 ', ' 2222221111111111111111111222222 ', ' 222211111111111111111112222 ', ' 22222222222222222222222 ', ' 2222222222222222222 ', ' 222222222222222 ', ' 22222222222 ', ], ]; var currentPixelArt = 1; //Loading the pixel art var LoadPixelArt = (function(POINT) { for (var i = 0; i < PixelArt.length; i++) { points.push([]); for (var columnNum = 0; columnNum < PixelArt[i].length; columnNum++) { for (var rowNum = 0; rowNum < PixelArt[i][columnNum].length; rowNum++) { var pointX = (rowNum * Size) - 172.5; var pointY = (columnNum * Size) - 80; switch (PixelArt[i][columnNum][rowNum]) { case '1': points[i].push(new POINT({ endX: pointX, endY: pointY, color: pjs.color(0, 0, 0) })); break; case '2': points[i].push(new POINT({ endX: pointX, endY: pointY, color: pjs.color(50, 0, 0) })); break; } } } } })(MovePoint); //} var Logo = function() { pjs.background(100, 100, 100); LogoTime++; if (LogoTime > 325 && LogoTime < 350) { LogoRotated += (90 - LogoRotated)/5; } else if (LogoTime > 350 && LogoTime < 500) { LogoScaled -= 0.1; LogoRotated += 25; if (LogoTime > 400) { LogoAlpha += 2; } } else if (LogoTime >= 500) { scene = "menu"; } pushMatrix(); translate(200, 200); rotate(LogoRotated); scale(LogoScaled); for (var i = 0; i < points[0].length; i++) { points[0][i].draw(); } popMatrix(); //Drawing the "presents..." text pjs.fill(200, 0, 0, LogoAlpha); pjs.textSize(30); pjs.text("Presents...", 140, 200); }; /Load Level/ var levelIncrease = 0; var LoadLevel = function() { pjs.background(0, 0, 0); LevelRestart(); RestartTime++; pjs.textSize(100); if (RestartTime > 0 && RestartTime < 33) { textOutline("3", 165, 250, pjs.color(0, 0, 0), pjs.color(255, 0, 0), 1); } else if (RestartTime > 33 && RestartTime < 66) { textOutline("2", 165, 250, pjs.color(0, 0, 0), pjs.color(255, 0, 0), 1); } else if (RestartTime > 66 && RestartTime < 100) { textOutline("1", 165, 250, pjs.color(0, 0, 0), pjs.color(255, 0, 0), 1); } else if (RestartTime > 100) { RestartTime = 0; Restarted = false; levelIncrease = 0; } mouse.state = "Auto"; }; // This is a timed interval which we'll call in between scene changes var sceneTransition = function(whatScene) { setTimedInterval((function() { var fade = 0; var callback = function() { pjs.fill(0, 0, 0, fade += 5); pjs.rect(0, 0, pjs.width, pjs.height); if (fade >= 255) { whatScene(); setTimedInterval(function() { pjs.fill(0, 0, 0, fade -= 5); pjs.rect(0, 0, pjs.width, pjs.height); }, 51); } }; return callback; })(), 52); }; //Making a some buttons which we'll use more than once (in multiple scenes) var homeButton = function() { var newButton = (new Button()).add(function(eventType) { switch (eventType) { case "mouse-clicked": sceneTransition(function() { scene = "menu"; }); break; } }, function() { if (this.inside()) { scale(this.scaleX += (1.75 - this.scaleX)/25, this.scaleY += (1.75 - this.scaleX)/25); } else { scale(this.scaleX -= (this.scaleX - 1)/25, this.scaleY -= (this.scaleY - 1)/25); } pjs.fill(50, 50, 50); pjs.noStroke(); pjs.triangle(-this.width / 2, -this.height / 30, this.width / 2, -this.height / 25, 0, -this.height / 2); pjs.rect(-this.width / 3, -this.height / 30, this.width / 2.7, 2 * this.height / 3); pjs.rect(this.width / 8, -this.height / 30, this.width / 5, 2 * this.height / 3); pjs.rect(-this.width / 3, -this.height / 30, this.width / 1.5, this.height / 2.5); }, 190, 350, 30, 25, "rect"); return newButton; }, playAgainButton = function() { var newButton = ((new Button()).add(function(eventType) { switch (eventType) { case "mouse-clicked": sceneTransition(function() { scene = "levels"; Restarted = true; }); break; } }, function() { if (this.inside()) { this.width += (150 - this.width)/5; } else { this.width -= (this.width - 115)/5; } pjs.stroke(0, 0, 0); pjs.fill(100, 100, 100, 150); pjs.ellipse(-this.width/2, -this.height/2, this.width, this.height); pjs.textAlign(CENTER, CENTER); pjs.textSize(20); pjs.fill(0, 0, 0); pjs.text("Play Again", -this.width/2, -this.height/2); pjs.noStroke();//resetting norm pjs.textAlign(LEFT, TOP); }, 200, 175, 115, 50, "ellipse")); return newButton; }, quitButton = function() { var newButton = ((new Button()).add(function(eventType) { switch (eventType) { case "mouse-clicked": sceneTransition(function() { scene = "menu"; Pause = false; }); break; } }, function() { if (this.inside()) { this.width += (150 - this.width)/5; } else { this.width -= (this.width - 115)/5; } pjs.stroke(0, 0, 0); pjs.fill(100, 100, 100, 150); pjs.ellipse(-this.width/2, -this.height/2, this.width, this.height); pjs.textAlign(CENTER, CENTER); pjs.textSize(20); pjs.fill(0, 0, 0); pjs.text("Quit", -this.width/2, -this.height/2); pjs.noStroke();//resetting norm pjs.textAlign(LEFT, TOP); }, 200, 250, 115, 50, "ellipse")); return newButton; }; var buttons = { //Home buttons [Play, Instructions, Settings] "menu": [ //Play button ((new Button()).add(function(eventType) { switch (eventType) { case "mouse-clicked": sceneTransition(function() { scene = "levels"; Restarted = true; }); break; } }, function() { if (this.inside()) { rotate(sin(this.theta += 10) * 5); } else { rotate(this.theta = 0); } pjs.noStroke(); pjs.fill(50, 50, 50); pjs.triangle(-this.width / 2, -this.height / 2, -this.width / 2, this.height / 2, this.width / 2, 0); }, 185, 275, 50, 50, "triangle", "right")), //Instructions button ((new Button()).add(function(eventType) { switch (eventType) { case "mouse-clicked": sceneTransition(function() { scene = "instructions"; }); break; } }, function() { if (this.inside()) { rotate(sin(this.theta += 10) * 5); } else { rotate(this.theta = 0); } pjs.fill(50, 50, 50); pjs.textSize((this.width + this.height)/1.5); pjs.text("?", -this.width/2.5, -this.height/1.3); }, 110, 315, 50, 50, "rect")), //Settings button ((new Button()).add(function(eventType) { switch (eventType) { case "mouse-clicked": sceneTransition(function() { scene = "settings"; }); break; } }, function() { if (this.inside()) { rotate(sin(this.theta += 10) * 5); } else { rotate(this.theta = 0); } pjs.fill(50, 50, 50); pjs.stroke(50, 50, 50); pjs.strokeWeight(10); for (var i = 0; i < 8; i++) { rotate(45); pjs.rect(-this.width/15, -this.height/2.5, 2, 2); } pjs.noStroke(); pjs.ellipse(0, 0, 30, 30); pjs.fill(100, 100, 100); pjs.ellipse(0, 0, 25, 25); }, 250, 315, 50, 50, "rect")), ], //Instructions buttons [Home] "instructions": [ //Home button homeButton(), ], //Settings buttons [Home, Sound-Button] "settings": [ //Home button homeButton(), //Sound button ((new Button()).add(function(eventType) { switch (eventType) { case "mouse-clicked": if (Sound) { Sound = false; } else { Sound = true; } break; } }, function() { if (this.inside()) { pjs.fill(150, 150, 150, 150); } else { pjs.fill(100, 100, 100, 150); } pjs.stroke(0, 0, 0); pjs.rect(-this.width/2, -this.height/2, this.width, this.height); pjs.fill(0, 0, 0); pjs.textSize(30); if (Sound) { pjs.text("ON", -this.width/3, -this.height/2); } else { pjs.text("OFF", -this.width/2.45, -this.height/2); } pjs.noStroke(); }, 175, 155, 70, 35, "rect")), ], //Pause buttons [Quit, Resume] "pause": [ //Resume button ((new Button()).add(function(eventType) { switch (eventType) { case "mouse-clicked": Pause = false; break; } }, function() { if (this.inside()) { this.width += (150 - this.width)/5; } else { this.width -= (this.width - 115)/5; } pjs.stroke(0, 0, 0); pjs.fill(100, 100, 100, 150); pjs.ellipse(-this.width/2, -this.height/2, this.width, this.height); pjs.textAlign(CENTER, CENTER); pjs.textSize(20); pjs.fill(0, 0, 0); pjs.text("Resume", -this.width/2, -this.height/2); pjs.noStroke();//resetting norm pjs.textAlign(LEFT, TOP); }, 200, 175, 115, 50, "ellipse")), //Quit button quitButton(), ], //Level Lose buttons [PlayAgain, Quit] "level-lose": [ //Resume button playAgainButton(), //Quit button quitButton(), ], //Pause buttons [PlayAgain, Quit, NextLevel] "level-win": [ //Play-Again button playAgainButton(), //Quite button quitButton(), //Next-Level button ((new Button()).add(function(eventType) { switch (eventType) { case "mouse-clicked": sceneTransition(function() { scene = "levels"; if (levelIncrease === 0) { Level++; levelIncrease = 1; } Restarted = true; }); break; } }, function() { if (this.inside()) { this.width += (150 - this.width)/5; } else { this.width -= (this.width - 115)/5; } pjs.stroke(0, 0, 0); pjs.fill(100, 100, 100, 150); pjs.ellipse(-this.width/2, -this.height/2, this.width, this.height); pjs.textAlign(CENTER, CENTER); pjs.textSize(20); pjs.fill(0, 0, 0); pjs.text("Next level", -this.width/2, -this.height/2); pjs.noStroke();//resetting norm pjs.textAlign(LEFT, TOP); }, 200, 325, 115, 50, "ellipse")), ], }; var Scenes = function() { mouse.x = pjs.mouseX; mouse.y = pjs.mouseY; //Drawing each individual scene switch (scene) { case "load-images": LoadGraphics(); activeScreen = "load-images"; break; case "logo": Logo(); activeScreen = "logo"; break; case "menu": pjs.background(100, 100, 100); Menu(); activeScreen = "menu"; break; case "settings": Settings(); activeScreen = "settings"; break; case "instructions": pjs.background(255, 255, 255); pjs.fill(0, 200, 0); pjs.rect(50, 50, 300, 300); Instructions(); activeScreen = "instructions"; break; case "levels": if (Restarted) { LoadLevel(); activeScreen = "load-level"; } else { pushMatrix(); cam.view(player); Levels(); popMatrix(); //Drawing the status Status(); //Pausing, winning, and losing if (Pause) { PauseScene(); activeScreen = "pause"; } else if (LevelWin && LevelTime <= 0) { WinScene(); activeScreen = "level-win"; } else if (LevelLose && LevelTime <= 0) { LoseScene(); activeScreen = "level-lose"; } else { activeScreen = "level"; } } break; } //Drawing the buttons if (buttons[activeScreen] !== undefined) { for (var i = 0; i < buttons[activeScreen].length; i++) { buttons[activeScreen][i].display(); } } //Executing screen transitions for (var i = 0; i < timers.length; i++) { timers[i].execute(); if (!timers[i].enabled) { timers.splice(i, 1); } } mouse.display(); mouse.state = "auto"; }; //} pjs.draw = function () { setKALoopTimeout(5000); this.draw = Scenes; }; pjs.mouseClicked = function() { for (var i = 0; i < buttons[activeScreen].length; i++) { buttons[activeScreen][i].execute("mouse-clicked"); } }; }; init(false);
Folds	34,36,37,39,42,100,103,364,377,445,452,571,574,581,584,648,651,657,660,662,664,693,696,771,774,1021,1024,1197,1200,1282,1285,1371,1374,1510,1513,1595,1598,1650,1653,1715,1718,1765,1768,1811,1814,1831,1834,1851,1854,1910,1913,1934,1937,2165,2174,2226,2231,2236,2239,2245,2247,2252,2255,2398,2401,2485,2492,2584,2587,2653,2654,2714,2717,2727,2730,2740,2743,2753,2756,2928,2929,2941,2944,2946,2947,2964,2967,2969,2970,2987,2990,3017,3018,3059,3062,3179,3180,3207,3211,3228,3231,3247,3250,3274,3275,3305,3306,3336,3338,3530,3532,3617
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgNbw0K6eCAw
Votes	238
Spin-Offs	14
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Iron Programming
Author Name	ncochran2
Author ID	kaid_1167371439589851086940548
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739365231090
Updated	10 months ago, 1739365237516
Source Deleted	unknown