Viewing Program

Program Data

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

Title	Feed the Monster
ID	5299051064
Created	9 years ago, 1462745815696
Updated	9 years ago, 1462820708509
Code	/* 8 months ago I released a demo for this game: https://www.khanacademy.org/cs/-/4882226100699136 It was the first game I started making after finishing the advance JS natural simulations course, and is based on Cut the Rope. A few days ago I decided to finish making it, since I put it off to work on learning jQuery, create Paranormal Mansion, create Asteroids for the Retro game contest, and create Martian Defense. CREDITS: I used an algorithm made by Splo to create the stars featured in this program: https://www.khanacademy.org/cs/-/4562000038 Note: If you want to subscribe to future programs, you can do that here: https://www.khanacademy.org/cs/-/5585738834247680 / smooth(); var images = [ { name: "Wing", size: { width: 60, height: 60, }, display: function() { fill(100, 0, 0); stroke(155, 0, 0); strokeWeight(2); beginShape(); vertex(2, 60); bezierVertex(12, -10, 62, 5, 52, 5); bezierVertex(67, 20, 47, -5, 37, 30); bezierVertex(2, 35, 2, 60, 2, 60); endShape(); }, }, { name: "Star", size: { width: 50, height: 50, }, display: function() { pushMatrix(); translate(25, 25); scale(1, -1); strokeWeight(1.6); fill(255, 215, 0); stroke(191, 161, 0); beginShape(); for(var i = 0; i < 360; i++) { vertex((20 + sin(i 5) * 4) * cos(i), (20 + sin(i * 5) * 4) * sin(i)); } endShape(CLOSE); popMatrix(); }, }, { name: "NoStar", size: { width: 50, height: 50, }, display: function() { pushMatrix(); translate(25, 25); scale(1, -1); strokeWeight(1.6); fill(100, 100, 100); stroke(75, 75, 75); beginShape(); for(var i = 0; i < 360; i++) { vertex((20 + sin(i * 5) * 4) * cos(i), (20 + sin(i * 5) * 4) * sin(i)); } endShape(CLOSE); popMatrix(); }, }, { name: "Candy", size: { width: 50, height: 50, }, display: function() { stroke(200, 50, 50); strokeWeight(2); fill(255, 255, 255); ellipse(25, 25, 47, 47); for(var i = 0; i <= 360; i+= 60) { fill(255, 0, 0); arc(25, 25, 47, 47, i - 15, i + 15); } }, }, ], sprite = []; for(var i = 0; i < images.length; i++) { background(0, 0, 0, 0); images[i].display(); sprite[images[i].name] = get(0, 0, images[i].size.width, images[i].size.height); } var monsterImage = function(x, y) { imageMode(CENTER); pushMatrix(); translate(0, sin(frameCount * 5)); pushMatrix(); translate(x + 25, y); rotate(sin(frameCount * 10) * 10); image(sprite.Wing, 10, -10, 35, 35); popMatrix(); pushMatrix(); translate(x - 25, y); scale(-1, 1); rotate(sin(frameCount * 10) * 10); image(sprite.Wing, 10, -10, 35, 35); popMatrix(); image(getImage("avatars/mr-pink"), x, y, 50, 50); popMatrix(); }; { //Defines the basic particle constructor: var particle = function(position, direction, color) { this.position = position.get(); this.acceleration = direction.get(); this.direction = direction; this.velocity = new PVector(random(-1, 1), random(-1, 1)); this.life = 100; this.exist = true; this.color = color; }; //Runs the basic particle: particle.prototype.run = function() { this.display(); this.update(); }; //Upadates the basic particle: particle.prototype.update = function() { this.velocity.add(this.acceleration); this.position.add(this.velocity); this.life -= 1; }; //Displays the basic particle: particle.prototype.display = function() { pushMatrix(); translate(this.position.x, this.position.y); stroke(red(this.color), green(this.color), blue(this.color), this.life); strokeWeight(2); line(-this.velocity.x3, -this.velocity.y3, this.velocity.x3, this.velocity.y3); popMatrix(); }; //Defines the explosion constructor: var explosion = function(position, duration, color) { this.origin = position; this.particles = []; this.color = color; this.time = 0; this.duration = duration; }; explosion.prototype.run = function() { this.time++; for(var i = 0; i < 10; i++) { if(this.time < this.duration) { this.particles.push(new particle(this.origin, new PVector(0, 0.01), this.color)); } } for(var i = this.particles.length-1; i > 0; i--) { this.particles[i].run(); if(this.particles[i].life <= 0) { this.particles.splice(i, 1); } } }; } var scene = "Menu"; var game = { levels: [ { highScore: 0, map: [ ["monster", 200, 375], ["candy", 200, 100], ["rope", 200, 5, 100], ["star", 200, 190], ["star", 200, 240], ["star", 200, 290], ["text", "Click on this point →\nto cut the rope", 105, 32, 18, -10], ["text", "← Try to get all\nof the stars", 300, 260, 18, 5], ["text", "← Get the candy\nto the monster", 305, 350, 18, -15], ], }, { highScore: 0, map: [ ["monster", 200, 375], ["candy", 100, 100], ["rope", 50, 15, 100], ["rope", 150, 15, 100], ["bellows", 50, 200, "right"], ["star", 105, 190], ["star", 200, 220], ["star", 200, 325], ["text", "← Click on this\nto blow air", 165, 187, 18, -16], ], }, { highScore: 0, map: [ ["monster", 200, 25], ["candy", 200, 240], ["rope", 200, 200, 40], ["bubble", 200, 370], ["star", 200, 75], ["star", 200, 140], ["star", 200, 370], ["text", "← Bubbles trap and\nmove candies up", 312, 329, 18, -15], ], }, { highScore: 0, map: [ ["monster", 50, 25], ["candy", 200, 220], ["rope", 200, 200, 50], ["bubble", 200, 375], ["bellows", 350, 100, "left"], ["bellows", 50, 200, "right"], ["star", 200, 375], ["star", 275, 180], ["star", 85, 60], ], }, { highScore: 0, map: [ ["monster", 350, 200], ["bellows", 25, 200, "right"], ["candy", 100, 200], ["rope", 100, 130, 30], ["bubble", 100, 300], ["star", 150, 175], ["star", 225, 150], ["star", 300, 150], ["text", "Click on bubbles to\npop them", 200, 350, 16, -5], ], }, { highScore: 0, map: [ ["monster", 150, 225], ["bubble", 150, 300], ["star", 250, 250], ["star", 235, 335], ["star", 150, 335], ["bellows", 300, 350, "left"], ["candy", 245, 150], ["rope", 245, 100, 50], ["auto-rope", 200, 300, 50], ["text", "← Auto-Ropes appear\nwhen the candy is close.\nThey are single use.", 305, 285, 18, -20], ], }, { highScore: 0, map: [ ["monster", 15, 190], ["rope", 350, 200, 50], ["candy", 350, 200], ["auto-rope", 50, 200, 50], ["auto-rope", 150, 200, 50], ["auto-rope", 250, 200, 50], ["star", 50, 200], ["star", 150, 200], ["star", 250, 200], ["bellows", 410, 260, "left"], ], }, { highScore: 0, map: [ ["monster", 200, 50], ["candy", 200, 250], ["bubble", 200, 250], ["rope", 100, 250, 100], ["rope", 300, 250, 100], ["bubble", 200, 375], ["star", 225, 100], ["star", 250, 150], ["star", 200, 325], ], }, { highScore: 0, map: [ ["monster", 250, 100], ["rope", 50, 225, 30], ["candy", 50, 250], ["bubble", 50, 375], ["star", 50, 375], ["star", 50, 100], ["star", 160, 50], ["auto-rope", 160, 100, 100], ], }, { highScore: 0, map: [ ["monster", 300, 250], ["candy", 200, 150], ["star", 200, 50], ["rope", 200, 50, 100], ["rope", 100, 150, 100], ["rope", 300, 150, 100], ["rope", 200, 250, 100], ["star", 250, 250], ["star", 200, 245], ["bubble", 200, 245], ], }, { highScore: 0, map: [ ["monster", 60, 350], ["candy", 350, 100], ["rope", 350, 50, 50], ["hat", 350, 350, "up", color(255, 0, 0)], ["hat", 60, 150, "down", color(255, 0, 0)], ["star", 350, 200], ["star", 350, 275], ["star", 60, 250], ["text", "if the candy falls into this hat, →\nit will fall out of the other one", 200, 300, 14, 10], ], }, { highScore: 0, map: [ ["monster", 350, 100], ["candy", 60, 150], ["rope", 60, 100, 50], ["bubble", 60, 350], ["hat", 350, 350, "up", color(0, 255, 0)], ["hat", 60, 50, "down", color(0, 255, 0)], ["star", 350, 200], ["star", 60, 350], ["star", 60, 250], ], }, { highScore: 0, map: [ ["monster", 340, 70], ["candy", 80, 275], ["rope", 80, 225, 50], ["bubble", 80, 375], ["hat", 180, 180, "left", color(0, 0, 255)], ["hat", 235, 70, "right", color(0, 0, 255)], ["bellows", 10, 200, "right"], ["star", 80, 370], ["star", 120, 180], ["star", 300, 70], ], }, { highScore: 0, map: [ ["monster", 240, 360], ["candy", 200, 160], ["rope", 200, 10, 150], ["bellows", 200, 300, "up"], ["bellows", 60, 160, "right"], ["bellows", 340, 160, "left"], ["star", 200, 70], ["star", 60, 70], ["star", 340, 70], ], }, ], level: 1, time: 0, score: 0, monster: { position: new PVector(200, 200), hasEaten: false, display: function() { monsterImage(this.position.x, this.position.y); if(PVector.dist(this.position, game.candy.position) <= 50 && game.candy.exist) { this.hasEaten = true; game.explosions.push(new explosion(game.candy.position, 5, color(255, 0, 0))); game.explosions.push(new explosion(game.candy.position, 5, color(255, 255, 255))); game.candy.exist = false; } }, }, candy: { position: new PVector(100, 200), velocity: new PVector(0, 0), acceleration: new PVector(0, 0), exist: true, captured: false, addForce: function(force) { this.acceleration.add(PVector.div(force, 25)); }, display: function() { imageMode(CENTER); image(sprite.Candy, this.position.x, this.position.y, 50, 50); }, update: function() { this.velocity.add(this.acceleration); this.velocity.mult(0.97); this.position.add(this.velocity); this.acceleration.mult(0); this.addForce(new PVector(0, 2)); if((this.position.y <= -30 && this.captured) \|\| (this.position.y >= height + 30 && !this.captured)) { this.exist = false; } for(var i = 0; i < game.stars.length; i++) { if(PVector.dist(this.position, game.stars[i].position) <= 45) { game.stars[i].pickUp(); } } }, }, sec: second(), ropes: [], autoRopes: [], bellows: [], bubbles: [], hats: [], texts: [], stars: [], explosions: [], totalStars: function() { var ans = 0; for(var i = 0; i < this.levels.length; i++) { ans += this.levels[i].highScore; } return ans; }, }; game.objects = [game.ropes, game.autoRopes, game.bellows, game.bubbles, game.hats, game.texts, game.stars, game.explosions]; var rope = function(x, y, length) { this.origin = new PVector(x, y); this.length = length; this.connected = true; }; rope.prototype.display = function() { stroke(0, 100, 0); strokeWeight(2); fill(0, 200, 0); ellipse(this.origin.x, this.origin.y, 20, 20); if(this.connected) { stroke(175, 75, 0); strokeWeight(4); noFill(); beginShape(); vertex(this.origin.x, this.origin.y); bezierVertex(this.origin.x, this.origin.y, this.origin.x, game.candy.position.y, game.candy.position.x, game.candy.position.y); endShape(); if((mouseIsPressed && dist(mouseX, mouseY, this.origin.x, this.origin.y) <= 10) \|\| !game.candy.exist) { this.connected = false; } } stroke(0, 100, 0); strokeWeight(2); fill(0, 255, 0); ellipse(this.origin.x, this.origin.y, 10, 10); }; rope.prototype.connect = function() { if(this.connected) { var force = PVector.sub(game.candy.position, this.origin); var distance = force.mag(); var stretch = distance - this.length; force.normalize(); force.mult(-0.1 * stretch); game.candy.addForce(force); } }; rope.prototype.constrainLength = function() { if(this.connected) { var direction = PVector.sub(game.candy.position, this.origin); var magDirection = direction.mag(); if(magDirection < 30) { direction.normalize(); direction.mult(30); game.candy.position = PVector.add(this.origin, direction); } else if(magDirection > 200) { direction.normalize(); direction.mult(200); game.candy.position = PVector.add(this.origin, direction); } } }; var autoRope = function(x, y, radius) { rope.call(this, x, y, radius); this.radius = radius; this.connected = false; this.canConnect = true; }; autoRope.prototype = Object.create(rope.prototype); autoRope.prototype.display = function() { stroke(0, 100, 0); strokeWeight(2); fill(0, 200, 0); ellipse(this.origin.x, this.origin.y, 20, 20); if(PVector.dist(game.candy.position, this.origin) <= this.radius + 25 && this.canConnect) { this.connected = true; this.canConnect = false; } if(this.canConnect) { for(var i = 0; i <= 360; i += 10) { noFill(); stroke(0, 100, 0); ellipseMode(RADIUS); arc(this.origin.x, this.origin.y, this.radius, this.radius, i - 3, i + 3); ellipseMode(CENTER); } } if(this.connected) { stroke(175, 75, 0); strokeWeight(4); noFill(); beginShape(); vertex(this.origin.x, this.origin.y); bezierVertex(this.origin.x, this.origin.y, this.origin.x, game.candy.position.y, game.candy.position.x, game.candy.position.y); endShape(); if((mouseIsPressed && dist(mouseX, mouseY, this.origin.x, this.origin.y) <= 10) \|\| !game.candy.exist) { this.connected = false; } } stroke(0, 100, 0); strokeWeight(2); fill(0, 255, 0); ellipse(this.origin.x, this.origin.y, 10, 10); }; var star = function(x, y) { this.position = new PVector(x, y); this.collected = false; }; star.prototype.display = function() { imageMode(CENTER); image(sprite.Star, this.position.x, this.position.y, 35, 35); }; star.prototype.pickUp = function() { game.score++; game.explosions.push(new explosion(this.position, 5, color(255, 215, 0))); this.collected = true; }; var bellows = function(x, y, direction) { this.position = new PVector(x, y); this.direction = direction; this.wasPressed = false; }; bellows.prototype.display = function() { rectMode(CENTER); fill(0, 100, 255); noStroke(); ellipse(this.position.x, this.position.y, 50, 50); switch(this.direction) { case "left": rect(this.position.x - 30, this.position.y, 10, 10); break; case "right": rect(this.position.x + 30, this.position.y, 10, 10); break; case "up": rect(this.position.x, this.position.y - 30, 10, 10); break; } fill(0, 0, 255); rect(this.position.x, this.position.y, 20, 20, 6); fill(255, 255, 255, 100); rect(this.position.x - ((this.direction === "up") ? 25 : 0), this.position.y - ((this.direction !== "up") ? 25 : 0), 10, 12, 5); rect(this.position.x + ((this.direction === "up") ? 25 : 0), this.position.y + ((this.direction !== "up") ? 25 : 0), 10, 12, 5); }; bellows.prototype.applyForceOnCandy= function() { if(dist(mouseX, mouseY, this.position.x, this.position.y) < 25) { if(mouseIsPressed) { if(!this.wasPressed) { switch(this.direction) { case "left": if(game.candy.position.x < this.position.x - 50 && game.candy.position.y >= this.position.y - 50 && game.candy.position.y <= this.position.y + 50) { game.candy.addForce(new PVector(-50, 0)); } break; case "right": if(game.candy.position.x > this.position.x + 50 && game.candy.position.y >= this.position.y - 50 && game.candy.position.y <= this.position.y + 50) { game.candy.addForce(new PVector(50, 0)); } break; case "up": if(game.candy.position.y < this.position.y - 50 && game.candy.position.x >= this.position.x - 50 && game.candy.position.x <= this.position.x + 50) { game.candy.addForce(new PVector(0, -50)); } break; } } this.wasPressed = true; } else { this.wasPressed = false; } } }; var bubble = function(x, y) { this.position = new PVector(x, y); this.hasCandy = false; this.exist = true; }; bubble.prototype.display = function() { fill(255, 255, 255, 100); stroke(255, 255, 255, 50); strokeWeight(2); ellipse(this.position.x, this.position.y, 60, 60); }; bubble.prototype.update = function() { if(PVector.dist(this.position, game.candy.position) <= 55 && !game.candy.captured) { this.hasCandy = true; } if(this.hasCandy) { this.position = game.candy.position; game.candy.captured = true; game.candy.addForce(new PVector(0, -3.5)); if(PVector.dist(this.position, game.monster.position) <= 50 \|\| (mouseIsPressed && dist(mouseX, mouseY, this.position.x, this.position.y) <= 30)) { game.explosions.push(new explosion(this.position, 5, color(255, 255, 255))); this.hasCandy = false; game.candy.captured = false; this.exist = false; } } }; var hat = function(x, y, direction, color) { this.position = new PVector(x, y); this.direction = direction; this.color = color; }; hat.prototype.display = function() { noStroke(); rectMode(CENTER); switch(this.direction) { case "up": fill(0, 0, 0); rect(this.position.x, this.position.y, 50, 50); rect(this.position.x, this.position.y - 30, 75, 10); fill(this.color); rect(this.position.x, this.position.y - 20, 50, 5); if(game.candy.position.y > this.position.y - 30 && game.candy.position.x > this.position.x - 30 && game.candy.position.x < this.position.x + 30 && game.candy.position.y < this.position.y - 20) { for(var i = game.hats.length - 1; i >= 0; i--) { if(game.hats[i].color === this.color && game.hats[i] !== this) { if(game.hats[i].direction === this.direction) { game.candy.velocity.y = -1; } game.candy.position = new PVector(game.hats[i].position.x + ((game.hats[i].direction === "left") ? -30 : (game.hats[i].direction === "right") ? 30 : 0), game.hats[i].position.y + ((game.hats[i].direction === "up") ? -30 : (game.hats[i].direction === "down") ? 30 : 0)); } } } break; case "down": fill(0, 0, 0); rect(this.position.x, this.position.y, 50, 50); rect(this.position.x, this.position.y + 30, 75, 10); fill(this.color); rect(this.position.x, this.position.y + 20, 50, 5); if(game.candy.position.y < this.position.y + 30 && game.candy.position.x > this.position.x - 30 && game.candy.position.x < this.position.x + 30 && game.candy.position.y > this.position.y + 20) { for(var i = game.hats.length - 1; i >= 0; i--) { if(game.hats[i].color === this.color && game.hats[i] !== this) { if(game.hats[i].direction === this.direction) { game.candy.velocity.y = -1; } game.candy.position = new PVector(game.hats[i].position.x + ((game.hats[i].direction === "left") ? -30 : (game.hats[i].direction === "right") ? 30 : 0), game.hats[i].position.y + ((game.hats[i].direction === "up") ? -30 : (game.hats[i].direction === "down") ? 30 : 0)); } } } break; case "left": fill(0, 0, 0); rect(this.position.x, this.position.y, 50, 50); rect(this.position.x - 30, this.position.y, 10, 75); fill(this.color); rect(this.position.x - 20, this.position.y, 5, 50); if(game.candy.position.y > this.position.y - 30 && game.candy.position.x > this.position.x - 30 && game.candy.position.x < this.position.x - 20 && game.candy.position.y < this.position.y + 30) { for(var i = game.hats.length - 1; i >= 0; i--) { if(game.hats[i].color === this.color && game.hats[i] !== this) { if(game.hats[i].direction === this.direction) { game.candy.velocity.x = -1; } game.candy.position = new PVector(game.hats[i].position.x + ((game.hats[i].direction === "left") ? -30 : (game.hats[i].direction === "right") ? 30 : 0), game.hats[i].position.y + ((game.hats[i].direction === "up") ? -30 : (game.hats[i].direction === "down") ? 30 : 0)); } } } break; case "right": fill(0, 0, 0); rect(this.position.x, this.position.y, 50, 50); rect(this.position.x + 30, this.position.y, 10, 75); fill(this.color); rect(this.position.x + 20, this.position.y, 5, 50); if(game.candy.position.y > this.position.y - 30 && game.candy.position.x > this.position.x + 20 && game.candy.position.x < this.position.x + 30 && game.candy.position.y < this.position.y - 30) { for(var i = game.hats.length - 1; i >= 0; i--) { if(game.hats[i].color === this.color && game.hats[i] !== this) { if(game.hats[i].direction === this.direction) { game.candy.velocity.x = -1; } game.candy.position = new PVector(game.hats[i].position.x + ((game.hats[i].direction === "left") ? -30 : (game.hats[i].direction === "right") ? 30 : 0), game.hats[i].position.y + ((game.hats[i].direction === "up") ? -30 : (game.hats[i].direction === "down") ? 30 : 0)); } } } break; } }; game.load = function() { for(var i = 0; i < this.levels[this.level - 1].map.length; i++) { switch(this.levels[this.level - 1].map[i][0].toString()) { case "monster": this.monster.position = new PVector(this.levels[this.level - 1].map[i][1], this.levels[this.level - 1].map[i][2]); break; case "candy": this.candy.position = new PVector(this.levels[this.level - 1].map[i][1], this.levels[this.level - 1].map[i][2]); break; case "rope": this.ropes.push(new rope(this.levels[this.level - 1].map[i][1], this.levels[this.level - 1].map[i][2], this.levels[this.level - 1].map[i][3])); break; case "star": this.stars.push(new star(this.levels[this.level - 1].map[i][1], this.levels[this.level - 1].map[i][2])); break; case "bellows": this.bellows.push(new bellows(this.levels[this.level - 1].map[i][1], this.levels[this.level - 1].map[i][2], this.levels[this.level - 1].map[i][3])); break; case "text": this.texts.push({ text: this.levels[this.level - 1].map[i][1], position: new PVector(this.levels[this.level - 1].map[i][2], this.levels[this.level - 1].map[i][3]), size: this.levels[this.level - 1].map[i][4], angle: this.levels[this.level - 1].map[i][5], }); break; case "bubble": this.bubbles.push(new bubble(this.levels[this.level - 1].map[i][1], this.levels[this.level - 1].map[i][2])); break; case "auto-rope": this.autoRopes.push(new autoRope(this.levels[this.level - 1].map[i][1], this.levels[this.level - 1].map[i][2], this.levels[this.level - 1].map[i][3])); break; case "hat": this.hats.push(new hat(this.levels[this.level - 1].map[i][1], this.levels[this.level - 1].map[i][2], this.levels[this.level - 1].map[i][3], this.levels[this.level - 1].map[i][4])); break; } } }; game.apply = function() { this.monster.display(); for(var i = 0; i < this.ropes.length; i++) { this.ropes[i].display(); this.ropes[i].connect(); this.ropes[i].constrainLength(); } for(var i = 0; i < this.autoRopes.length; i++) { this.autoRopes[i].display(); this.autoRopes[i].connect(); this.autoRopes[i].constrainLength(); } for(var i = 0; i < this.stars.length; i++) { this.stars[i].display(); if(this.stars[i].collected) { this.stars.splice(i, 1); } } for(var i = 0; i < this.bellows.length; i++) { this.bellows[i].display(); this.bellows[i].applyForceOnCandy(); } imageMode(CENTER); image((this.score >= 1) ? sprite.Star : sprite.NoStar, 325, 20, 20, 20); image((this.score >= 2) ? sprite.Star : sprite.NoStar, 350, 20, 20, 20); image((this.score >= 3) ? sprite.Star : sprite.NoStar, 375, 20, 20, 20); for(var i = 0; i < this.texts.length; i++) { textAlign(CENTER, CENTER); textFont(createFont("Comic Sans MS"), this.texts[i].size); pushMatrix(); translate(this.texts[i].position.x, this.texts[i].position.y); rotate(this.texts[i].angle); fill(10, 10, 10); text(this.texts[i].text.toString(), 0, 0); popMatrix(); } for(var i = 0; i < this.explosions.length; i++) { this.explosions[i].run(); } if(this.candy.exist) { this.candy.display(); this.candy.update(); } else { if(this.sec !== second()) { this.time++; this.sec = second(); } if(this.time >= 5) { if(this.monster.hasEaten) { if(this.score > this.levels[this.level - 1].highScore) { this.levels[this.level - 1].highScore = this.score; } scene = "Win"; } else { scene = "Lose"; } } } for(var i = 0; i < this.bubbles.length; i++) { this.bubbles[i].display(); this.bubbles[i].update(); if(!this.bubbles[i].exist) { this.bubbles.splice(i, 1); } } for(var i = 0; i < this.hats.length; i++) { this.hats[i].display(); } }; game.removeObjects = function() { for(var i = 0; i < game.objects.length; i++) { for(var j = 0; j < game.objects[i].length; j++) { game.objects[i].splice(j, game.objects[i].length); } } game.candy.exist = true; game.candy.velocity = new PVector(0, 0); game.candy.acceleration = new PVector(0, 0); game.candy.captured = false; game.monster.hasEaten = false; game.time = 0; game.score = 0; }; var button = function(x, y, width, height, label, event, textSize) { this.position = new PVector(x, y); this.width = width; this.height = height; this.label = label.toString(); this.event = event; this.textSize = textSize \|\| 12; this.lerp = 0; this.clicked = false; this.clickTimer = 1; this.shadow = { color: color(0, 0, 0, 200), distance: 3, }; }; Object.defineProperty(button.prototype, "mouseIn", { get: function() { return mouseX >= this.position.x - this.width / 2 && mouseY >= this.position.y - this.height / 2 && mouseX <= this.position.x + this.width / 2 && mouseY <= this.position.y + this.height / 2; }, }); Object.defineProperty(button.prototype, "isPressed", { get: function() { return mouseIsPressed && this.mouseIn; }, }); button.prototype.display = function() { rectMode(CENTER); strokeWeight(4); fill(this.shadow.color); stroke(this.shadow.color); rect(this.position.x, this.position.y + this.shadow.distance, this.width, this.height, 20); stroke(lerpColor(color(50, 50, 50), color(100, 100, 100), this.lerp)); fill(lerpColor(color(0, 0, 0), color(50, 50, 50), this.lerp)); rect(this.position.x, this.position.y + (this.isPressed ? this.shadow.distance : 0), this.width, this.height, 20); textAlign(CENTER, CENTER); textSize(this.textSize); textFont(createFont("Arial Bold")); fill(lerpColor(color(50, 50, 50), color(100, 100, 100), this.lerp)); text(this.label, this.position.x, this.position.y + (this.isPressed ? this.shadow.distance : 0)); if(this.mouseIn) { this.lerp += (this.lerp < 1) ? 0.04 : 0; if(this.clicked) { this.event(); } } else { this.lerp -= (this.lerp > 0) ? 0.04 : 0; } this.clickTimer = (mouseIsPressed) ? -1 : this.clickTimer + 1; this.clicked = (this.clickTimer === 0) ? true : false; }; var levelButton = function(x, y, level) { button.call(this, x, y, 100, 40, "Play", function() { game.removeObjects(); game.level = level; game.load(); scene = "Game"; }, 30); }; levelButton.prototype = Object.create(button.prototype); var levelSelectScreen = { buttons: [ new button(80, 355, 100, 40, "Previous", function() { levelSelectScreen.level--; }, 20), new button(320, 355, 100, 40, "Next", function() { levelSelectScreen.level++; }, 20), ], levelButtons: [], init: function() { for(var i = 1; i <= game.levels.length; i++) { this.levelButtons.push( new levelButton(200, 355, i) ); } }, level: 1, display: function() { if(this.level > 1) { this.buttons[0].display(); } if(this.level < game.levels.length) { this.buttons[1].display(); } this.levelButtons[this.level - 1].display(); pushMatrix(); translate(200, 250); pushMatrix(); rotate(10); image((game.levels[this.level - 1].highScore >= 1) ? sprite.Star : sprite.NoStar, -60, -10, 40, 40); popMatrix(); image((game.levels[this.level - 1].highScore >= 2) ? sprite.Star : sprite.NoStar, 0, 0, 40, 40); pushMatrix(); rotate(-10); image((game.levels[this.level - 1].highScore >= 3) ? sprite.Star : sprite.NoStar, 60, -10, 40, 40); popMatrix(); textAlign(CENTER, CENTER); textFont(createFont("Arial Bold"), 24); fill(255, 255, 255); popMatrix(); monsterImage(200, 200); textAlign(CENTER, CENTER); textFont(createFont("Arial Bold"), 36); fill(10, 10, 10); text("LEVEL " + this.level, 200, 50); }, }, menuScreen = { buttons: [ new button(200, 275, 100, 40, "Play", function() { game.removeObjects(); game.load(); scene = "Game"; }, 30), new button(200, 325, 100, 40, "Level\nSelect", function() { scene = "Level Select"; levelSelectScreen.level = 1; }, 16), ], display: function() { fill(255, 255, 255); textAlign(CENTER, CENTER); textFont(createFont("Arial Bold"), 24); text("FEED THE MONSTER", 200, 100); monsterImage(200, 200); for(var i = 0; i < this.buttons.length; i++) { this.buttons[i].display(); } }, }, winScreen = { buttons: [ new button(80, 355, 100, 40, "Replay", function() { game.removeObjects(); game.load(); scene = "Game"; }, 22), new button(200, 355, 100, 40, "Menu", function() { scene = "Menu"; }, 22), new button(320, 355, 100, 40, "Next", function() { game.removeObjects(); game.level++; game.load(); scene = "Game"; }, 22), ], gameWonButton: new button(200, 355, 100, 40, "Next", function() { scene = "Game Won"; }, 24), display: function() { imageMode(CENTER); pushMatrix(); translate(200, 60); pushMatrix(); rotate(-10); image((game.score >= 1) ? sprite.Star : sprite.NoStar, -60, 10, 40, 40); popMatrix(); image((game.score >= 2) ? sprite.Star : sprite.NoStar, 0, 0, 40, 40); pushMatrix(); rotate(10); image((game.score >= 3) ? sprite.Star : sprite.NoStar, 60, 10, 40, 40); popMatrix(); textAlign(CENTER, CENTER); textFont(createFont("Arial Bold"), 24); fill(255, 255, 255); text((game.score < 1) ? "Passable!" : (game.score < 2) ? "Good!" : (game.score < 3) ? "Great!" : "Excellent!", 0, 50); popMatrix(); monsterImage(200, 200); if(game.level < game.levels.length) { for(var i = 0; i < this.buttons.length; i++) { this.buttons[i].display(); } } else { this.gameWonButton.display(); } } }, loseScreen = { buttons: [ new button(145, 355, 100, 40, "Retry", function() { game.removeObjects(); game.load(); scene = "Game"; }, 22), new button(255, 355, 100, 40, "Menu", function() { scene = "Menu"; }, 22), ], display: function() { textAlign(CENTER, CENTER); textFont(createFont("Arial Bold"), 30); fill((frameCount % 50 < 25) ? color(255, 255, 255) : color(255, 0, 0)); text("YOU LOSE", 200, 200); for(var i = 0; i < this.buttons.length; i++) { this.buttons[i].display(); } }, }, gameWonScreen = { button: new button(200, 355, 100, 40, "Menu", function() { scene = "Menu"; }, 22), display: function() { fill(255, 255, 255); textAlign(CENTER, CENTER); textFont(createFont("Arial Bold"), 28); text("Congratulations!\nYou've won with " + game.totalStars() + " stars!", 200, 200); this.button.display(); }, }; levelSelectScreen.init(); draw = function() { background(153, 119, 72); rectMode(CORNER); strokeWeight(1); stroke(0, 0, 0, 100); fill(116, 89, 54); rect(20, 20, 100, 100, 5); rect(260, 150, 50, 60); fill(153, 119, 72); rect(80, 40, 100, 100, 5); switch(scene) { case "Menu": menuScreen.display(); break; case "Game": game.apply(); break; case "Win": winScreen.display(); break; case "Level Select": levelSelectScreen.display(); break; case "Lose": loseScreen.display(); break; case "Game Won": gameWonScreen.display(); break; } };
Folds	30,108,110,114,115,132,133,187,189,451,454,458,459,480,481,490,491,505,507,512,514,548,550,553,554,557,558,562,564,568,569,590,591,618,620,624,625,630,631,646,648,652,653,726,728,765,767,836,838,851,853,867,868,872,873,877,878,907,908,915,918,966,967,989,990,1037,1059,1070,1073,1103
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIUCxIKU2NyYXRjaHBhZBi4tOTeEww
Votes	348
Spin-Offs	7
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	K. Russell Smith
Author Name	PushingTheLimits
Author ID	kaid_273072378035822649931049
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739289075167
Updated	8 months ago, 1744828759374
Source Deleted	unknown