Viewing Program

Program Data

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

Title	Creeper Invasion v.1.3.
ID	6444869583241216
Created	10 years ago, 1431693851340
Updated	4 years ago, 1611887423589
Code	// Turn this to true to mute the game. // I will add an in-game button to change this option later. var MUTED = false; /* * To be able to compete for a spot on the high score list, * you must post your score along with your confirmation code in * Tips & Thanks. You must also save a spin-off of your death * screen for further proof. * * If you get caught cheating, you will be banned from the * high score list. Let us not get there; cheating is unethical, * and I am naive enough to believe in honesty (to a certain degree). / // Change log. // ------------------------------------------------------------------------------- // v.1.1: New shop option: revive. (Suggested by T#1B12P.) // Changed shop prices. (Suggested by T#1B12P.) // Decreased max creeper count, increased spawn rate. // Player no longer shoots when entering the shop. (Bug spotted by XDLAWL.) // Reduced message cap to five. (Suggested by XDLAWL.) // // v.1.2: Made the bullet system more generic. Added two bullet types: explosive and push. // New shop options: change bullet type. // // v.1.3: Added player shield (protects against explosions). // Added a power up system. // New power up: regenerate health. // New power up: strengthen shield. // New power up: increase fire rate. // New power down: damage player. // Added shop page number two. // Fixed a bug where the player generates money when dead. (Thanks to CalebHu2002.) // Fixed a bug where creepers explode when leaving the shop. Fixed the same bug for bombs // and power ups. var FRAMERATE = 60; var VERSION = "1.3"; // Determines the shop prices. var COST = { / Shop page 1. / HP : 200, // Restores 10 HP. FULLHEALTH : 1500, // Restores all health. BULLET : 50, // Gives the player a bullet. SPIKEBOMB : 275, // Gives the player a spike bomb. PUSHBOMB : 625, // Gives the player a push bomb. REVIVE : 1000, // Revives the player when dead. EXPLOSIVEBULLETS : 600, // Sets the bullet type to explosive. PUSHBULLETS : 1000, // Sets the bullet type to push. / Shop page 2. / FIRERATE : 500, // Increases the fire rate. BULLETMAG : 150, // Increases the bullet magazine capacity. BULLETPACK : 425, // Gives the player a pack of 10 bullets. UPGRADEPUSHBOMB : 400, // Makes the push bombs stronger. UPGRADESPIKEBOMB : 200 // Makes the spike bombs emit more bullets. }; // Determines the messages that appear upon purchase. var BUYMSG = { / Shop page 1. / HP : "Purchased 10 HP.", FULLHEALTH : "Health restored.", BULLET : "Purchased 1 bullet.", SPIKEBOMB : "Purchased 1 spike bomb.", PUSHBOMB : "Purchased 1 push bomb.", REVIVE : "You have been revived with 10 HP.", EXPLOSIVEBULLETS : "Swapped to explosive bullets.", PUSHBULLETS : "Swapped to push bullets.", / Shop page 2. / FIRERATE : "Fire rate upgraded.", BULLETMAG : "Bullet magazine increased by 10.", BULLETPACK : "Purchased 10 bullets.", UPGRADEPUSHBOMB : "Push bombs upgraded.", UPGRADESPIKEBOMB : "Spike bombs upgraded." }; // Determines the sounds used in the game. var SOUNDS = { // Played when... gun : getSound("retro/hit2"), // - a bullet is fired. buy : getSound("rpg/coin-jingle"), // - something is purchased. failbuy : getSound("rpg/hit-thud"), // - failed to purchase an item. bombDown : getSound("rpg/step-heavy"), // - a bomb is planted. creeperHit : getSound("rpg/giant-yah"), // - a creeper is hit by a bullet. boom1 : getSound("retro/boom1"), // - something explodes. boom2 : getSound("retro/boom2"), // - something explodes. powerup : getSound("rpg/water-bubble"), // - a power up is picked up. powerdown : getSound("rpg/water-slosh") // - a power down is picked up. }; // Determines the size of the creepers. var MONSTERSIZE = 20; // Determines the number of particles allowed to appear at a time. // Too high may cuase low frame rates. var MAXPARTICLES = 100; // Determines the maximum number of creepers allowed at a single time. // Too high may cuase low frame rates. var MAXCREEPERS = 13; // Determines the minimum distance from the player a new creeper can spawn. var MINSPAWNDIST = 45; // Determines the maximum number of messages to display before removing old ones. var MESSAGECAP = 5; // Used to make the screen red / green to signify negative / positive effects. var REDTRANS = 0; var GREENTRANS = 0; // Determines which screen is shown. var GAMESTATE = "MENU"; // Other variables. var STARTED = millis(); var GAMETIMER = 0; var SECURITYCODE = ""; var DIED = false; // Used to colour the health bar. var RED = color(153, 40, 40); var GREEN = color(52, 191, 52); // Last setup. var MAINFONT = createFont("monospace", 12); var keys = []; var keyPressed = function() { keys[keyCode] = true; }; var keyReleased = function() { keys[keyCode] = false; }; cursor(CROSS); rectMode(CENTER); imageMode(CENTER); textFont(MAINFONT); angleMode = "radians"; /* * @CreeperSprite * * @param {Number} size: determines the width and height of the sprite. * @returns {Image} */ var CreeperSprite = function(size) { // The size paramter determines the dimensions of the creeper image. // Image credit: // http://pixelpapercraft.com/files/1351635008828.png // // I essentially copied the above image with patience and a colour meter. var k = 0.125; var ksize = ksize; var creeper = createGraphics(size, size, P2D); var colorMap = [ [color(166,205,162), color( 27,169, 42), color( 79,179, 76), color(158,200,160), color(211,211,211), color(135,220,124), color(127,204,117), color( 79,144, 79)], [color( 44,147, 50), color( 97,198, 98), color( 68,183, 68), color(112,201,109), color( 78,145, 78), color(115,220,104), color(103,188, 93), color(211,211,211)], [color( 74,197, 70), color( 32, 84, 29), color( 56, 88, 52), color(149,215,145), color( 89,152, 91), color( 31, 78, 29), color( 56, 88, 52), color(221,221,221)], [color( 79,203, 76), color( 31, 78, 29), color( 0, 0, 0), color(105,207, 95), color( 74,178, 69), color( 0, 0, 0), color( 24, 58, 23), color(122,206,111)], [color(139,210,136), color(103,183, 94), color(139,212,134), color( 29, 79, 26), color( 30, 76, 27), color(180,217,174), color( 74,140, 75), color( 97,208, 89)], [color(165,210,158), color( 83,151, 84), color( 56, 88, 52), color( 0, 0, 0), color( 0, 0, 0), color( 32, 85, 30), color(105,215, 96), color(192,211,189)], [color(195,227,190), color(104,162,106), color( 0, 0, 0), color( 0, 0, 0), color( 0, 0, 0), color( 0, 0, 0), color( 97,188, 89), color( 83,152, 83)], [color(105,215, 96), color(132,222,120), color( 24, 58, 23), color(148,210,137), color(175,208,171), color( 30, 76, 27), color( 61,142, 63), color(106,207, 97)] ]; creeper.beginDraw(); creeper.noStroke(); creeper.background(0, 0, 0, 0); for (var i = 0; i < colorMap.length; i ++) { for (var j = 0; j < 8; j ++) { var x = jksize; var y = iksize; creeper.fill(colorMap[i][j]); creeper.rect(x, y, ksize, ksize); } } creeper.endDraw(); return creeper; }; // The creeper image that is used throughout the game. var CREEPER = CreeperSprite(MONSTERSIZE); /** * Utility functions. */ var shopSum = function() { / Use this function to calculate what it would cost to purchase every shop item once. / var sum = 0; for (var item in COST) { sum += COST[item]; } return sum; }; var getSecurityCode = function() { / Use this function to generate a confirmation code. / var ss = shopSum(); var dt = (millis() - STARTED).toString(); var code = dt.length.toString() + "T"; code += ss.toString() + "V" + VERSION[0] + VERSION[2] + "H"; code += (hour()).toString() + "M" + (minute()).toString(); return code; }; var getSpawnConstant = function(t) { / The output of this function determines the spawn rate of the creepers. / return 1 + Math.floor(59 / (1 + 1.75 t)); }; /** * Submitted high scores. / var HIGHSCORES = [ // Format: [NAME, SCORE]. ["cCarlosOtavio94", 10880], ["Balu Ur", 2050], ["SingBlade100", 15120], ["kim.luke", 7740], ["The #1 Yugal Proponent", 2040], ["T#1B12P", 78040], ["Samuel Dubner", 4140], ["✖ TheCentroid ✖", 5750], ["Callum Dixon", 2060], ["mormon math lover", 5500], ["TimothyV", 5540], ["David", 3410], ["TheYinglings5", 2580], ["Robotic", 3250], ["Cameron Smith", 2060], ["Evan L.", 2040], ["thomas thornton", 5600], ["toeskats", 1880], ["9elefant", 6570], ["Ari", 7550], ["BradyAnooshian", 4260], ["jovuribe", 6060], ["JordanVandy", 1740], ["Stephan Marcus Blad-Kinn", 5740], ["Sandra Taylor", 3540], ["michaelbasaj", 8200], ["maddzlorrenz.custodio", 15650], ["Ari", 101310], ["rchoi22, ...", 100020] ]; HIGHSCORES.sort(function(a, b) { return b[1] - a[1]; }); / * A collection of silly comments that may appear at the indicated stages in the game. */ var COMMENTS = { creeper : [ "Ouch!", "Careful!", "That must have hurt...", "Watch out!", "Sssss!", "Danger close!", "This is the end for you!", "I did not sign up for this." ], pushbomb : [ "Knock 'em out!", "Won't see him no more.", "KABOOM!", "See you never.", "I'll send you back to Oblivion!" ], spikebomb: [ "Good night.", "KABOOM!", "Guess he didn't see that one coming.", "Biiing!", "Raining fire!" ], health : [ "You can buy HP in the shop.", "Watch your health!", "Close...", "Buy some medicine!", "Remember, revive costs 1000." ], gun : [ "Good night.", "Splat!", "That looks like it hurt.", "HEADSHOT!", "Follow the train, CJ!", "Say hello to my little friend.", "I used to be an adventurer like you...", "...but then I took an arrow in the knee." ], regen : [ "Juice!", "Exploiting the welfare system.", "Juggernog.", "Free health!", "I'll take that." ], shield : [ "Hard as rock.", "Can't touch this.", "I'll take that.", "Like a tank.", "Solid.", "Hardened." ], firerate : [ "Pepper.", "Won't even see what him 'em.", "Double the rate, double the power.", "Speed cola.", "I'll take that." ], damage : [ "That hurts!", "Ugh.", "Yuck!", "Don't... need... this...", "Never again.", "Too strong.", "Bad investment." ], clear : [ "...and they're gone.", "Get outta' here!", "Through the Oblivion gates!", "All clear.", "Guess it's all clear now.", "Where did you go?!", "Finally some space." ] }; var getRandomComment = function(group) { / Use this function to obtain a random comment from the given group. / var comments = COMMENTS[group]; var numberOfComments = comments.length; var index = Math.floor(numberOfComments Math.random()); return comments[index]; }; /** * @UIButton * * @param {Number} x * @param {Number} y * @param {String} label: the label attached to the button. * * This class creates a button given a position and a label. The size of the button is automatically * calculated to wrap around the given label. * * Original: * https://www.khanacademy.org/computer-programming/generic-button-class/5660997182029824 */ var UIButton = function(x, y, label) { / This class creates a button with the specified label. The size of the button is automatically calculated to make sure the text label fits inside. Call the 'main' method with inside the draw loop to handle everything. / this.init(x, y, label); }; UIButton.prototype.init = function(x, y, label) { / These are the basic properties of the button (position, size, pressed, etc.)./ this.hovered = false; this.pressed = false; this.label = label; this.font = createFont("monospace", 40); this.x = x; this.y = y; this.width = this.getWidth(label); this.height = this.getHeight(label); / Change these colours to customize the style of the button. If you want buttons with several different styles, that you use often, create a subclass instead. / this.cornerRadius = 4; this.strokeWeight = 2; this.strokeWeightPressed = 4; this.textColor = color(223, 231, 245); this.textColorPressed = color(223, 231, 245); this.backgroundColor = color(52, 57, 77); this.backgroundColorPressed = color(35, 44, 77); this.strokeColor = color(30, 35, 56, 100); this.strokeColorPressed = color(30, 35, 56, 220); / These variables are used to keep track of the mouseclick state. / this.mousePressed = false; this.mouseWasPressed = false; / When the button is clicked, the onClick method is called. Furthermore, this button supports event listeners, which are all notified (via the notify(sender) method) upon click. / this.listeners = []; }; UIButton.prototype.getNumberOfLines = function(label) { / Use this method to compute the number of lines that the given label is composed of. / var lines = 1; for (var i = 0; i < label.length; i ++) { lines += (label[i] === "\n") ? 1 : 0; } return lines; }; UIButton.prototype.getWidth = function(label) { / Use this method to compute a proper width for the button, given the specified label. This ensures that the label will fit inside. / textFont(this.font); return 10 + 1.02 textWidth(this.label); }; UIButton.prototype.getHeight = function(label) { /* Use this method to compute a proper height for the button, given the specified label. This ensures that the label will fit inside. / return 40 + 49 (this.getNumberOfLines(label) - 1); }; UIButton.prototype.getRight = function() { /* Use this method to get the x-coordinate of the right edge of the button. / return (this.x + this.width); }; UIButton.prototype.getBottom = function() { / Use this method to get the y-coordinate of the bottom edge of the button. / return (this.y + this.height); }; UIButton.prototype.setLabel = function(label) { / Use this method when you want to change the label of your button. Using this method will ensure you that the size of the button will look good with the new label. / this.label = label; this.width = this.getWidth(label); this.height = this.getHeight(label); }; UIButton.prototype.centerAt = function(x, y) { / Use this method to set the centre of the button at the given coordinates. / this.x = x - this.width / 2; this.y = y - this.height / 2; }; UIButton.prototype.containsListener = function(listener) { / Use this method to check if the button already contains the given event listener. / for (var i = 0; i < this.listeners.length; i ++) { if (this.listeners[i] === listener) { return true; } } return false; }; UIButton.prototype.addEventListener = function(listener) { / Use this method to add a new event listener to this button. The listener will be notified when the button is clicked. / var alreadyContainsListener = this.containsListener(listener); var listenerCanBeNotified = typeof listener.notify === "function"; if (!listenerCanBeNotified) { // Throws an error if the given object cannot be notified. throw "Error, EllipseButton.addEventListener: given object does not have a notify(sender) method."; } if (!alreadyContainsListener) { this.listeners.push(listener); } }; UIButton.prototype.removeEventListener = function(listener) { / Use this method to remove the specified event listener from this button. / var index = this.listeners.indexOf(listener); if (index >= 0) { this.listeners.splice(index, 1); } }; UIButton.prototype.notifyListeners = function() { / Use this method to notify all the listeners of this button that some state has been updated / changed. This will call the notify(sender) method on every event listeners on this button. / for (var i = 0; i < this.listeners.length; i ++) { this.listeners[i].notify(this); } }; UIButton.prototype.onClick = function() { / This method is called when the button is clicked. Override this function when instanciating or subclassing, to implement custom behaviour. / }; UIButton.prototype.update = function() { / This method updates the state of the button. / this.mouseWasPressed = this.mousePressed; this.mousePressed = mouseIsPressed; var hoveredX = (mouseX > this.x) && (mouseX < this.getRight()); var hoveredY = (mouseY > this.y) && (mouseY < this.getBottom()); this.hovered = (hoveredX && hoveredY); this.pressed = this.hovered && mouseIsPressed; if (this.hovered && this.mouseWasPressed && !this.mousePressed) { this.notifyListeners(); this.onClick(); } }; UIButton.prototype.draw = function() { / Use this method to draw the button. / rectMode(CORNER); stroke(this.pressed ? this.strokeColorPressed : this.strokeColor); fill(this.pressed ? this.backgroundColorPressed : this.backgroundColor); strokeWeight(this.pressed ? this.strokeWeightPressed : this.strokeWeight); rect(this.x, this.y, this.width, this.height, this.cornerRadius); textFont(this.font); fill(this.pressed ? this.textColorPressed : this.textColor); text(this.label, this.x + 7, this.y + 33); rectMode(CENTER); }; UIButton.prototype.main = function() { / Use this method to draw and update the button. / this.update(); this.draw(); }; /* * @UISmallButton * * @extends UIButton * * @param {Number} x * @param {Number} y * @param {String} label: the label attached to the button. * * This class creates a small version of a UIButton. */ var UISmallButton = function(x, y, label) { / This class creates a small button based on the UIButton class. / // Inherit button properties from UIButton. UIButton.prototype.init.call(this, x, y, label); // Set a smaller font. this.font = createFont("monospace", 12); // Update button size. this.setLabel(label); }; UISmallButton.prototype = Object.create(UIButton.prototype); UISmallButton.prototype.getWidth = function(label) { / Use this method to compute a proper width for the button, given the specified label. This ensures that the label will fit inside. / textFont(this.font); return 10 + 1.02 textWidth(this.label); }; UISmallButton.prototype.getHeight = function(label) { /* Use this method to compute a proper height for the button, given the specified label. This ensures that the label will fit inside. / return 21 + 16 (this.getNumberOfLines(label) - 1); }; UISmallButton.prototype.draw = function() { /* Use this method to draw the button. / rectMode(CORNER); stroke(this.pressed ? this.strokeColorPressed : this.strokeColor); fill(this.pressed ? this.backgroundColorPressed : this.backgroundColor); strokeWeight(this.pressed ? this.strokeWeightPressed : this.strokeWeight); rect(this.x, this.y, this.width, this.height, this.cornerRadius); textFont(this.font); fill(this.pressed ? this.textColorPressed : this.textColor); text(this.label, this.x + 6, this.y + 15); rectMode(CENTER); }; /* * @Message * * @param {Number} x * @param {Number} y * @param {String} message: the message text. * * This class creates a message object composed of a coloured box with the specified text inside. * Calling the 'main' method inside the draw loop will cause the message to fade away after a given * time. */ var Message = function(x, y, message) { / This class creates messages for use in the game. / this.x = x; this.y = y; this.font = MAINFONT; this.message = message \|\| "Default message."; this.dead = false; this.opacity = 255; this.born = millis(); this.lifeTime = 0; this.timeUntilFading = 5000; this.width = this.getWidth(message); this.actions = []; }; Message.prototype.getWidth = function(message) { / Use this method to compute a proper width for the message, given the specified label. This ensures that the label will fit inside. / textFont(this.font); return 10 + 1.02 textWidth(message); }; Message.prototype.addAction = function(action) { /* Use this method to add an action to the message. This will typically be a translation over time. The action must declare itself dead after a certain point to let the message know when to remove it. / this.actions.push(action); }; Message.prototype.addUpwardsAction = function(amount) { / Use this method to add an upwards-movement action to this message, causing to to move the specified amount upwards. / this.addAction({ moved: 0, goal: amount, dead: false, run: function(sender) { / Move the message upwards... / sender.y --; this.moved --; this.dead = (Math.abs(this.moved) >= this.goal); } }); }; Message.prototype.addFadeAction = function(amount) { / Use this method to add a fading action to this message, causing to to instantly fade by the specified amount per frame. / this.addAction({ faded: 0, fadeBy: amount, dead: false, run: function(sender) { / Fade message. / sender.opacity -= this.fadeBy; this.faded -= this.fadeby; this.dead = (Math.abs(this.faded) >= 255); } }); }; Message.prototype.update = function() { / Use this method to update the message. / // Update timers. this.lifeTime = millis() - this.born; // Fade when the time is in. if (this.lifeTime >= this.timeUntilFading) { this.opacity --; } // Invisible messages will be removed. this.dead = (this.opacity <= 0); // Manage actions. for (var i = 0; i < this.actions.length; i ++) { var action = this.actions[i]; // Remove dead actions. if (action.dead) { this.actions.splice(i, 1); } action.run(this); } }; Message.prototype.draw = function() { / Use this method to draw the message. / rectMode(CORNER); noStroke(); fill(30, 30, 30, 130 this.opacity / 255); rect(this.x, this.y, this.width, 20); fill(250, 250, 250, this.opacity); textFont(MAINFONT); text(this.message, this.x + 7, this.y + 12); rectMode(CENTER); }; Message.prototype.main = function() { /* Use this method to draw and update the message. / this.update(); this.draw(); }; /* * Used to handle all the messages in the game, like displaying messages and removing dead ones. * Only the 'main' method on the 'messages' array should be called inside the draw-loop. */ var messages = []; messages.pushUpwards = function(amount) { / Use this method to push all the existing messages upwards by the specified amount. The movement will be animated. / for (var i = 0; i < messages.length; i ++) { messages[i].addUpwardsAction(22); } }; messages.fadeAll = function(amount) { / Use this method to add a fading action to all the messages. / for (var i = 0; i < messages.length; i ++) { messages[i].addFadeAction(amount); } }; messages.add = function(message) { / Use this method to add a new game message. / // Move all previous messages up. messages.pushUpwards(22); // Add new message. var msg = new Message(20, 340, message); messages.push(msg); }; messages.main = function() { / Use this method to draw and update the messages. / for (var i = 0; i < messages.length; i ++) { var message = messages[i]; // Remove dead messages. if (message.dead) { messages.splice(i, 1); } message.main(); } // If we have reached the maximum number of messages, make the top one fade away quickly. if (messages.length > MESSAGECAP) { var message = messages[0]; message.addAction({ dead: false, run: function(sender) { / Make the message fade away. / sender.opacity -= 5; } }); } }; /* * @Vector * * @param {Number} x * @param {Number} y * * This class creates a two-dimensional vector object with support for basic algebraic operations. */ var Vector = function(x, y) { / Initialize the x- and y-components of the vector. The values default to zero. / this.x = x \|\| 0; this.y = y \|\| 0; }; Vector.prototype.set = function(x, y) { / Use this method to set the components of this vector to the given x and y values. This method modifies and returns this vector. / this.x = x; this.y = y; return this; }; Vector.prototype.copy = function() { / Use this method to obtain a copy of this vector. / return (new Vector(this.x, this.y)); }; Vector.prototype.toString = function() { / Use this method to convert the vector to a string. Use this for printing. / return "Vector(" + this.x + ", " + this.y + ")"; }; Vector.prototype.add = function(vector) { / Use this method to add a given vector to this vector. This method modifies and returns this object. / this.x += vector.x; this.y += vector.y; return this; }; Vector.prototype.mul = function(scalar) { / Use this method to multiply this vector by a scalar. This method modifies and returns this object. / this.x = scalar; this.y = scalar; return this; }; Vector.prototype.div = function(scalar) { / Use this method to divide this vector by a nonzero scalar. This method modifies and returns this object. / return this.mul(1 / scalar); }; Vector.prototype.norm = function() { / Use this method to obtain the norm of this vector. / return Math.sqrt(this.x this.x + this.y * this.y); }; Vector.prototype.normalize = function() { /* Use this method to normalize this vector to unit lenght. This method modifies and returns this vector. / return this.div(this.norm()); }; Vector.prototype.normalizeTo = function(norm) { / Use this method to normalize this vector to the specified norm. This method modifies and returns itself. / return this.mul(norm / this.norm()); }; Vector.prototype.dot = function(vector) { / Use this method to compute the dot product of this vector and the specified vector. / return (this.x vector.x + this.y * vector.y); }; Vector.prototype.cross = function(vector) { /* Use this method to obtain the z-component of the cross / vector product between this and another specified vector, if we were to consider these vectors as elements of 3-space with z-component equal to zero. / return (this.x vector.y - this.y * vector.x); }; Vector.prototype.rotate = function(angle) { /* Use this method to rotate this vector by the specified angle. The angle is treated as though it is given in radians. This method modifies and returns this vector. / var oldX = this.x; var oldY = this.y; var sineAngle = Math.sin(angle); var cosineAngle = Math.cos(angle); return this.set(oldX cosineAngle - oldY * sineAngle, oldX * sineAngle + oldY * cosineAngle); }; Vector.prototype.between = function(pointA, pointB) { /* Use this method to set the components of this vector so that it goes from point A to point B. This method modifies and returns this vector. / this.x = pointB.x - pointA.x; this.y = pointB.y - pointA.y; return this; }; Vector.prototype.proj = function(vector) { / Use this method to obtain the projection of this vector along the specified vector. Note that this does not modify this vector, but returns a new vector. / var coefficient = this.dot(vector) / Math.pow(vector.norm(), 2); var projection = vector.copy().mul(coefficient); return projection; }; Vector.prototype.rand = function(norm) { / Use this method to set the components of this vector such that it goes in a random direction with the specified norm. This method modifies and returns this vector. / var angle = 2 Math.PI * Math.random(); this.normalizeTo(norm); return this.rotate(angle); }; Vector.prototype.draw = function(x, y) { /* Use this method to draw this vector from the specified point. This is useful for debugging purposes, and should not be used in-game. / var norm = this.norm(); var angle = Math.atan2(this.y, this.x); fill(36); stroke(36); strokeWeight(1); pushMatrix(); translate(x, y); rotate(angle); line(0, 0, norm, 0); triangle( norm - 10, -3, norm, 0, norm - 10, 3); popMatrix(); }; /* * @PhysicsBody * * @param {Number} x * @param {Number} y * @param {Number} width * @param {Number} height * * This class creates a rectangular and rotatable body with support for basic Newtonian physics. * This class should not really be used by itself, but serve as an abstract class. * * This version of this class is based on this code: * https://www.khanacademy.org/computer-programming/bug-shooter-qkphys-v01/6327024492478464 */ var PhysicsBody = function(x, y, width, height) { / The properties of the physics body are automatically initialized upon instanciation. / this.init(x, y, width, height); }; PhysicsBody.prototype.init = function(x, y, width, height) { / Initialize the physics body with basic properties to allow Newtonian physics. The x and y arguments determine the center of the physics body. / this.size = new Vector(width, height); this.mass = this.size.norm(); this.position = new Vector(x, y); this.velocity = new Vector(0, 0); this.acceleration = new Vector(0, 0); // Determines the angle by which the body is rotated, and how fast this angle changes. this.angle = 0; this.angularSpeed = 0; // The 'angularDamping' property determines how quickly the body stops spinning, and should be a // number between 0 and 1. this.angularDamping = 0.02; // The 'linearDamping' property determines how quickly the body loses speed, and should be a // number between 0 and 1. this.linearDamping = 0.02; }; PhysicsBody.prototype.getTop = function() { / Use this method to obtain a vector with components corresponding to the top of this body (if it was not rotated). / var top = new Vector(); top.x = this.position.x + (this.size.y / 2) Math.sin(this.angle); top.y = this.position.y - (this.size.y / 2) * Math.cos(this.angle); return top; }; PhysicsBody.prototype.getBottom = function() { /* Use this method to obtain a vector with components corresponding to the bottom of this body (if it was not rotated). / var bottom = new Vector(); bottom.x = this.position.x - (this.size.y / 2) Math.sin(this.angle); bottom.y = this.position.y + (this.size.y / 2) * Math.cos(this.angle); return bottom; }; PhysicsBody.prototype.getLeft = function() { /* Use this method to obtain a vector with components corresponding to the left of this body (if it was not rotated). / var left = new Vector(); left.x = this.position.x - (this.size.x / 2) Math.cos(this.angle); left.y = this.position.y - (this.size.x / 2) * Math.sin(this.angle); return left; }; PhysicsBody.prototype.getRight = function() { /* Use this method to obtain a vector with components corresponding to the right of this body (if it was not rotated). / var right = new Vector(); right.x = this.position.x + (this.size.x / 2) Math.cos(this.angle); right.y = this.position.y + (this.size.x / 2) * Math.sin(this.angle); return right; }; PhysicsBody.prototype.getTL = function() { /* Use this method to obtain a vector with components corresponding to the top left corner of this body (if it was not rotated). / var TL = new Vector(); var sa = Math.sin(this.angle); var ca = Math.cos(this.angle); TL.x = this.position.x + (this.size.y sa - this.size.x * ca) / 2; TL.y = this.position.y - (this.size.y * ca + this.size.x * sa) / 2; return TL; }; PhysicsBody.prototype.getTR = function() { /* Use this method to obtain a vector with components corresponding to the top right corner of this body (if it was not rotated). / var TR = new Vector(); var sa = Math.sin(this.angle); var ca = Math.cos(this.angle); TR.x = this.position.x + (this.size.y sa + this.size.x * ca) / 2; TR.y = this.position.y + (this.size.x * sa - this.size.y * ca) / 2; return TR; }; PhysicsBody.prototype.getBL = function() { /* Use this method to obtain a vector with components corresponding to the bottom left corner of this body (if it was not rotated). / var BL = new Vector(); var sa = Math.sin(this.angle); var ca = Math.cos(this.angle); BL.x = this.position.x - (this.size.y sa + this.size.x * ca) / 2; BL.y = this.position.y + (this.size.y * ca - this.size.x * sa) / 2; return BL; }; PhysicsBody.prototype.getBR = function() { /* Use this method to obtain a vector with components corresponding to the bottom right corner of this body (if it was not rotated). / var BR = new Vector(); var sa = Math.sin(this.angle); var ca = Math.cos(this.angle); BR.x = this.position.x + (this.size.x ca - this.size.y * sa) / 2; BR.y = this.position.y + (this.size.y * ca + this.size.x * sa) / 2; return BR; }; PhysicsBody.prototype.getUpwardsNormal = function() { /* Use this method to obtain a vector with components corresponding to the 'upwards' direction of the body (straight upwards, had it not been rotated). / var upwards = new Vector(); upwards.x = Math.sin(this.angle); upwards.y = -Math.cos(this.angle); return upwards; }; PhysicsBody.prototype.getDownwardsNormal = function() { / Use this method to obtain a vector with components corresponding to the 'downwards' direction of the body (straight downwards, had it not been rotated). / var downwards = new Vector(); downwards.x = -Math.sin(this.angle); downwards.y = Math.cos(this.angle); return downwards; }; PhysicsBody.prototype.getLeftwardsNormal = function() { / Use this method to obtain a vector with components corresponding to the 'leftwards' direction of the body (straight to the left, had it not been rotated). / var leftwards = new Vector(); leftwards.x = -Math.cos(this.angle); leftwards.y = -Math.sin(this.angle); return leftwards; }; PhysicsBody.prototype.getRightwardsNormal = function() { / Use this method to obtain a vector with components corresponding to the 'rightwards' direction of the body (straight to the right, had it not been rotated). / var rightwards = new Vector(); rightwards.x = Math.cos(this.angle); rightwards.y = Math.sin(this.angle); return rightwards; }; PhysicsBody.prototype.containsPoint = function(point) { / Use this method to check if the given point lies inside of this body's rectangular hitbox. A boolean is returned corresponding to the state. / var relativePosition = new Vector().between(this.position, point); var upwardsNormal = this.getUpwardsNormal(); var rightwardsNormal = this.getRightwardsNormal(); var conditionOne = (2 abs(relativePosition.dot(upwardsNormal)) < this.size.y); var conditionTwo = (2 * abs(relativePosition.dot(rightwardsNormal)) < this.size.x); return (conditionOne && conditionTwo); }; PhysicsBody.prototype.rectCollision = function(body) { /* Use this method to check if this body collides with another rectangular physics body. A boolean is returned corresponding to the state. / throw "PhysicsBody.rectCollision is not yet implemented."; }; PhysicsBody.prototype.getMomentum = function() { / Use this method to obtain the momentum of the body. Momentum is equal to mass times velocity. / var momentum = this.velocity.copy().mul(this.mass); return momentum; }; PhysicsBody.prototype.getMomentOfInertia = function() { / Use this method to obtain the moment of inertia of this body about its center. / var w = this.size.x; var h = this.size.y; var I = (this.mass / 12) (ww + hh); return I; }; PhysicsBody.prototype.applyImpulse = function(impulse) { /* Use this method to apply an impulse to the body. This causes a change in momentum. / var momentum = this.getMomentum().add(impulse); this.velocity = momentum.div(this.mass); }; PhysicsBody.prototype.applyForce = function(force) { / Use this method to apply a force to this body. This causes a change in acceleration. This method treats the physics body as a point with the same mass as the body, positioned at this body's center. Hence, using this method does not allow you to specify at which point the force is applied, and this method will neither cause a torque when the force is applied. See the 'applyForceAtPoint' method for a more sophisticated method. It is only recommended to use the latter when the more sophisticated treatment is really needed, as this method is more resource efficient. / var changeInAcceleration = force.copy().div(this.mass); this.acceleration.add(changeInAcceleration); }; PhysicsBody.prototype.applyTorque = function(torque) { / Use this method to apply a torque to this physics body, causing a rotation. / var I = this.getMomentOfInertia(); this.angularSpeed += torque / I; }; PhysicsBody.prototype.applyForceAtPoint = function(point, force) { / Use this method to apply a force at the specified point inside this body's hitbox. Depending on where the force is applied, the force may also apply a torque, causing the body to rotate. See the 'applyForce' method for a less sophisticated treatment of applying forces. It is only recommended that this method is used when you really need the extra functionality it provides. If you are only interested in changing the body's acceleration by applying a force, see the 'applyForce' method. / var relativePosition = new Vector().between(this.position, point); var torqueZ = relativePosition.cross(force); this.applyForce(force); this.applyTorque(torqueZ); }; PhysicsBody.prototype.update = function() { / Use this method to update properties of the physics body. This method is called from within the main method, and should be overridden when instanciating or subclassing to achieve the desired behaviour. / }; PhysicsBody.prototype.updatePhysics = function() { / Use this method to update all the physical properties of this body. / this.velocity.add(this.acceleration); this.position.add(this.velocity); this.acceleration.set(0, 0); this.angle += this.angularSpeed; this.velocity.mul(1 - this.linearDamping); this.angularSpeed = 1 - this.angularDamping; }; PhysicsBody.prototype._draw = function() { /* This method wraps the draw function to handle the rotation and translation. Use the draw method to modify the appearance of the body. / pushMatrix(); translate(this.position.x, this.position.y); rotate(this.angle); this.draw(); popMatrix(); }; PhysicsBody.prototype.draw = function() { / Use this method to draw the physics body at the given position. / strokeWeight(1); stroke(0, 146, 255); fill(89, 162, 222, 50); rect(0, 0, this.size.x, this.size.y, 1); noStroke(); fill(89, 162, 222, 150); ellipse(0, 0, 5, 5); }; PhysicsBody.prototype.main = function() { / Use this method when you want to both update and render the physics body at the same time. / this.updatePhysics(); this.update(); this._draw(); }; /* * @Particle * * @param {Number} x * @param {Number} y * @param {Object} args: a collection of properties pertaining to the particle (see constructor). * * This class creates a particle object used improve the visual effects in the game (like smoke from * explosions, smoke when firing a bullet, et cetera). */ var Particle = function(x, y, args) { / This class creates a particle for visual effects. / this.x = x; this.y = y; this.lift = args.lift \|\| 1; this.size = args.size \|\| 10; this.rgb = args.rgb \|\| [0,0,0]; this.opacity = args.opacity \|\| 100; }; Particle.prototype.update = function() { / Use this method to update the particle. / this.size = 0.95; this.opacity -= 0.50; this.dead = (this.opacity <= 0); this.y -= this.lift; this.x += sin(0.25frameCount/this.size); }; Particle.prototype.draw = function() { / Use this method to draw the particle. / noStroke(); fill(this.rgb[0], this.rgb[1], this.rgb[2], this.opacity); ellipse(this.x, this.y, 2 this.size, 2 * this.size); }; Particle.prototype.main = function() { /* Use this method to draw and update the particle. / this.update(); this.draw(); }; /* * This is used to keep track of all the particles in the game. Only the 'main' method on this array * should be called inside the draw-loop. This will update, draw, and remove all the particles that * are stored here. */ var particles = []; particles.generate = function(x, y, args) { / Use this method to generate particles. / for (var i = 0; i < args.count; i ++) { var angle = 2 Math.PI * Math.random(); var px = x + args.spread * Math.random() * Math.cos(angle); var py = y + args.spread * Math.random() * Math.sin(angle); var particle = new Particle(px, py, { lift: 1 + args.lift * Math.random(), opacity: 50 + 50 * Math.random(), size: args.size[0] + (args.size[1] - args.size[0]) * Math.random(), rgb: args.rgb }); particles.push(particle); } }; particles.removeOverflow = function() { /* Use this method to reduce the number of particles to the maximum allowed particles. / while (particles.length > MAXPARTICLES) { particles.shift(); } }; particles.emitFromBottom = function(amount) { / Use this method to have particles generate from the bottom of the canvas and fly upwards. / particles.generate(400 Math.random(), 400, { count: amount, spread: 1, size: [2, 10], lift: 3, rgb: [100, 125, 101] }); }; particles.main = function() { /* Use this to draw and update the particles. / // Make sure there are not too many particles to cause lag. particles.removeOverflow(); // Manage particles. for (var i = 0; i < particles.length; i ++) { var particle = particles[i]; particle.main(); } }; /* * @Bullet * * @param {Number} x * @param {Number} y * @param {Vector} velocity: determines the initial velocity of the bullet. * * This class creates a bullet object. This class only defines the basic properties of a bullet. The * game allows for different kinds of bullets; for instance, some bullets may explode upon impact, * others may push the object it hits on impact. To achieve the desired behaviour on impact, a * subclass should be created where the 'onImpact' method is overridden. */ var Bullet = function(x, y, velocity) { / This class creates a bullet object. / this.init(x, y, velocity); }; Bullet.prototype.init = function(x, y, velocity) { / Use this method to initialize the basic properties of a bullet. / // Kinematics and size. this.radius = 2; this.velocity = velocity; this.position = new Vector(x, y); // Dead bullets will be removed from the game. this.dead = false; // Default bullet color. this.color = color(30, 30, 30); }; Bullet.prototype.onImpact = function(creeper) { / This method is called when the bullet hits a creeper. The creeper argument corresponds to the creeper that has been hit. Override this method when subclassing to achieve the desired behaviour. / println("Unimplemented error: Bullet.onImpact(creeper), @" + frameCount.toString()); }; Bullet.prototype.update = function() { / Use this method to update the bullet. / this.position.add(this.velocity); // Mark bullets outside the screen as dead. this.dead = !(this.position.x > -this.radius && this.position.y > -this.radius && this.position.x < 400 + this.radius && this.position.y < 400 + this.radius); }; Bullet.prototype.draw = function() { / Use this method to draw the bullet. / noStroke(); fill(this.color); ellipse(this.position.x, this.position.y, 2 this.radius, 2 * this.radius); }; Bullet.prototype.main = function() { /* Use this method to draw and update the bullet. / this.update(); this.draw(); }; /* * @ExplosiveBullet * * @extends Bullet * * @param {Number} x * @param {Number} y * @param {Vector} velocity: determines the initial velocity of the bullet. * * This class creates a bullet object that makes creepers explode upon impact. */ var ExplosiveBullet = function(x, y, velocity) { / Use this class to create a bullet that explodes on impact with a creeper. / // Inherit bullet properties. Bullet.prototype.init.call(this, x, y, velocity); // A slight red tint indicates explosive bullets. this.color = color(40, 30, 30); }; ExplosiveBullet.prototype = Object.create(Bullet.prototype); ExplosiveBullet.prototype.onImpact = function(creeper, player) { / This method is called when the bullet hits a creeper. An explosive bullet causes the creeper to explode on impact. / creeper.explode(); player.money += 100; }; /* * @PushBullet * * @extends Bullet * * @param {Number} x * @param {Number} y * @param {Vector} velocity: determines the initial velocity of the bullet. * * This class creates a bullet object that pushes creepers away upon impact. */ var PushBullet = function(x, y, velocity) { / Use this class to create a bullet that pushes a creeper upon impact. / // Inherit bullet properties Bullet.prototype.init.call(this, x, y, velocity); // A slight green tint indicates push bullets. this.color = color(30, 40, 30); }; PushBullet.prototype = Object.create(Bullet.prototype); PushBullet.prototype.onImpact = function(creeper, player) { / This method is called when this bullet hits a creeper. The creeper argument corresponds to the creeper that has been hit. / this.velocity.normalizeTo(250); creeper.applyForceAtPoint(this.position, this.velocity); player.money += 60; }; /* * Used to keep track of all the bullets in the game. In particular, this array updates, draws, and * removes bullets as needed. */ var bullets = []; bullets.main = function() { / Use this method to draw and update the bullets. / for (var i = 0; i < bullets.length; i ++) { var bullet = bullets[i]; // Remove dead bullets. if (bullet.dead) { bullets.splice(i, 1); } bullet.main(); } }; /* * @Bomb * * @param {Number} x * @param {Number} y * * This class creates an object with the basic properties of a bomb. To achieve the desired * behaviour for the explosion, a subclass that overrides the 'explode' method should be created. */ var Bomb = function(x, y) { / Use this class to create a bomb that launches bullets upon explosion. / this.init(x, y); }; Bomb.prototype.init = function(x, y) { / Use this method to initialize the properties of the bomb. / // Size and position. this.size = 15; this.position = new Vector(x, y); // The tag is used for distinguishing the bomb from other bombs. this.tag = "default"; // Timers. this.lifeTime = 0; this.born = millis(); this.detonationTime = 3000; // Milliseconds. this.timeUntilExplosion = this.detonationTime / 1000; // Dead bombs are removed from the game. this.dead = false; // The color is used to distinguish between different kinds of bombs. If the bomb appears all // red, there has been an error. this.backgroundColor = color(255, 0, 0); this.strokeColor = color(255, 0, 0); }; Bomb.prototype.explode = function(player, creepers) { / This method is called when the bomb explodes. Override this method when subclassing to achieve the desired behaviour. Prints an error if not overridden. / println("Unimplemented error: Bomb._explode(player, creepers), @" + frameCount.toString()); }; Bomb.prototype._explode = function(player, creepers) { / Use this method to detonate the bomb. / if (this.dead) { return; } // Remove exploded bombs. this.dead = true; // Play a boom sound. if (!MUTED) { var bombSound = (Math.random() >= 0.50) ? SOUNDS.boom1 : SOUNDS.boom2; playSound(bombSound); } // Generate smoke particles. particles.generate(this.position.x, this.position.y, { lift: 2, spread: 40, count: 20, size: [3, 10], rgb: [30, 30, 30] }); // Explosion behaviour. this.explode(player, creepers); }; Bomb.prototype.update = function(player, creepers) { / Use this method to update the bomb. / // Update timers. this.lifeTime = millis() - this.born; this.timeUntilExplosion = (this.detonationTime - this.lifeTime) / 1000; // Explode when time is up. if (this.lifeTime >= this.detonationTime) { this._explode(player, creepers); } }; Bomb.prototype.draw = function() { / Use this method to draw the bomb. / // Bomb body. strokeWeight(3); stroke(this.strokeColor); fill(this.backgroundColor); rect(this.position.x, this.position.y, this.size, this.size, 3); // Detonation timer. fill(255); text(Math.ceil(this.timeUntilExplosion), this.position.x - 3, this.position.y + 4); }; Bomb.prototype.main = function(player, creepers) { / Use this method to draw and update the bomb. / this.update(player, creepers); this.draw(); }; /* * @SpikeBomb * * @extends Bomb * * @param {Number} x * @param {Number} y * * This class creates a bomb that launches explosive bullets in random directions upon exploding. * The bullets are used to kill creepers. */ // These variables determine how many bullets a spike bomb will emit. The player can upgrade this // property inside the shop. var SPIKEBOMBBULLETS = 8; var SPIKEBOMBBULLETSMAXIMUM = 20; var SpikeBomb = function(x, y) { / Use this class to create a bomb that launches bullets in random directions. / // Inherit bomb properites. Bomb.prototype.init.call(this, x, y); this.tag = "spike"; // Set the colours to distinguish it from other bombs. this.backgroundColor = color(120, 66, 65); this.strokeColor = color(105, 16, 15, 100); }; SpikeBomb.prototype = Object.create(Bomb.prototype); SpikeBomb.prototype.explode = function(player, creepers) { / This method is called when the bomb explodes. A spiked bomb launches bullets in random directions. / // Launch bullets. for (var i = 0; i < SPIKEBOMBBULLETS; i ++) { var speed = 5 + 10 Math.random(); var angle = 2 * Math.PI * Math.random(); var velocity = new Vector(speed * Math.cos(angle), speed * Math.sin(angle)); var bullet = new ExplosiveBullet(this.position.x, this.position.y, velocity); bullets.push(bullet); } // Leave a message? if (Math.random() <= 0.60) { var comment = getRandomComment("spikebomb"); messages.add(comment); } }; /** * @PushBomb * * @extends Bomb * * @param {Number} x * @param {Number} y * * This class creates a bomb that pushes creepers and the player away upon exploding. This is great * for clearing the area in the vicinity of the plant site. */ // These variables determine how strong the push will be. The player is allowed to upgrade this // property in the in-game shop. var PUSHBOMBSTRENGTH = 300; var PUSHBOMBSTRENGTHMAXIMUM = 800; var PushBomb = function(x, y) { / Thie class creates a bomb that pushes nearby creepers away. It inherits most properties from the Bomb class. / // Inherit bomb properties. Bomb.prototype.init.call(this, x, y); this.tag = "push"; // Set the colours to distinguish it from other bombs. this.backgroundColor = color(46, 156, 79); this.strokeColor = color(39, 84, 52, 200); // Time from the bomb is placed until it explodes. this.detonationTime = 4000; }; PushBomb.prototype = Object.create(Bomb.prototype); PushBomb.prototype.pushObject = function(object, amount) { / Use this method to push the given object when the bomb explodes. The object must have a position and a velocity. / var displacement = new Vector().between(this.position, object.position); var distance = displacement.norm(); var explosionPush = amount / (1 + 0.60 distance); if (distance > 0) { displacement.normalizeTo(explosionPush); object.velocity.add(displacement); } }; PushBomb.prototype.explode = function(player, creepers) { /* This method determines the behaviour of the bomb upon explosion. A push bomb pushes nearby creepers away. / // Push the player a bit. this.pushObject(player, 60); // Push the creepers. for (var i = 0; i < creepers.length; i ++) { this.pushObject(creepers[i], PUSHBOMBSTRENGTH); } // Leave a message? if (Math.random() <= 0.60) { var comment = getRandomComment("pushbomb"); messages.add(comment); } }; /* * Used to manage all the bombs in the game. This array updates, draws, and removes bombs as needed. * A bomb will be removed after exploding. */ var bombs = []; bombs.lifeTimers = []; bombs.storeLifeTimers = function() { / Use this method to store the life timers of the bombs. / bombs.lifeTimers = []; for (var i = 0; i < bombs.length; i ++) { var bomb = bombs[i]; var lifeTimeLeft = bomb.detonationTime - bomb.lifeTime; bombs.lifeTimers.push(lifeTimeLeft); } }; bombs.restoreLifeTimers = function() { / Use this method to restore the life timers of the creepers. / var restoreTime = millis(); for (var i = 0; i < bombs.length; i ++) { var bomb = bombs[i]; bomb.born = restoreTime; bomb.detonationTime = bombs.lifeTimers[i]; } }; bombs.add = function(x, y, BombClass) { / Use this method to add a bomb at the specified coordinates. / var bomb = new BombClass(x, y); bombs.push(bomb); }; bombs.main = function(player, creepers) { / Use this method to draw and update the bombs. / for (var i = 0; i < bombs.length; i ++) { var bomb = bombs[i]; // Remove dead bombs. if (bomb.dead) { bombs.splice(i, 1); } bomb.main(player, creepers); } }; /* * @Powerup * * @param {Number} x * @param {Number} y * @param {String} symbol: this symbol will be drawn on top of the powerup (for instance, "+" or "-"). * * This class creates an object with the basic properties of a power up that the player can pick up * in-game. To achieve the desired behaviour for different power ups, subclasses should be made that * implement this behaviour. */ var Powerup = function(x, y, symbol) { / This class creates a powerup the player can pick up in-game. This is an abstract class. More specialised powerups should be implemented by subclassing this class. / this.init(x, y, symbol); }; Powerup.prototype.init = function(x, y, symbol) { / Use this method to initialize the basic properties of a powerup. / this.radius = 8; this.dead = false; this.symbol = symbol; this.y = y; this.position = new Vector(x, y); // Determines the sound played when picked up. this.soundName = "powerup"; // Default color is red (indicates unimplemented behaviour). this.backgroundColor = color(255, 0, 0); this.strokeColor = color(255, 255, 255); // Timers. Used to determine when the powerup should be removed. this.lifeTime = 0; this.born = millis(); this.timeBeforeRemoval = 10000; // Milliseconds. }; Powerup.prototype.effect = function(player, creepers) { / This method is called if the player picks up the powerup. This method should be overridden in subclasses to achieve the desired powerup behaviour. / println("Unimplemented behaviour: Powerup.effect(player, creepers), @" + frameCount.toString()); }; Powerup.prototype.collidesWith = function(object) { / Use this method to check if the powerup collides with the specified circular object. / var displacement = new Vector().between(this.position, object.position); var distance = displacement.norm(); return (distance < this.radius + object.radius); }; Powerup.prototype.update = function(player, creepers) { / Use this method to update the powerup. In particular, the powerup should vanish after a given amount of time. / // Update timers. this.lifeTime = millis() - this.born; if (this.lifeTime >= this.timeBeforeRemoval) { this.dead = true; } // Picked up by player --> execute effect. if (this.collidesWith(player) && !this.dead) { this.effect(player, creepers); this.dead = true; if (!MUTED) { playSound(SOUNDS[this.soundName]); } // Generate particles. particles.generate(this.position.x, this.position.y, { count: 15, lift: 2, spread: 10, size: [4, 10], rgb: [red(this.backgroundColor), green(this.backgroundColor), blue(this.backgroundColor)] }); } // Bump up and down. this.position.y = this.y + 2 Math.sin(0.10 * frameCount); }; Powerup.prototype.draw = function() { /* Use this method to draw the powerup. This method should be overridden when subclassing to achieve the desired powerup design. / // Body. noFill(); strokeWeight(3); stroke(this.strokeColor); fill(this.backgroundColor); ellipse(this.position.x, this.position.y, 2 this.radius, 2 * this.radius); // Symbol. fill(250); textFont(MAINFONT, 13); text(this.symbol, this.position.x - 4, this.position.y + 4); }; Powerup.prototype.main = function(player, creepers) { /* Use this method to draw and update the powerup. / this.update(player, creepers); this.draw(); }; /* * @RegenPowerup * * @extends Powerup * * @param {Number} x * @param {Number} y * * This class creates a power up object that regenerates some of the player's health over time. */ var RegenPowerup = function(x, y) { / Use this class to create a powerup with the effect of regenerating the player's health. / // Inherit powerup properties. Powerup.prototype.init.call(this, x, y, "+"); this.timeBeforeRemoval = 15000; this.strokeColor = color(145, 56, 56); this.backgroundColor = color(196, 76, 76); }; RegenPowerup.prototype = Object.create(Powerup.prototype); RegenPowerup.prototype.effect = function(player, creepers) { / This is the powerup effect. Adds a regeneration action to the player. / GREENTRANS = 50; player.addAction({ dead: false, amount: 20, total: 0, run: function(player) { / Regenerates some health over time. / player.health += 0.50; this.total += 0.50; this.dead = (this.total >= this.amount); if (player.health >= 100) { this.dead = true; } } }); // Add a comment on pickup. var comment = getRandomComment("regen"); messages.add(comment); }; /* * @ShieldPowerup * * @extends Powerup * * @param {Number} x * @param {Number} y * * This class creates a power up object that increases the player's shield strength. The shield is * used to protect the player against explosions. */ var ShieldPowerup = function(x, y) { / Use this class to create a powerup that gives the player a shield when picked up. / // Inherit powerup properties. Powerup.prototype.init.call(this, x, y, "+"); this.timeBeforeRemoval = 12000; this.strokeColor = color(72, 146, 171); this.backgroundColor = color(102, 186, 214); }; ShieldPowerup.prototype = Object.create(Powerup.prototype); ShieldPowerup.prototype.effect = function(player, creepers) { / This is the powerup effect. Increases the shield of the player. A shield protects against explosions. / GREENTRANS = 50; // Strengthen the player's shield over time. player.addAction({ amount: 0, dead: false, run: function(player) { / This action increases the player's shield over time. / this.amount += 5; player.shield += 5; if (this.amount >= 125) { this.dead = true; } if (player.shield >= 255) { this.dead = true; } } }); // Add a comment on pickup. var comment = getRandomComment("shield"); messages.add(comment); }; /* * @RegenPowerup * * @extends Powerup * * @param {Number} x * @param {Number} y * * This class creates a power up object that sets the player's fire rate to maximum. The fire rate * will then slowly decrease to the fire rate the player had before the pickup. */ var FireratePowerup = function(x, y) { / Use this class to create a powerup that increases the player's fire rate. / // Inherit powerup properties. Powerup.prototype.init.call(this, x, y, "+"); this.timeBeforeRemoval = 15000; this.strokeColor = color(107, 107, 107); this.backgroundColor = color(135, 135, 135); }; FireratePowerup.prototype = Object.create(Powerup.prototype); FireratePowerup.prototype.effect = function(player, creepers) { / This is the powerup effect. Increases the player's fire rate. / GREENTRANS = 50; // There is some chance that the player will be given some bullets. if (Math.random() <= 0.75) { player.bulletCount += 10; player.bulletCount = constrain(player.bulletCount, 0, player.maxBulletCount); messages.add("Free bullets!"); } // Decrease the reload time, increasing the fire rate. var reloadTime = player.gunReloadTime; player.gunReloadTime = player.gunReloadTimeMinimum; player.addAction({ dead: false, reloadTime: reloadTime, run: function(player) { / This action reduces the player's fire rate over time. / player.gunReloadTime += 0.001; if (player.gunReloadTime >= this.reloadTime) { player.gunReloadTime = this.reloadTime; this.dead = true; } } }); // Add a comment on pickup. var comment = getRandomComment("firerate"); messages.add(comment); }; /* * @ClearPowerup * * @extends Powerup * * @param {Number} x * @param {Number} y * * This class creates a power up object that clears the area around the powerup for creepers, if it * is picked up. */ var ClearPowerup = function(x, y) { / Use this class to create a powerup that clears the area around the powerup. / // Inherit powerup properties. Powerup.prototype.init.call(this, x, y, "+"); this.timeBeforeRemoval = 14000; this.strokeColor = color(130, 145, 35); this.backgroundColor = color(187, 209, 46); }; ClearPowerup.prototype = Object.create(Powerup.prototype); ClearPowerup.prototype.effect = function(player, creepers) { / This is the powerup effect. Clear the area of creepers. / GREENTRANS = 50; // Push the creepers away. for (var i = 0; i < creepers.length; i ++) { var creeper = creepers[i]; var displacement = new Vector().between(this.position, creeper.position); var distance = displacement.norm(); displacement.normalizeTo(5000 / (1 + distance)); creeper.velocity.add(displacement); } // Add a comment on pickup. var comment = getRandomComment("clear"); messages.add(comment); }; /* * @DamagePowerup * * @extends Powerup * * @param {Number} x * @param {Number} y * * This class creates a power "down" object that damages the player if picked up. */ var DamagePowerup = function(x, y) { / Use this class to create a power "down" that damages the player. / // Inherit powerup properties. Powerup.prototype.init.call(this, x, y, "-"); this.soundName = "powerdown"; this.timeBeforeRemoval = 12000; this.strokeColor = color(83, 36, 110); this.backgroundColor = color(125, 59, 163); }; DamagePowerup.prototype = Object.create(Powerup.prototype); DamagePowerup.prototype.effect = function(player, creepers) { / This is the powerup effect. Increases the player's fire rate. / REDTRANS = 100; player.addAction({ dead: false, amount: 0, run: function(player) { / This action reduces the player's health over time. / player.health --; this.amount --; this.dead = (this.amount <= -15); } }); // Add a comment on pickup. var comment = getRandomComment("damage"); messages.add(comment); }; /* * Used to manage all the power ups and power downs in the game. This array updates, draws, and * removes power ups as needed. Power ups will be removed when picked up or if they have not been * picked up within a given time. */ var powerups = []; powerups.lifeTimers = []; powerups.storeLifeTimers = function() { / Use this method to store the life timers of the power ups. / powerups.lifeTimers = []; for (var i = 0; i < powerups.length; i ++) { var powerup = powerups[i]; var lifeTimeLeft = powerup.timeBeforeRemoval - powerup.lifeTime; powerups.lifeTimers.push(lifeTimeLeft); } }; powerups.restoreLifeTimers = function() { / Use this method to restore the life timers of the creepers. / var restoreTime = millis(); for (var i = 0; i < powerups.length; i ++) { var powerup = powerups[i]; powerup.born = restoreTime; powerup.timeBeforeRemoval = powerups.lifeTimers[i]; } }; powerups.add = function(x, y, PowerupClass) { / Use this method to add another powerup to the game. / var powerup = new PowerupClass(x, y); powerups.push(powerup); }; powerups.spawnRandomly = function(delayConstant) { / Use this method to randomly spawn powerups. / if (frameCount % delayConstant === 0) { var x = 5 + 390 Math.random(); var y = 5 + 390 * Math.random(); if (Math.random() <= 0.30) { powerups.add(x, y, RegenPowerup); } else if (Math.random() <= 0.35) { powerups.add(x, y, ShieldPowerup); } else if (Math.random() <= 0.20) { powerups.add(x, y, DamagePowerup); } else if (Math.random() <= 0.60) { powerups.add(x, y, FireratePowerup); } else { powerups.add(x, y, ClearPowerup); } } }; powerups.main = function(player, creepers) { /* Use this method to draw and update all the powerups. / for (var i = 0; i < powerups.length; i ++) { var powerup = powerups[i]; // Remove dead powerups. if (powerup.dead) { powerups.splice(i, 1); } powerup.main(player, creepers); } }; /* * @Player * * @param {Number} x * @param {Number} y * @param {Number} radius * * This class creates a circular object that player can move around. The player can also shoot * bullets and place bombs. Only one instance of this class should be made. */ var Player = function(x, y, radius) { / This class creates a player object. / // Kinematics and size. this.radius = radius \|\| 5; this.position = new Vector(x, y); this.velocity = new Vector(); this.acceleration = 0.26; // Score, health, death. this.score = 0; this.money = 500; this.dead = false; this.health = 100; // A shield protects the player from explosions. this.shield = 125; // Gun. this.gunReload = 0; this.gunReloadTime = 3; this.gunReloadTimeMinimum = 0.10; this.bulletCount = 30; this.maxBulletCount = 30; this.bulletType = "explosive"; // Bombs. this.bombCount = { push : 3, spike: 3 }; this.maxBombCount = 10; this.bombReload = 0; this.bombReloadTime = 4; this.actions = []; }; Player.prototype.shoot = function() { / Use this method to shoot bullets from the gun. / // Check if the player can shoot. if (this.bulletCount <= 0 \|\| this.gunReload !== 0) { return ; } // Play gun sound. if (!MUTED) { playSound(SOUNDS.gun); } // Generate smoke particles. particles.generate(this.position.x, this.position.y, { lift: -1, spread: 10, count: 10, size: [2, 10], rgb: [201, 173, 167] }); // Add bullet. var velocity = new Vector().between(this.position, {x: mouseX, y: mouseY}); velocity.normalizeTo(7); var bulletClass = (this.bulletType === "explosive") ? ExplosiveBullet : PushBullet; var bullet = new bulletClass(this.position.x, this.position.y, velocity); bullets.push(bullet); // Recoil. var recoilDirection = velocity.copy().normalize().mul(-1); this.velocity.add(recoilDirection); // Update gun stats. this.gunReload = this.gunReloadTime; this.bulletCount --; }; Player.prototype.dropBomb = function(BombClass, tag) { / Use this method to drop a bomb. / // Check bomb placement requiresments. if (this.bombCount[tag] <= 0 \|\| this.bombReload !== 0) { return; } // Play bomb placement sound. if (!MUTED) { playSound(SOUNDS.bombDown); } // Generate smoke particles. particles.generate(this.position.x, this.position.y, { lift: 2, spread: 10, count: 5, size: [2, 5], rgb: [237, 237, 237] }); // Add bomb. bombs.add(this.position.x, this.position.y, BombClass); // Update bomb stats. this.bombReload = this.bombReloadTime; // Update bomb counters. this.bombCount[tag] --; }; Player.prototype.restoreHealth = function() { / Use this method to restore the health completely. / this.health = 100; }; Player.prototype.addAction = function(action) { / Use this method to add an action to the player. / this.actions.push(action); }; Player.prototype.update = function(shopButton) { / Use this method to update the player. / // Mark the player as dead if health is non-positive. this.dead = (this.health <= 0); // Make sure the health is within the desired range [0, 100]. this.health = constrain(this.health, 0, 100); if (this.dead) { if (!DIED) { DIED = true; SECURITYCODE = getSecurityCode(); } return; } // Slowly regenerate some health over time. this.health += 0.02; // Make sure the health is within the desired range [0, 100]. this.health = constrain(this.health, 0, 100); // Leave a comment on low health? if (this.health <= 15) { if (Math.random() <= 0.005) { var comment = getRandomComment("health"); messages.add(comment); } } // Decrease shield strength. this.shield -= 0.15; this.shield = constrain(this.shield, 0, 255); // Move around. if (keys[87] \|\| keys[UP]) { this.velocity.y -= this.acceleration; } if (keys[65] \|\| keys[LEFT]) { this.velocity.x -= this.acceleration; } if (keys[83] \|\| keys[DOWN]) { this.velocity.y += this.acceleration; } if (keys[68] \|\| keys[RIGHT]) { this.velocity.x += this.acceleration; } this.position.add(this.velocity); this.velocity.mul(0.92); // Prevent the player from moving outside of the canvas. if (this.position.x < this.radius) { this.position.x = this.radius; this.velocity.x = -1; } if (this.position.x > 400 - this.radius) { this.position.x = 400 - this.radius; this.velocity.x = -1; } if (this.position.y < this.radius) { this.position.y = this.radius; this.velocity.y = -1; } if (this.position.y > 400 - this.radius) { this.position.y = 400 - this.radius; this.velocity.y = -1; } // Shoot. if (mouseIsPressed && !shopButton.hovered) { this.shoot(); } // Update gun timers. if (this.gunReload > 0) { this.gunReload -= 0.10; } if (this.gunReload < 0) { this.gunReload = 0; } // Drop spike bomb (SPACEBAR). if (keys[32]) { this.dropBomb(SpikeBomb, "spike"); } // Drop push bomb (Q). if (keys[81]) { this.dropBomb(PushBomb, "push"); } // Update bomb timers. if (this.bombReload > 0) { this.bombReload -= 0.10; } if (this.bombReload < 0) { this.bombReload = 0; } // Update player score and money. if (frameCount % 10 === 0) { this.score += 10; this.money += 5; } // Manage actions. for (var i = 0; i < this.actions.length; i ++) { var action = this.actions[i]; // Remove dead actions. if (action.dead) { this.actions.splice(i, 1); } action.run(this); } }; Player.prototype.draw = function() { / Use this method to draw the player. / // Player body. noStroke(); fill(64, 136, 219); ellipse(this.position.x, this.position.y, 2 this.radius, 2 * this.radius); // Shield. if (this.shield > 0) { strokeWeight(4); stroke(72, 146, 171, (110 / 255) * this.shield); fill(102, 186, 214, (100 / 255) * this.shield); ellipse(this.position.x, this.position.y, 10 * this.radius, 10 * this.radius); } }; Player.prototype.drawHealthBar = function() { /* Use this method to draw a health bar representing the health of the player. / var healthFraction = this.health / 100; // Bar. rectMode(CORNER); noStroke(); fill(54, 54, 54); rect(20, 380, 360, 10); // Health. var barColour = lerpColor(RED, GREEN, healthFraction); fill(barColour); rect(20, 380, 360 healthFraction, 10); rectMode(CENTER); // Label. fill(255); textFont(MAINFONT); text("Health", 25, 375); }; Player.prototype.HUD = function() { /* Use this method to draw the player's HUD (head-up display). / this.drawHealthBar(); // Display score and weapon info. fill(250, 250, 250, 150); textFont(MAINFONT, 12); text("Score : " + this.score, 10, 20); text("Money : " + this.money, 10, 35); text("Spike bombs : " + this.bombCount.spike + "/" + this.maxBombCount, 10, 55); text("Push bombs : " + this.bombCount.push + "/" + this.maxBombCount, 10, 70); text("Bullets : " + (this.bulletCount < 10 ? " " : "") + this.bulletCount + "/" + this.maxBulletCount, 10, 85); }; Player.prototype.main = function(shopButton) { / Use this method to draw and update the player. / this.update(shopButton); this.draw(); }; var player = new Player(200, 200); /* * @Creeper * * @extends PhysicsBody * * @param {Number} x * @param {Number} y * * This class creates a creeper object with physics properties from the PhysicsBody class. This will * be the enemy in the game. */ var Creeper = function(x, y) { / This class creates a creeper with physics properties. / // Inherit physics properties. PhysicsBody.prototype.init.call(this, x, y, MONSTERSIZE, MONSTERSIZE); // Dead creepers are removed from the game. Creepers may be killed or die upon explosion. this.dead = false; // Line of sight. this.los = 3 MONSTERSIZE + 105 * Math.random(); // Determines the maximum damage the creeper can deal the player upon exploding. The player must // be within the creeper's LOS to be damaged. The further away the player is from the exploding // creeper, the less damage will be dealt. this.damage = 5 + 10 * Math.random(); // Time of birth and time until self-destruction. this.lifeTime = 0; this.born = millis(); this.maxLife = (4 + 10 * Math.random()) * 1000; // Set the explosion sound of the creeper. There are two options with a 50/50 chance each. this.explosionSound = (Math.random() >= 0.50) ? "boom1" : "boom2"; // If the creeper has not spotted the player, it will explore the map. The target property // determines its next loaction to visit. this.target = new Vector(); this.setNewTarget(); }; Creeper.prototype = Object.create(PhysicsBody.prototype); Creeper.prototype.follow = function(point) { /* Use this method to make the creeper follow the given point. / var direction = new Vector().between(this.position, point); direction.normalizeTo(1.85); this.applyForce(direction); }; Creeper.prototype.setNewTarget = function() { / Use this method to set a new target for the creeper to explore. / this.target.x = 400 Math.random(); this.target.y = 400 * Math.random(); }; Creeper.prototype.explore = function() { /* Use this method to have the creeper explore the map. / this.follow(this.target); // Set a new goal every now and then. if (frameCount % (4FRAMERATE) === 0) { this.setNewTarget(); } }; Creeper.prototype.explode = function() { /* Use this method to let the creeper explode. This also kills the creeper. / this.dead = true; // Play explosion sound. if (!MUTED) { playSound(SOUNDS[this.explosionSound]); } // Generate smoke particles. particles.generate(this.position.x, this.position.y, { lift: 10, spread: 20, count: 40, size: [5, 10], rgb: [237, 237, 237] }); // Damage the player if (s)he is within a certain range of the explosion. The closer the player // is, the more damage will be dealt. var displacement = new Vector().between(this.position, player.position); var distance = displacement.norm(); if (distance <= this.los) { var damageFraction = 1 - distance / this.los; var shieldFraction = 1 - player.shield / 255; var damage = damageFraction shieldFraction * this.damage; // Damage player and make the screen red. player.health -= damage; REDTRANS = 100 * damageFraction; // Push the player a bit. var explosionPush = 50 / distance; displacement.normalizeTo(explosionPush); player.velocity.add(displacement); } }; Creeper.prototype.update = function() { /* Use this method to update properties of the creeper. / // Update timers. Explode when time is up. this.lifeTime = millis() - this.born; if (this.lifeTime >= this.maxLife) { this.explode(); } // Make the creeper face the player. this.angle = Math.atan2(this.velocity.y, this.velocity.x) - Math.PI/2; // Outside the screen --> dead. Rarely will the creeper walk outside the screen by itself, so it // must happen through the use of push bombs. Award the player points for this. if (this.position.x < -MONSTERSIZE \|\| this.position.x > 400 + MONSTERSIZE) { this.dead = true; // Award player money if (s)he is not dead. if (!player.dead) { player.money += 50; } return; } if (this.position.y < -MONSTERSIZE \|\| this.position.y > 400 + MONSTERSIZE) { this.dead = true; // Award player money if (s)he is not dead. if (!player.dead) { player.money += 50; } } }; Creeper.prototype.draw = function() { / Use this method to draw the creeper. / image(CREEPER, 0, 0); noStroke(); fill(217, 117, 126, 6); ellipse(0, 0, 2 this.los, 2 * this.los); }; /** * Used to manage all the creepers. This array updates, draws, and removes creepers as needed. * Creepers will be removed if they expode or leave the canvas. */ var creepers = []; creepers.lifeTimers = []; creepers.storeLifeTimers = function() { / Use this method to store the life timers of the creepers. / creepers.lifeTimers = []; for (var i = 0; i < creepers.length; i ++) { var creeper = creepers[i]; var lifeTimeLeft = creeper.maxLife - creeper.lifeTime; creepers.lifeTimers.push(lifeTimeLeft); } }; creepers.restoreLifeTimers = function() { / Use this method to restore the life timers of the creepers. / var restoreTime = millis(); for (var i = 0; i < creepers.length; i ++) { var creeper = creepers[i]; creeper.born = restoreTime; creeper.maxLife = creepers.lifeTimers[i]; } }; creepers.add = function(x, y) { / Use this method to add a new creeper at the given position. / var creeper = new Creeper(x, y); creepers.push(creeper); }; creepers.main = function() { / Use this method to draw and update the creepers. / for (var i = 0; i < creepers.length; i ++) { var creeper = creepers[i]; // Track the player when (s)he is within the LOS. Explore the map otherwise. var displacement = new Vector().between(creeper.position, player.position); var distance = displacement.norm(); if (distance < creeper.los) { creeper.follow(player.position); } else { creeper.explore(); } // Explode on impact with player. if (creeper.containsPoint(player.position)) { creeper.explode(); // Leave a message? if (Math.random() <= 0.50) { var comment = getRandomComment("creeper"); messages.add(comment); } } // Check for bullet hits. for (var j = 0; j < bullets.length; j ++) { var bullet = bullets[j]; if (creeper.containsPoint(bullet.position)) { bullet.onImpact(creeper, player); bullet.dead = true; if (!MUTED) { playSound(SOUNDS.creeperHit); } // Leave a message? if (Math.random() <= 0.25) { var comment = getRandomComment("gun"); messages.add(comment); } } } // Remove dead creepers. if (creeper.dead) { creepers.splice(i, 1); } creeper.main(); } / // If there are more creepers than allowed, explode one of them. if (creepers.length > MAXCREEPERS) { var creeper = creepers[0]; creeper.explode(); } / }; /* * SCENE: Main menu. * This is the first scene the player sees when entering the game. * This screen links to: the game itself, high scores list, help menu. */ // Takes the player into the game. var buttonPlay = new UIButton(0, 0, "PLAY\nGAME"); buttonPlay.centerAt(200, 110); buttonPlay.onClick = function() { / This button takes the player from the title menu into the game. / GAMESTATE = "GAME"; bombs.restoreLifeTimers(); powerups.restoreLifeTimers(); creepers.restoreLifeTimers(); }; // Takes the player to the high scores list. var buttonHighscore = new UIButton(0, 0, "HIGH SCORES"); buttonHighscore.centerAt(200, 210); buttonHighscore.onClick = function() { / This button takes the player from the title menu to the highscore section. / GAMESTATE = "HIGHSCORE"; }; // Takes the player to the help menu. var buttonHelp = new UIButton(0, 0, "HELP"); buttonHelp.centerAt(200, 280); buttonHelp.onClick = function() { / This button takes the player from the title menu to the help section. / GAMESTATE = "HELP"; }; // Manages every object in the main menu. var MENU = function() { / This scene represents the title menu. This is the first scene the player sees. / background(71, 83, 87); // Credits. textFont(MAINFONT, 10); fill(250, 250, 250, 100); text("Version " + VERSION + ".", 10, 380); text("All code written by @Qeeko.", 10, 390); // Buttons. buttonPlay.main(); buttonHelp.main(); buttonHighscore.main(); // Add particles from the bottom. particles.emitFromBottom(1); // Draw and update particles. particles.main(); }; /* * SCENE: Help menu. * This scene contains instructions about the goal of the game and how to play it. * This screen links to: back to the main menu. */ // Takes the player back to the main menu. var buttonBackHelp = new UIButton(0, 0, "BACK"); buttonBackHelp.centerAt(70, 40); buttonBackHelp.onClick = function() { / This button takes the player from the help section back to the title menu. / GAMESTATE = "MENU"; }; // Manages every object in the help menu. var HELP = function() { / This scene represents the help menu accessed from the title menu. It contains instructions about the goal of the game and how to play it. / background(71, 83, 87); // Credits. textFont(MAINFONT, 10); fill(250, 250, 250, 100); text("Version " + VERSION + ".", 10, 380); text("All code written by @Qeeko.", 10, 390); // Goal. pushMatrix(); translate(0, 15); fill(250); textFont(MAINFONT, 20); text("GOAL", 20, 100); textFont(MAINFONT, 12); text("The goal of the game is to achieve the highest\nscore possible. The longer you survive, the higher\nyour score will be. Post your score along with the\nconfirmation code in Tips & Thanks. Save a spin-off\nshowing the death screen for proof.", 20, 120); // Controls. textFont(MAINFONT, 20); text("CONTROLS", 20, 220); textFont(MAINFONT, 12); text("• Movement : WASD or ARROWS", 20, 240); text("• Shoot : MOUSECLICK", 20, 260); text("• Spike bomb : SPACEBAR", 20, 280); text("• Push bomb : Q", 20, 300); popMatrix(); // Buttons. buttonBackHelp.main(); // Add particles from the bottom. particles.emitFromBottom(1); // Draw and update particles. particles.main(); }; /* * SCENE: High scores list. * This scene presents a list of the top 10 highest scores in the community. * This screen links to: back to the main menu. */ // Takes the player back to the main menu. var buttonBackHighscore = new UIButton(0, 0, "BACK"); buttonBackHighscore.centerAt(70, 40); buttonBackHighscore.onClick = function() { / This button takes the player from the help section back to the title menu. / GAMESTATE = "MENU"; }; // Manages every object in the high scores menu. var HIGHSCORE = function() { / This scene represents the high score section accessed from the title menu. It contains a list of the players with the highest achieved score. / background(71, 83, 87); // Credits. textFont(MAINFONT, 10); fill(250, 250, 250, 100); text("Version " + VERSION + ".", 10, 380); text("All code written by @Qeeko.", 10, 390); // List top five players. fill(250); textFont(MAINFONT, 19); for (var i = 0; i < 10 && i < HIGHSCORES.length; i ++) { var playerInfo = HIGHSCORES[i]; var string = (i < 9 ? " " : "")+(i + 1).toString() + ". "+playerInfo[0]+": "+playerInfo[1]; text(string, 10, 100 + 28 i); } // Back button. buttonBackHighscore.main(); // Add particles from the bottom. particles.emitFromBottom(1); // Draw and update particles. particles.main(); }; /** * SCENE: Game. * This scene represents the game itself. * This screen links to: the shop. */ // Takes the player to the in-game shop. var buttonShop = new UISmallButton(0, 0, "SHOP"); buttonShop.centerAt(360, 30); buttonShop.onClick = function() { / This button takes the player from the game to the shop (when clicked). / GAMESTATE = "SHOP1"; messages.fadeAll(10); bombs.storeLifeTimers(); powerups.storeLifeTimers(); creepers.storeLifeTimers(); }; // The function responsible for spawning creepers. var spawnCreepers = function() { / This method is responsible for spawning creepers. / // Determines the spawn rate. This number decreases over time. The lower it is, the higher // the spawn rate becomes. var spawnConstant = getSpawnConstant(GAMETIMER / 1000); if (creepers.length < MAXCREEPERS && frameCount % spawnConstant === 0) { while (true) { // Make sure the creeper does not spawn within a certain distance of the player. var x = 400 Math.random(); var y = 400 * Math.random(); var spawnPosition = new Vector(x, y); var displacement = new Vector().between(player.position, spawnPosition); var distance = displacement.norm(); if (distance >= MINSPAWNDIST) { creepers.add(x, y); break; } } } }; // Manages every object in the game. var GAME = function() { /* This scene represents the game itself. / background(71, 83, 87); GAMETIMER ++; // Spawn new creepers. spawnCreepers(); // Spawn powerups. powerups.spawnRandomly(500); // Draw and update the button that takes the player to the shop. buttonShop.main(); // Draw the player's HUD. player.HUD(); // Draw and update the powerups. powerups.main(player, creepers); // Draw and update the bombs. bombs.main(player, creepers); // Draw and update the bullets. bullets.main(); // Draw and update creepers. creepers.main(); // Draw and update the player. player.main(buttonShop); // Draw and update particles. particles.main(); // Draw and update messages. messages.main(); // Draw green overlay (positive effect). if (GREENTRANS > 0) { GREENTRANS --; fill(60, 217, 79, GREENTRANS); rect(200, 200, 400, 400); } // Draw red overlay (when damaged). if (REDTRANS > 0) { REDTRANS --; fill(153, 40, 40, REDTRANS); rect(200, 200, 400, 400); } // PLAYER IS DEAD. if (player.dead) { // Red overlay. fill(153, 40, 40, 100); rect(200, 200, 400, 400); // Death message. fill(255, 255, 255); textAlign(CENTER, CENTER); textFont(MAINFONT, 50); text("YOU DIED!", 200, 100); // Score message. textFont(MAINFONT, 40); text("SCORE: " + player.score, 200, 160); // Small message. textFont(MAINFONT, 12); text("Post your score in Tips & Thanks and\n" + "post a spin-off of this screen for proof.", 200, 240); text("(Post this along with your score.)", 200, 300); textFont(MAINFONT, 18); text("CONFIRMATION CODE: " + SECURITYCODE, 200, 320); textAlign(CORNER, CORNER); } }; /* * SCENE: Shop menu 1. * This scene presents the user with a interface for purchasing and upgrading items. * This screen links to: back to the game, main menu, shop scene 2. */ // Takes the player back to the game. var buttonBackShop = new UISmallButton(0, 0, "Back to game"); buttonBackShop.centerAt(75, 40); buttonBackShop.onClick = function() { / This button takes the player from the shop to the game (when clicked). / GAMESTATE = "GAME"; messages.fadeAll(10); bombs.restoreLifeTimers(); powerups.restoreLifeTimers(); creepers.restoreLifeTimers(); }; // Takes the player back to the main menu. var buttonMenuShop = new UISmallButton(0, 0, "Title menu"); buttonMenuShop.centerAt(75, 70); buttonMenuShop.onClick = function() { / This button takes the player from the shop to the title menu (when clicked). / GAMESTATE = "MENU"; messages.fadeAll(10); }; // Takes the player to shop scene 2. var buttonShopPage2 = new UISmallButton(0, 0, "Page 2 >"); buttonShopPage2.centerAt(345, 151); buttonShopPage2.onClick = function() { / This button takes the player from shop page one to shop page two (when clicked). / GAMESTATE = "SHOP2"; messages.fadeAll(10); }; // This function takes a label and a price and returns a string with the given label and the price // attached to the end in parentheses. var makeShopString = function(label, price) { / Use this function to create a string for a shop button with the given price at the end. / var string = label + " (" + price.toString() + ")"; return string; }; // SHOP PURCHASE OPTION: buy 10 HP. var buyHealth = new UISmallButton(0, 0, makeShopString("10 HP", COST.HP)); buyHealth.centerAt(200, 151); buyHealth.onClick = function() { / Clicking on this button buys the player 10 HP (if (s)he has enough points). / var canPurchase = (player.money >= COST.HP); var fullHealth = (player.health === 100); // No health for the dead man. if (player.dead) { messages.add("No health for the dead."); if (player.money >= COST.REVIVE) { messages.add("You can afford to be revived."); } if (!MUTED) { playSound(SOUNDS.failbuy); } return; } // Check if the player has full health already. If so, do not buy. if (fullHealth) { messages.add("You already have full health."); if (!MUTED) { playSound(SOUNDS.failbuy); } return; } // Check if the player can purchase. if (canPurchase) { player.health += 10; player.health = constrain(player.health, 0, 100); player.money -= COST.HP; messages.add(BUYMSG.HP); if (!MUTED) { playSound(SOUNDS.buy); } return; } // Not enough money. messages.add("Not enough money."); if (!MUTED) { playSound(SOUNDS.failbuy); } }; // SHOP PURCHASE OPTION: buy full health. var buyFullHealth = new UISmallButton(0, 0, makeShopString("RESTORE HEALTH", COST.FULLHEALTH)); buyFullHealth.centerAt(200, 181); buyFullHealth.onClick = function() { / If the player has enough points, restores the health completely. / var canPurchase = (player.money >= COST.FULLHEALTH); var fullHealth = (player.health === 100); // No health for the dead man. if (player.dead) { messages.add("No health for the dead."); if (player.money >= COST.REVIVE) { messages.add("You can afford to be revived."); } if (!MUTED) { playSound(SOUNDS.failbuy); } return; } // Check if the player has full health already. If so, do not buy. if (fullHealth) { messages.add("You already have full health."); if (!MUTED) { playSound(SOUNDS.failbuy); } return; } // Check if the player can purchase. if (canPurchase) { player.restoreHealth(); player.money -= COST.FULLHEALTH; messages.add(BUYMSG.FULLHEALTH); if (!MUTED) { playSound(SOUNDS.buy); } return; } // Not enough money. messages.add("Not enough money."); if (!MUTED) { playSound(SOUNDS.failbuy); } }; // SHOP PURCHASE OPTION: buy 1 bullet. var buyBullet = new UISmallButton(0, 0, makeShopString("BULLET", COST.BULLET)); buyBullet.centerAt(200, 211); buyBullet.onClick = function() { / If the player has enough points, buys a bullet. If the player has full magazine, no bullet will be purchased. / var canPurchase = (player.money >= COST.BULLET); var fullAmmo = (player.bulletCount === player.maxBulletCount); // No ammo for the dead man. if (player.dead) { messages.add("No ammo for the dead."); if (player.money >= COST.REVIVE) { messages.add("You can afford to be revived."); } if (!MUTED) { playSound(SOUNDS.failbuy); } return; } // Check if the player has full clip already. If so, do not buy. if (fullAmmo) { messages.add("You already have maximum ammo."); if (!MUTED) { playSound(SOUNDS.failbuy); } return; } // Check if the player can purchase. if (canPurchase) { player.bulletCount ++; player.money -= COST.BULLET; messages.add(BUYMSG.BULLET); if (!MUTED) { playSound(SOUNDS.buy); } return; } // Not enough money. messages.add("Not enough money."); if (!MUTED) { playSound(SOUNDS.failbuy); } }; // SHOP PURCHASE OPTION: buy 1 spike bomb. var buySpikeBomb = new UISmallButton(0, 0, makeShopString("SPIKE BOMB", COST.SPIKEBOMB)); buySpikeBomb.centerAt(200, 241); buySpikeBomb.onClick = function() { / If the player has enough points, buys a spike bomb. If the player has reached the bomb cap, no bomb will be purchased. / var canPurchase = (player.money >= COST.SPIKEBOMB); var fullBombStorage = (player.bombCount.spike === player.maxBombCount); // No bombs for the dead man. if (player.dead) { messages.add("No bombs for the dead."); if (player.money >= COST.REVIVE) { messages.add("You can afford to be revived."); } if (!MUTED) { playSound(SOUNDS.failbuy); } return; } // Check if the player has full bomb storage already. If so, do not buy. if (fullBombStorage) { messages.add("You have reached the spike bomb capacity."); if (!MUTED) { playSound(SOUNDS.failbuy); } return; } // Check if the player can purchase. if (canPurchase) { player.bombCount.spike ++; player.money -= COST.SPIKEBOMB; messages.add(BUYMSG.SPIKEBOMB); if (!MUTED) { playSound(SOUNDS.buy); } return; } // Not enough money. messages.add("Not enough money."); if (!MUTED) { playSound(SOUNDS.failbuy); } }; // SHOP PURCHASE OPTION: buy 1 push bomb. var buyPushBomb = new UISmallButton(0, 0, makeShopString("PUSH BOMB", COST.PUSHBOMB)); buyPushBomb.centerAt(200, 271); buyPushBomb.onClick = function() { / If the player has enough points, buys a push bomb. If the player has reached the bomb cap, no bomb will be purchased. / var canPurchase = (player.money >= COST.PUSHBOMB); var fullBombStorage = (player.bombCount.push === player.maxBombCount); // No bombs for the dead man. if (player.dead) { messages.add("No bombs for the dead."); if (player.money >= COST.REVIVE) { messages.add("You can afford to be revived."); } if (!MUTED) { playSound(SOUNDS.failbuy); } return; } // Check if the player has full bomb storage already. If so, do not buy. if (fullBombStorage) { messages.add("You have reached the push bomb capacity."); if (!MUTED) { playSound(SOUNDS.failbuy); } return; } // Check if the player can purchase. if (canPurchase) { player.bombCount.push ++; player.money -= COST.PUSHBOMB; messages.add(BUYMSG.PUSHBOMB); if (!MUTED) { playSound(SOUNDS.buy); } return; } // Not enough money. messages.add("Not enough money."); if (!MUTED) { playSound(SOUNDS.failbuy); } }; // SHOP PURCHASE OPTION: buy a new chance (revive the player). var buyRevive = new UISmallButton(0, 0, makeShopString("REVIVE", COST.REVIVE)); buyRevive.centerAt(200, 301); buyRevive.onClick = function() { / If the player has enough points, revives the player. This option is only available if the player is dead. / var canPurchase = (player.money >= COST.REVIVE); // Check if the player is still alive. If so, do not buy. if (!player.dead) { messages.add("You are not dead (yet)."); if (!MUTED) { playSound(SOUNDS.failbuy); } return; } // Check if the player can purchase. if (canPurchase) { player.health = 10; player.money -= COST.REVIVE; player.dead = false; DIED = false; SECURITYCODE = ""; messages.add(BUYMSG.REVIVE); if (!MUTED) { playSound(SOUNDS.buy); } return; } // Not enough money. messages.add("Not enough money. Game over!"); if (!MUTED) { playSound(SOUNDS.failbuy); } }; // SHOP PURCHASE OPTION: change from push bullets to explosive bullets. var buyExplosiveBullets = new UISmallButton(0, 0, makeShopString("SWAP TO EXPLOSIVE BULLETS", COST.EXPLOSIVEBULLETS)); buyExplosiveBullets.centerAt(200, 331); buyExplosiveBullets.onClick = function() { / If the player has enough money, changes the bullet type to explosive. This option is only possible if the player already has push bullets and enough money. / var canPurchase = (player.money >= COST.EXPLOSIVEBULLETS); // Check if the player is dead. If so, do not buy. if (player.dead) { messages.add("No bullet swap for the dead."); if (player.money >= COST.REVIVE) { messages.add("You can afford to be revived."); } if (!MUTED) { playSound(SOUNDS.failbuy); } return; } // Check if the player already has this bullet type. If so, do not buy. if (player.bulletType === "explosive") { messages.add("You already have explosive bullets."); if (!MUTED) { playSound(SOUNDS.failbuy); } return; } // Check if the player can purchase. if (canPurchase) { player.bulletType = "explosive"; player.money -= COST.EXPLOSIVEBULLETS; messages.add(BUYMSG.EXPLOSIVEBULLETS); if (!MUTED) { playSound(SOUNDS.buy); } return; } // Not enough money. messages.add("Not enough money."); if (!MUTED) { playSound(SOUNDS.failbuy); } }; // SHOP PURCHASE OPTION: change from explosive bullets to push bullets. var buyPushBullets = new UISmallButton(0, 0, makeShopString("SWAP TO PUSH BULLETS", COST.PUSHBULLETS)); buyPushBullets.centerAt(200, 361); buyPushBullets.onClick = function() { / If the player has enough money, changes the bullet type to push. This option is only possible if the player already has explosive bullets and enough money. / var canPurchase = (player.money >= COST.PUSHBULLETS); // Check if the player is dead. If so, do not buy. if (player.dead) { messages.add("No bullet swap for the dead."); if (player.money >= COST.REVIVE) { messages.add("You can afford to be revived."); } if (!MUTED) { playSound(SOUNDS.failbuy); } return; } // Check if the player already has this bullet type. If so, do not buy. if (player.bulletType === "push") { messages.add("You already have push bullets."); if (!MUTED) { playSound(SOUNDS.failbuy); } return; } // Check if the player can purchase. if (canPurchase) { player.bulletType = "push"; player.money -= COST.PUSHBULLETS; messages.add(BUYMSG.PUSHBULLETS); if (!MUTED) { playSound(SOUNDS.buy); } return; } // Not enough money. messages.add("Not enough money."); if (!MUTED) { playSound(SOUNDS.failbuy); } }; // Manages every object in shop scene 1. var SHOP1 = function() { / This scene represents the in-game shop (page 1) where the user can buy and upgrade equipment. / background(71, 83, 87); // Top section \| bottom section divisor line. strokeWeight(5); stroke(30, 35, 56, 100); line(20, 105, 380, 105); // Player stats. fill(250); textFont(MAINFONT, 15); text("Money : " + player.money, 150, 30); text("Bullets : " + (player.bulletCount < 10 ? " " : "") + player.bulletCount + "/" + player.maxBulletCount, 150, 50); text("Spike bombs : " + player.bombCount.spike + "/" + player.maxBombCount, 150, 70); text("Push bombs : " + player.bombCount.push + "/" + player.maxBombCount, 150, 90); // Instructions... textFont(MAINFONT, 25); text("CLICK TO PURCHASE", 72, 132); // Buttons. buttonBackShop.main(); buttonMenuShop.main(); buttonShopPage2.main(); buyHealth.main(); buyFullHealth.main(); buyBullet.main(); buySpikeBomb.main(); buyPushBomb.main(); buyRevive.main(); buyExplosiveBullets.main(); buyPushBullets.main(); // Show the health bar. player.drawHealthBar(); // Draw and update messages. messages.main(); }; /* * SCENE: Shop menu 2. * This scene presents the user with a interface for purchasing and upgrading items. * This screen links to: back to the game, main menu, shop scene 1. */ // Takes the player back to shop scene 1. var buttonShopPage1 = new UISmallButton(0, 0, "< Page 1"); buttonShopPage1.centerAt(55, 151); buttonShopPage1.onClick = function() { / This button takes the player from shop page two back to shop page one. / GAMESTATE = "SHOP1"; messages.fadeAll(10); }; // SHOP PURCHASE OPTION: increase fire rate by 5 %. var buyFirerate = new UISmallButton(0, 0, makeShopString("INCREASE FIRE RATE 10%", COST.FIRERATE)); buyFirerate.centerAt(200, 151); buyFirerate.onClick = function() { / If the player has enough money, upgrades the fire rate of the gun. This option is only possible if the user has not reached the fire rate minimum. / var canPurchase = (player.money >= COST.FIRERATE); // Check if the player is dead. If so, do not buy. if (player.dead) { messages.add("No fire rate upgrade for the dead."); if (player.money >= COST.REVIVE) { messages.add("You can afford to be revived."); } if (!MUTED) { playSound(SOUNDS.failbuy); } return; } // Check if the player has reached the fire rate minimum. If so, do not buy. if (player.gunReloadTime <= player.gunReloadTimeMinimum) { messages.add("You already have the highest fire rate."); if (!MUTED) { playSound(SOUNDS.failbuy); } return; } // Check if the player can purchase. if (canPurchase) { player.gunReloadTime = 0.90; player.money -= COST.FIRERATE; if (player.gunReloadTime < player.gunReloadTimeMinimum) { player.gunReloadTime = player.gunReloadTimeMinimum; } messages.add(BUYMSG.FIRERATE); if (!MUTED) { playSound(SOUNDS.buy); } return; } // Not enough money. messages.add("Not enough money."); if (!MUTED) { playSound(SOUNDS.failbuy); } }; // SHOP PURCHASE OPTION: increase bullet magazine size by 10. var buyBulletMag = new UISmallButton(0, 0, makeShopString("INCREASE BULLET MAGAZINE", COST.BULLETMAG)); buyBulletMag.centerAt(200, 181); buyBulletMag.onClick = function() { /* If the player has enough money, increases the bullet magazine. / var canPurchase = (player.money >= COST.BULLETMAG); // Check if the player is dead. If so, do not buy. if (player.dead) { messages.add("No magazine upgrade for the dead."); if (player.money >= COST.REVIVE) { messages.add("You can afford to be revived."); } if (!MUTED) { playSound(SOUNDS.failbuy); } return; } // Check if the player can purchase. if (canPurchase) { player.maxBulletCount += 10; player.money -= COST.BULLETMAG; messages.add(BUYMSG.BULLETMAG); if (!MUTED) { playSound(SOUNDS.buy); } return; } // Not enough money. messages.add("Not enough money."); if (!MUTED) { playSound(SOUNDS.failbuy); } }; // SHOP PURCHASE OPTION: purchase a pack of 10 bullets. var buyBulletPack = new UISmallButton(0, 0, makeShopString("10 BULLETS", COST.BULLETPACK)); buyBulletPack.centerAt(200, 211); buyBulletPack.onClick = function() { / If the player has enough money, increases the bullet magazine. / var canPurchase = (player.money >= COST.BULLETPACK); // Check if the player is dead. If so, do not buy. if (player.dead) { messages.add("No bullets for the dead."); if (player.money >= COST.REVIVE) { messages.add("You can afford to be revived."); } if (!MUTED) { playSound(SOUNDS.failbuy); } return; } // Check if the player has full clip already. If so, do not buy. if (player.bulletCount === player.maxBulletCount) { messages.add("You already have maximum ammo."); if (!MUTED) { playSound(SOUNDS.failbuy); } return; } // Check if the player can purchase. if (canPurchase) { player.bulletCount += 10; player.bulletCount = constrain(player.bulletCount, 0, player.maxBulletCount); player.money -= COST.BULLETPACK; messages.add(BUYMSG.BULLETPACK); if (!MUTED) { playSound(SOUNDS.buy); } return; } // Not enough money. messages.add("Not enough money."); if (!MUTED) { playSound(SOUNDS.failbuy); } }; // SHOP PURCHASE OPTION: upgrade push bomb strength by 25. var buyUpgradePushBomb = new UISmallButton(0, 0, makeShopString("UPGRADE PUSH BOMB", COST.UPGRADEPUSHBOMB)); buyUpgradePushBomb.centerAt(200, 241); buyUpgradePushBomb.onClick = function() { / If the player has enough money, increases the bullet magazine. / // Check if the player is dead. If so, do not buy. if (player.dead) { messages.add("No bomb upgrade for the dead."); if (player.money >= COST.REVIVE) { messages.add("You can afford to be revived."); } if (!MUTED) { playSound(SOUNDS.failbuy); } return; } // Check if the bomb is upgraded to maximum strength or not. if (PUSHBOMBSTRENGTH >= PUSHBOMBSTRENGTHMAXIMUM) { messages.add("Push bombs are fully upgraded."); if (!MUTED) { playSound(SOUNDS.failbuy); } return; } // Check if the player can purchase. if (player.money >= COST.UPGRADEPUSHBOMB) { PUSHBOMBSTRENGTH += 25; PUSHBOMBSTRENGTH = constrain(PUSHBOMBSTRENGTH, 300, PUSHBOMBSTRENGTHMAXIMUM); player.money -= COST.UPGRADEPUSHBOMB; messages.add(BUYMSG.UPGRADEPUSHBOMB); if (!MUTED) { playSound(SOUNDS.buy); } return; } // Not enough money. messages.add("Not enough money."); if (!MUTED) { playSound(SOUNDS.failbuy); } }; // SHOP PURCHASE OPTION: increase spike bomb bullet count by 1. var buyUpgradeSpikeBomb = new UISmallButton(0, 0, makeShopString("UPGRADE SPIKE BOMB", COST.UPGRADESPIKEBOMB)); buyUpgradeSpikeBomb.centerAt(200, 271); buyUpgradeSpikeBomb.onClick = function() { / If the player has enough money, increases the bullet magazine. / // Check if the player is dead. If so, do not buy. if (player.dead) { messages.add("No bomb upgrade for the dead."); if (player.money >= COST.REVIVE) { messages.add("You can afford to be revived."); } if (!MUTED) { playSound(SOUNDS.failbuy); } return; } // Check if the bomb is upgraded to maximum strength or not. if (SPIKEBOMBBULLETS >= SPIKEBOMBBULLETSMAXIMUM) { messages.add("Spike bombs are fully upgraded."); if (!MUTED) { playSound(SOUNDS.failbuy); } return; } // Check if the player can purchase. if (player.money >= COST.UPGRADESPIKEBOMB) { SPIKEBOMBBULLETS ++; player.money -= COST.UPGRADESPIKEBOMB; messages.add(BUYMSG.UPGRADESPIKEBOMB); if (!MUTED) { playSound(SOUNDS.buy); } return; } // Not enough money. messages.add("Not enough money."); if (!MUTED) { playSound(SOUNDS.failbuy); } }; // Manages every object in shop scene 2. var SHOP2 = function() { / This scene represents the in-game shop (page 2) where the user can buy and upgrade equipment. / background(71, 83, 87); // Top section \| bottom section divisor line. strokeWeight(5); stroke(30, 35, 56, 100); line(20, 105, 380, 105); // Player stats. fill(250); textFont(MAINFONT, 15); text("Money : " + player.money, 150, 30); text("Bullets : " + (player.bulletCount < 10 ? " " : "") + player.bulletCount + "/" + player.maxBulletCount, 150, 50); text("Spike bombs : " + player.bombCount.spike + "/" + player.maxBombCount, 150, 70); text("Push bombs : " + player.bombCount.push + "/" + player.maxBombCount, 150, 90); // Instructions... textFont(MAINFONT, 25); text("CLICK TO PURCHASE", 72, 132); // Buttons. buttonBackShop.main(); buttonMenuShop.main(); buttonShopPage1.main(); buyFirerate.main(); buyBulletMag.main(); buyBulletPack.main(); buyUpgradePushBomb.main(); buyUpgradeSpikeBomb.main(); // Show the health bar. player.drawHealthBar(); // Draw and update messages. messages.main(); }; /* * Event handling. */ // Called when the player clicks the mouse inside the canvas. var mouseClicked = function() { / Called every time the mouse is clicked. / // Generate smoke particles when the user clicks the mouse at the menu. Also play an explosion // sound (if the player does not mute the game). if (GAMESTATE === "MENU" \|\| GAMESTATE === "HELP" \|\| GAMESTATE === "HIGHSCORE") { // Sound... if (!MUTED) { var explosionSound = (Math.random() >= 0.50) ? SOUNDS.boom1 : SOUNDS.boom2; playSound(explosionSound); } // Smoke... particles.generate(mouseX, mouseY, { count: 50, spread: 100, size: [5, 30], lift: -1, rgb: [230, 230, 230] }); } }; /* * This is the main loop of the game. Everything is glued together here. */ frameRate(FRAMERATE); var draw = function() { / Show the correct screen corresponding to the current game state. */ switch (GAMESTATE) { case "MENU": MENU(); break; case "HELP": HELP(); break; case "HIGHSCORE": HIGHSCORE(); break; case "GAME": GAME(); break; case "SHOP1": SHOP1(); break; case "SHOP2": SHOP2(); break; // Displays an error if the game state is not recognised (should not happen). default: background(RED); fill(255); textFont(MAINFONT, 20); textAlign(CENTER, CENTER); text("An error has occured.\nPress restart.", 200, 200); textAlign(CORNER, CORNER); break; } };
Folds	215,227,229,240,242,248,257,288,290,292,301,350,352,361,380,388,390,431,433,445,447,455,457,464,466,472,474,480,482,491,493,500,502,514,516,533,535,545,547,557,559,564,566,584,586,603,605,612,629,642,646,654,656,663,665,682,699,720,722,730,732,740,742,763,765,786,788,815,817,833,835,842,854,863,865,873,875,886,888,918,932,939,941,951,953,959,961,967,969,979,981,991,993,1000,1002,1008,1010,1017,1019,1026,1028,1034,1036,1044,1046,1059,1061,1071,1073,1083,1085,1095,1097,1118,1138,1144,1146,1170,1172,1184,1186,1198,1200,1212,1214,1226,1228,1243,1245,1260,1262,1277,1279,1294,1296,1308,1310,1322,1324,1336,1338,1350,1352,1366,1368,1375,1377,1384,1386,1395,1397,1404,1406,1419,1421,1428,1430,1445,1447,1453,1455,1468,1470,1483,1485,1498,1500,1508,1524,1535,1537,1549,1551,1559,1561,1568,1581,1600,1602,1610,1612,1624,1626,1639,1657,1663,1665,1680,1682,1690,1692,1704,1706,1714,1716,1723,1740,1750,1754,1762,1779,1789,1793,1802,1813,1828,1843,1849,1851,1876,1878,1885,1887,1916,1918,1931,1933,1947,1949,1956,1978,1990,1994,2015,2037,2053,2057,2071,2073,2092,2105,2117,2119,2131,2133,2140,2142,2157,2174,2181,2183,2206,2208,2215,2217,2225,2227,2261,2263,2280,2282,2289,2305,2317,2321,2351,2368,2380,2384,2418,2435,2447,2451,2491,2508,2520,2524,2546,2562,2575,2579,2604,2619,2631,2633,2645,2647,2654,2656,2677,2679,2694,2710,2751,2753,2792,2828,2834,2844,2972,2974,2991,2993,3019,3038,3045,3064,3095,3099,3107,3109,3116,3118,3129,3131,3171,3173,3209,3211,3221,3234,3246,3248,3260,3262,3269,3271,3335,3349,3359,3364,3370,3375,3381,3422,3428,3491,3497,3547,3558,3561,3586,3589,3672,3686,3697,3702,3709,3714,3721,3725,3732,3738,3793,3798,3852,3857,3912,3917,3972,3977,4032,4037,4080,4085,4139,4144,4198,4202,4247,4261,4268,4274,4332,4337,4379,4384,4438,4443,4495,4500,4551,4555,4597,4607,4630,4640,4681
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgIiRsrK5Cww
Votes	254
Spin-Offs	46
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	{"id":"5000146938757120","title":"QKPhys v.0.1 - Demo 1","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Qeeko
Author Name	Qeeko
Author ID	kaid_656542968054661279010009
Author Profile Access	PUBLIC

Archive Data

Added	6 months ago, 1739457966416
Updated	6 months ago, 1739457975363
Source Deleted	unknown