Viewing Program

Program Data

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

Title	Hoppy Beaver Extreme! [GAME]
ID	5910313785196544
Created	6 years ago, 1561469431159
Updated	6 years ago, 1561470347580
Code	/ ***************************Hoppy Beaver Extreme***************************** * The "I" in the logo stands for "Iron Programming". * * Some unique factors Hoppy Beaver Extreme has: * 5 levels (possibly more to come), * settings (sound starts off), * Gravity flipper (press SPACE to flip upsidedown), * Scaling (not required since you can flip gravity, but still cool), * * After saying all that, I'd say this game is decent, there's a couple glitches you might see, but I feel good about how well the collisions and playthrough work. * * Thank you for playing! * * Any suggestions or glitches caught? Please let me know! * * For more games and cool programs subscribe here: https://www.khanacademy.org/computer-programming/subscribe-to-iron-studios/6260734328930304 / //Settings you can change (in game){ var Sound = false; //} /Important functions and variables/ //Storing inputs that can be pressed var input = []; //Saying that the inputed key is pressed keyPressed = function() { input[keyCode] = true; }; keyReleased = function() { input[keyCode] = false; }; //What is the current Scene? var Scene = "Load"; //Is it paused? var Pause = false; //Did you win or lose the level? var LevelLose = false, LevelWin = false; //In case we need to reference this before we define the function var player, cam, boundingBoxCollide; /This holds all the information that you need to know about the level/ var LevelInfo = { xPos : 0, yPos : 0, width : 600, height : 400, time: 500, millTime: 0, requiredSticks: 0 }; /These are all special functions that I use*/ // { //Using cosine and sine to make an outlined text var textOutline = (function(txt, x, y, firstColor, secondColor, thickness) { fill(secondColor); thickness = max(thickness, 1); for (var p = 0; p < 360; p += 360 / (2 PI * thickness)) { text(txt, x + cos(p) * thickness, y + sin(p) * thickness); } fill(firstColor); text(txt, x, y); }); //Making a function that draws glowing circles var Glow = (function(Color, x, y, radius, glowRate) { noStroke(); //For Loop for the glow for(var i = 0; i < 15; i++) { //Multiply i by a negative number to decrease the value (fill)(Color, (i * -2) + 28); ellipse(x, y, (i * glowRate) + radius, (i * glowRate) + radius); } //Center of glow (fill)(Color, 10); ellipse(x, y, radius, radius); }); //Making waves var SinusoidalFunction = (function(x, y, amplitude, frequency, width, thickness) { noFill(); strokeWeight(thickness); beginShape(); for(var i = -20; i < width; i += 0.5) { vertex(x + 20 + i, amplitude * -sin(i * frequency) + y); } endShape(); }); //Squiggly lines var SquigglyLine = (function(x, y, amplitude, frequency, width, thickness) { noFill(); strokeWeight(thickness); beginShape(); for(var i = -20; i < width; i += 0.5) { vertex(x + 20 + i, amplitude * -tan(i * frequency) + y); } endShape(); }); //Stoping the for loops from crashing var speedUp = (function() { this[["KAInfiniteLoopSetTimeout"]](5000);//Makes all for loops not crash }); //Credit to "Phantom Falcon (prolight)" for the camera function{ var Camera = (function(x, y, width, height, info) { this.x = x; this.y = y; this.width = width; this.height = height; this.halfWidth = this.width / 2; this.halfHeight = this.height / 2; this.focusXPos = this.halfWidth; this.focusYPos = this.halfHeight; this.speed = 0.175; this.boundingBox = { minX : 0, maxX : 0, minY : 0, maxY : 0, }; this.upperLeft = { col : 0, row : 0, }; this.lowerRight = { col : 0, row : 0, }; this.angle = 0; this.updateBoundingBox = (function() { this.boundingBox.minX = this.focusXPos - this.halfWidth; this.boundingBox.maxX = this.focusXPos + this.halfWidth; this.boundingBox.minY = this.focusYPos - this.halfHeight; this.boundingBox.maxY = this.focusYPos + this.halfHeight; }); this.getObject = (function() { return this; }); this.attach = (function(input, directAttach) { if (this.getObject === input) { return; } this.getObject = input; var object = input(); if (directAttach) { var boxToUse = object.boundingBox; this.focusXPos = boxToUse.minX + (boxToUse.maxX - boxToUse.minX) / 2; this.focusYPos = boxToUse.minY + (boxToUse.maxY - boxToUse.minY) / 2; this.setBoundingBox(); } }); this.view = (function(object) { if (typeof object === "undefined") { object = this.getObject(); } var boxToUse = object.boundingBox; //Get the camera position var xPos = boxToUse.minX + (boxToUse.maxX - boxToUse.minX) / 2; var yPos = boxToUse.minY + (boxToUse.maxY - boxToUse.minY) / 2; this.angle = atan2(yPos - this.focusYPos, xPos - this.focusXPos); if (isNaN(this.angle)) { this.angle = 0; return; } this.distance = dist(this.focusXPos, this.focusYPos, xPos, yPos) * this.speed; this.focusXPos += this.distance * cos(this.angle); this.focusYPos += this.distance * sin(this.angle); //Keep it in the grid this.focusXPos = constrain(this.focusXPos, info.xPos + this.halfWidth, info.width - this.halfWidth); this.focusYPos = constrain(this.focusYPos, info.yPos + this.halfHeight, info.height - this.halfHeight); this.updateBoundingBox(); translate(this.x, this.y); if (info.width >= this.width) { translate(this.halfWidth - this.focusXPos, 0); } else { translate(-info.xPos, 0); } if (info.height >= this.height) { translate(0, this.halfHeight - this.focusYPos); } else { translate(0, -info.yPos); } }); }); var cam = new Camera(0, 0, width, height, LevelInfo); //} //Collision functions var boundingBoxCollide = (function(box1, box2) { return (box1.minX < box2.maxX && box1.maxX > box2.minX && box1.minY < box2.maxY && box1.maxY > box2.minY); }); var BBRCollide = (function(objA, objB) { var box1 = objA.boundingBox, box2 = objB.boundingBox; return (box1.minX < box2.maxX && box1.maxX > box2.minX && box1.minY < box2.maxY && box1.maxY > box2.minY); }); var rectToEllipseCollide = (function(ellipse, rect) { // How it works: // Start with a simple AABB check (Axis-Aligned Bounding Box) that treats it like a rectangle. If the mouse is outside the rectangle, then there's no chance it's in the ellipse. // Use the mouse's X coordinate to find the angle that would produce that X coordinate on the edge of the ellipse. // Use that angle to find the height of the ellipse at that X coordinate. // Check to see if mouseY is within that distance. var halfW = ellipse.width * 0.5; var halfH = ellipse.height * 0.5; if (rect.x + rect.width < ellipse.x - halfW \|\| rect.x > ellipse.x + halfW \|\| rect.y + rect.height < ellipse.y - halfH \|\| rect.y > ellipse.y + halfH) { return false; } var angX = (rect.x < ellipse.x) ? acos((rect.x + rect.width - ellipse.x) / halfW) : acos((rect.x - ellipse.x) / halfW); var distY = sin(angX) * halfH; var r = rect.y < ellipse.y + distY && rect.y + rect.height > ellipse.y - distY; // A horrible way to do an "if" statement that avoids branching. I like exploring different ways of doing things. var a = r ? cursor(HAND) : 0; return r; }); var rectCollide = (function(rect1, rect2) { return rect1.x + rect1.width > rect2.x && rect1.x < rect2.x + rect2.width && rect1.y + rect1.height > rect2.y && rect1.y < rect2.y + rect2.height; }); var rectToTriCollide = (function(rect, triangle) { if (rect.x + rect.width > triangle.x && rect.x < triangle.x + triangle.width && rect.y + rect.height > triangle.y && rect.y < triangle.y + triangle.height && triangle.side === "bottom") { if (rect.x + rect.width > triangle.x + triangle.width/2 && rect.x < triangle.x + triangle.width/2) { return true; } else if (rect.x + rect.width/2 > triangle.x + triangle.width/2) { return rect.y + rect.height > map(rect.x, triangle.x + triangle.width/2, triangle.x + triangle.width, triangle.y, triangle.y + triangle.height); } else { return rect.y + rect.height > map(rect.x + rect.width, triangle.x, triangle.x + triangle.width/2, triangle.y + triangle.height, triangle.y); } } else if (rect.x + rect.width > triangle.x && rect.x < triangle.x + triangle.width && rect.y + rect.height > triangle.y && rect.y < triangle.y + triangle.height && triangle.side === "top") { if (rect.x + rect.width > triangle.x + triangle.width/2 && rect.x < triangle.x + triangle.width/2) { return true; } else if (rect.x + rect.width/2 > triangle.x + triangle.width/2) { return rect.y < map(rect.x, triangle.x + triangle.width/2, triangle.x + triangle.width, triangle.y + triangle.height, triangle.y); } else { return rect.y < map(rect.x + rect.width, triangle.x, triangle.x + triangle.width/2, triangle.y, triangle.y + triangle.height); } } else if (rect.x + rect.width > triangle.x && rect.x < triangle.x + triangle.width && rect.y + rect.height > triangle.y && rect.y < triangle.y + triangle.height && triangle.side === "left") { if (rect.y + rect.height > triangle.y + triangle.height/2 && rect.y < triangle.y + triangle.height/2) { return true; } else if (rect.y + rect.height/2 > triangle.y + triangle.height/2) { return rect.y < map(rect.x, triangle.x, triangle.x + triangle.width, triangle.y + triangle.height, triangle.y + triangle.height/2); } else { return rect.y + rect.height > map(rect.x, triangle.x, triangle.x + triangle.width, triangle.y, triangle.y + triangle.height/2); } } else if (rect.x + rect.width > triangle.x && rect.x < triangle.x + triangle.width && rect.y + rect.height > triangle.y && rect.y < triangle.y + triangle.height && triangle.side === "right") { if (rect.y + rect.height > triangle.y + triangle.height/2 && rect.y < triangle.y + triangle.height/2) { return true; } else if (rect.y + rect.height/2 > triangle.y + triangle.height/2) { return rect.y < map(rect.x + rect.width, triangle.x, triangle.x + triangle.width, triangle.y + triangle.height/2, triangle.y + triangle.height); } else { return rect.y + rect.height > map(rect.x + rect.width, triangle.x, triangle.x + triangle.width, triangle.y + triangle.height/2, triangle.y); } } }); var rotatedEllipseCollide = (function(ellipse, rect, functionCollide) { //Start by rotating the mouse position so that it lines up with the rotated ellipse. //Then do a regular collision check! Easy peasy! var rectAng = atan((ellipse.y - rect.y) / (ellipse.x - rect.x)); var rectDist = sqrt(sq(ellipse.y - rect.y) + sq(ellipse.x - rect.x)); //Store the actual mouseX and mouseY values var rectX = rect.x; var rectY = rect.y; //Change their values so the normal collision detection works with their new coords rect.x = cos(rectAng - ellipse.rotated) * rectDist + ellipse.x; rect.y = sin(rectAng - ellipse.rotated) * rectDist + ellipse.y; //Do the regular collision check with the rotated mouse coords var regularCollide = functionCollide(ellipse, rect); //Restore their values to normal rect.x = rectX; rect.y = rectY; return regularCollide; }); //This is the cursor for the mouse, if you don't assign a specific special cursor like "Target" then it's default is "Auto" var Mouse = (function(config) { //The mouse's x position (in this case it's always going to be mouseX) this.x = config.x; //The mouse's y position (in this case it's always going to be mouseY) this.y = config.y; //The mouse's width and height this.width = config.width; this.height = config.height; //What state is the regular cursor in? this.state = "Regular"; //What is the mouse's cursor (what does it look like)? this.cursor = config.cursor \|\| "Regular"; //Time this.time = 0; this.draw = (function() { //If the cursor is reuglar, then depending on what state the cursor is in, then draw the proper cursor, (Auto, Pointer, if (this.cursor === "Regular") { if (this.state === "Auto") { cursor("auto"); } else if (this.state === "Pointer") { cursor("pointer"); } else if (this.state === "Grab") { cursor("grab"); } else if (this.state === "Grabbing") { cursor("grabbing"); } else if (this.state === "Wait") { cursor("wait"); } else if (this.state === "Text") { cursor("text"); } else if (this.state === "Not-Allowed") { cursor("not-allowed"); } else if (this.state === "Copy") { cursor("copy"); } else if (this.state === "Zoom-In") { cursor("zoom-in"); } else if (this.state === "Zoom-Out") { cursor("zoom-out"); } else if (this.state === "All-Scroll") { cursor("all-scroll"); } else if (this.state === "Cross-Hair") { cursor("cross-hair"); } else if (this.state === "Cell") { cursor("cell"); } else if (this.state === "Context-Menu") { cursor("context-menu"); } else if (this.state === "Help") { cursor("help"); } else if (this.state === "EastWest-Resize") { cursor("ew-resize"); } else if (this.state === "NorthSouth-Resize") { cursor("ns-resize"); } else if (this.state === "NorthEast-Resize" \|\| this.state === "SouthWest-Resize") { cursor("nesw-resize"); } else if (this.state === "NorthWest-Resize" \|\| this.state === "SouthEast-Resize") { cursor("nwse-resize"); } else if (this.state === "Alias") { cursor("alias"); } else if (this.state === "Vertical-Text") { cursor("vertical-text"); } } else { cursor('none'); if (this.cursor === "Target") { noFill(); strokeWeight(5); stroke(255, 0, 0); ellipse(this.x + this.width/2, this.y + this.height/2, this.width, this.height); line(this.x + this.width/2.1, this.y - 5, this.x + this.width/2.1, this.y + this.height + 5); line(this.x - 5, this.y + this.height/2.1, this.x + this.width + 5, this.y + this.height/2.1); } } }); });//Open up this function if you want to see what I'm doing here and how it works //Change the mouse's width and height to what you want, for the beginning cursor, I keep it at zero. (even though it has a width, for convenience purposes), and then change the cursor to the specific one you want, if you don't assign it a value by living the quotes blank, then it's default is "Regular" var mouse = new Mouse({x: mouseX, y: mouseY, width: 0, height: 0, cursor: "Regular"}); //The button function var Button = (function(config) { //The button's x position this.x = config.x; //The button's y position this.y = config.y; //The buttons width and height this.width = config.width; this.height = config.height; //The buttons label this.label = config.label; this.labelExtraX = config.labelExtraX \|\| 2; this.labelExtraY = config.labelExtraY \|\| 1; //The size of the words of the label of the button this.wordSize = config.wordSize \|\| 25; //What happens when you click the button? this.clickEffect = config.clickEffect \|\| function() {};//If you don't give a click effect, then it's just going to be an empty function //What happens when your mouse is over the button? this.hoverEffect = config.hoverEffect \|\| function() {}; //The absence of your hovering over the button this.absenceHover = config.absenceHover \|\| function() {}; //The button's shape/graphic this.graphic = config.graphic \|\| function() {}; //What shape is it? (for collision purposes) this.shape = config.shape \|\| "rect"; //If it's a triangle, what side is it? this.side = config.side \|\| "bottom"; //What is the type of the button? this.type = config.type \|\| "not-pressed"; //The rest of these are more of the buttons attributes (like color, rotation, ect), that can be changed when the mouse is hovering over the button; this.rotated = 0; this.Color = 0; this.scaled = 1; this.Time = 0; this.Radius = config.Radius \|\| 0; }); //Function to call on later to see if the mouse is inside (for rects) Button.prototype.isMouseInside = (function() { if (this.shape === "rect") { return rectCollide(mouse, this); } else if (this.shape === "triangle") { return rectToTriCollide(mouse, this); } else if (this.shape === "ellipse" && this.rotated === 0) { return rectToEllipseCollide(this, mouse); } else if (this.shape === "ellipse" && this.rotated !== 0) { return rotatedEllipseCollide(this, mouse, rectToEllipseCollide); } }); //If the mouse is inside when we call "hover", then call "hoverEffect", else if it's not, then call "absenceHover" Button.prototype.hover = (function() { if (this.isMouseInside()) { mouse.state = "Pointer"; this.hoverEffect(); mouse.time = 0; } else { this.absenceHover(); mouse.time++; if (mouse.time > 5) { mouse.state = "Auto"; mouse.time = 0; } } }); //If the mouse is inside when we call "click", then call the "clickEffect", (note: we only call it in the mouseClicked function, so if the mouse is inside when we click, then we call the "clickEffect" Button.prototype.clicked = (function() { if (this.isMouseInside()) { this.clickEffect(); } }); //Drawing the button Button.prototype.draw = (function() { //Calling the hover function this.hover(); pushMatrix(); //First we translate the button to where it's coordinates are, then we set it's x position as "-this.width/2" and it's y position as "-this.height/2" to center the button in the middle so when we translate and rotate the button for hovering, it will center around the middle instead of the origin of the screen if (this.shape === "ellipse") { translate(this.x, this.y); } else if (this.shape === "rect") { translate(this.x + this.width/2, this.y + this.height/2); } //Rotating the button rotate(this.rotated); //Scaling the button scale(this.scaled); noStroke(); this.graphic(); //Drawing the text of the button textAlign(LEFT, TOP); fill(0, 0, 0); textSize(this.wordSize); pushMatrix(); translate(this.labelExtraX, this.labelExtraY); text(this.label, -this.width/2, -this.height/2, this.width - 1, this.height); popMatrix(); popMatrix(); }); //} / ************Image function************ **How to use**** * Image: Image to draw, * x: X position, * y: Y position, * width: width of the image (optional), * height: height of the image (optional), * flippedAxis: which way to flip the image; "x", "y", or "x, y" (both), * blurAmount: How much to blur the image, * maskImage: Masks another image of your choice onto the image your drawing. Note: If you don't want any of the following features, either leave the parameter blank, type an empty quotations marks "" or type 0. / var Image = (function(Image, x, y, width, height, flippedAxis, blurAmount, maskImage) { //Setting the image mode at the center imageMode(CENTER); pushMatrix(); //Put the image at it's position translate(x, y); //Flip the image if (flippedAxis === "x, y") { scale(-1, -1); } else if (flippedAxis === "x") { scale(-1, 1); } else if (flippedAxis === "y") { scale(1, -1); } else { scale(1, 1); } //Drawing the image if (maskImage === undefined \|\| maskImage === null) { if (width > 0 && width !== undefined && width !== null) { image(Image, 0, 0, width, height); } else { image(Image, 0, 0); } } else { maskImage.mask(Image); if (width > 0 && width !== undefined && width !== null) { image(maskImage, 0, 0, width, height); } else { image(maskImage, 0, 0); } } popMatrix(); //Blur the image if (blurAmount > 0) { filter(BLUR, blurAmount); } }); //A closure that returns the object that stores graphics (credit to KWC) var Graphics = (function() { var cache = Object.create(null), //make a dictionary to store cached graphics imgs_to_load = [], //an array containing the names of the images onloadcomplete, //a function to run when the loading is complete cur_load = 0, //the current index of the imgs_to_load array //graphic factories factories = { //If your graphic uses too much loops or crashes so much, you can turn parts of it to images then use it here with Graphics.get(). However, you have to make sure that when you set the array of image names, the names of the images you want to load first must be BEFORE the name of the image in which they're used. (EB won't throw an error unless the for loops take too long to run, so be careful) //For example, if you want to use img1 and img2 in img3, you have to load img1 and img2 first, then use them in img3. /Single objects*/ DamBlock: function() { background(0, 0, 0, 0); fill(100, 50, 0); pushMatrix(); translate(25, 25); for (var i = 0; i < 200; i++) { rotate(random(-25, 25)); rect(-25, -2.5, 50, 5); } popMatrix(); return get(0, 0, 50, 50); }, JungleBlock: function() { background(0, 0, 0, 0); noStroke(); fill(0, 150, 0); rect(25, 75, 25, 25); noFill(); strokeWeight(2); for (var i = 0; i < 5; i++) { for (var j = 0; j < 6; j++) { stroke(random(0, 30), 100 + random(-30, 30), random(0, 30)); ellipse(28 + (i 5) + j * random(-1, 1)/j, 73 + (j * 5), 5, 5); } } return get(25, 75, 25, 25); }, JungleSpike: function() { background(0, 0, 0, 0); noStroke(); fill(100, 100, 100); triangle(75, 100, 100, 100, 87.5, 75); stroke(0, 56, 0); strokeWeight(2); pushMatrix(); translate(85, 78); for (var j = 0; j < 3; j++) { translate(-1, 5); scale(1.4, 1); for (var i = 4; i < 9; i++) { point(-cos(i * 20) * 5, sin(i * 20) * 5); } } popMatrix(); return get(75, 75, 25, 25); }, SlantedJungleBlock: function() { background(0, 0, 0, 0); noStroke(); fill(0, 150, 0); triangle(-4, 100, 25, 71, 25, 100); noFill(); strokeWeight(2); for (var j = 0; j < 6; j++) { for (var i = 0; i < (5 - j/1.1); i++) { stroke(random(0, 30), 100 + random(-30, 30), random(0, 30)); ellipse(22 - (i * 5) + j * random(-1, 1)/j, 102 - (j * 5), 5, 5); } } return get(0, 75, 25, 25); }, Sign: function() { background(0, 0, 0, 0); fill(150, 100, 0); stroke(100, 50, 0); strokeWeight(2); rect(1, 0, 28, 20); rect(10, 20, 10, 10); stroke(0, 0, 0); for (var i = 0; i < 15; i += 5) { SinusoidalFunction(2, 5 + i, 2, 100, 6, 1); } return get(0, 0, 30, 30); }, Stick: function() { background(0, 0, 0, 0); ellipseMode(CENTER); noStroke(); for (var i = 0; i < 10; i++) { fill(122, 63, 0, i * 5); ellipse(12.5, 25, 25 - i, 50 - i); } fill(115, 70, 0); rect(10, 10, 5, 30); return get(0, 0, 25, 50); }, Water: function() { background(0, 0, 0, 0); noStroke(); fill(0, 0, 255, 100); rect(0, 0, 25, 25); return get(0, 0, 25, 25);}, Lava: function() { background(0, 0, 0, 0); noStroke(); fill(175, 0, 225); rect(0, 0, 25, 25); return get(0, 0, 25, 25); }, Minion: function() { background(0, 0, 0, 0); imageMode(CORNERS); image(getImage("avatars/leafers-ultimate"), 0, 0, 40, 42); return get(0, 0, 40, 40); }, /For the jungle background/ LineLeaves: function() { background(0, 0, 0, 0); stroke(0, 75, 0, 100); strokeWeight(1); for (var i = 0; i < 10; i++) { for (var j = 0; j < 10; j++) { line(25 - (i * random(-25, 25)/i), (325 - (j * random(-25, 25)/j)), 25 - (i * random(-25, 25)/i), (325 - (j * random(-25, 25)/j))); } } return get(0, 300, 50, 50); }, TreeLeaves: function() { background(0, 0, 0, 0); //Making a leaf function var Leaf = (function(x, y, width, height) { fill(255, 255, 255); noStroke(); arc(x, y, width, height, 0, 180); }); //Putting leaves together and then drawing them var Leaves = (function(x, y, SizeX, SizeY) { pushMatrix(); translate(x, y); scale(SizeX, SizeY); fill(255, 255, 255); ellipse(0, 0, 110, 110); for (var j = 0; j < 16; j++) { rotate(24); Leaf(0, 50, 25, 25); } popMatrix(); })(125, 62, 2, 1); return get(0, 0, 250, 125); }, TreeBark: function() { var TBark = (function(x, y, sx, sy, r, fc, sc, sw) { /* Created with https://www.khanacademy.org/cs/curvevertexxy/4922655547326464 by Troy Cook / pushMatrix(); pushStyle(); translate(x, y); scale(sx, sy); rotate(r); fill(fc); stroke(sc); strokeWeight(sw); beginShape(); curveVertex(-30, 90); curveVertex(-60, -60); curveVertex(0, 0); curveVertex(60, -60); curveVertex(30, 90); curveVertex(40, 200); curveVertex(-40, 200); curveVertex(-30, 90); curveVertex(-60, -60); curveVertex(0, 0); endShape(); popStyle(); popMatrix(); }); TBark(50, 100, 0.8, 1, 0, color(255, 255, 255), color(255, 255, 255), 4); return get(0, 0, 100, 300); }, JungleMaskLeaves: function() { background(0, 0, 0, 0); noStroke(); fill(0, 150, 0); rect(25, 75, 25, 25); noFill(); strokeWeight(2); for (var i = 0; i < 80; i++) { for (var j = 0; j < 80; j++) { stroke(random(0, 30), 100 + random(-30, 30), random(0, 30)); ellipse(3 + (i 5) + j * random(-1, 1)/j, -2 + (j * 5), 5, 5); } } return get(0, 0, 250, 125); }, JungleMaskBark: function() { background(0, 0, 0, 0); strokeWeight(1); for (var i = 0; i < 100; i++) { stroke(125 + (sin(i * 5) * 50), 65 + (sin(i * 5) * 50), 0 + abs(sin(i * 5) * 25)); line(i, 0, i, 300); } return get(0, 0, 100, 300); }, LargeTree: function() { background(0, 0, 0, 0); Image(Graphics.get("TreeBark"), 150, 250, 0, 0, "", 0, Graphics.get("JungleMaskBark")); //Leaves Image(Graphics.get("TreeLeaves"), 150, 63, 200, 125, "", 0, Graphics.get("JungleMaskLeaves")); Image(Graphics.get("TreeLeaves"), 100, 123, 200, 125, "", 0, Graphics.get("JungleMaskLeaves")); Image(Graphics.get("TreeLeaves"), 200, 123, 200, 125, "", 0, Graphics.get("JungleMaskLeaves")); return get(); }, JungleBackground: function() { background(0, 0, 0); //Small leaves fill(0, 0, 0); rect(0, 0, 400, 400); for (var i = 0; i < 8; i++) { image(Graphics.get("LargeTree"), 50 + (i * 50), 100 + abs(sin(i * 30) * 75), 200, 600); } fill(0, 0, 0, 200); noStroke(); rect(0, 300, 400, 100); for (var i = 0; i < 10; i++) { for (var j = 0; j < 3; j++) { image(Graphics.get("LineLeaves"), 25 + (i * 40), 320 + (j * 40)); } } /Leaf constructor/ var Leaves = (function() { var Leaf = (function(x, y, rotation, width, height) { pushMatrix(); translate(x + width/2, y + height/2); rotate(rotation); for (var j = 0; j < height; j++) { stroke(0, 75 + (j * 3), 0, 200); line(-width/2 + j/3, -height/2 + j, width/2 - j/3, -height/2.8 + j); } popMatrix(); }); for (var j = 0; j < 5; j++) { for (var i = 0; i < 15; i++) { Leaf(200 + (i * random(-200, 200)/i), 350 + (j * random(-50, 50)/j), i * random(-360, 360)/i, 10, 15); } } })(); var JunglePlant = function(x, y, sx, sy, r, fc, sc, sw) { /* Created with https://www.khanacademy.org/cs/curvevertexxy/4922655547326464 by Troy Cook / pushMatrix(); pushStyle(); translate(x, y); scale(sx, sy); rotate(r); fill(fc); stroke(sc); strokeWeight(sw); beginShape(); curveVertex(-50, 180); curveVertex(-50, 160); curveVertex(-30, 130); curveVertex(-40, 100); curveVertex(-10, 110); curveVertex(0, 140); curveVertex(20, 150); curveVertex(30, 130); curveVertex(60, 120); curveVertex(40, 160); curveVertex(30, 200); curveVertex(-40, 200); curveVertex(-50, 180); curveVertex(-50, 160); curveVertex(-30, 130); endShape(); popStyle(); popMatrix(); }; for (var i = 0; i < 8; i++) { JunglePlant(25 + (i 50), 260, 0.5, 0.7, 0, color(50, random(0, 50), 0), color(0, 0, 0), 4); } //Vines noFill(); strokeWeight(5); stroke(0, 50, 0); arc(50, 0, 100, 100, 0, 180); arc(100, 0, 150, 150, 0, 180); arc(200, 0, 100, 300, 0, 180); arc(300, 0, 200, 200, 0, 180); filter(BLUR, 1.6); return get(); }, }; return { get: function(img_name) { //if the image is already in "cache", just return the image if (img_name in cache) { return cache[img_name]; } return (cache[img_name] = factories[img_name]()); //get image and store it in "cache" }, setLoadQueue: function(arr, func) { //specify images to load, and the function that should be run once loading is complete imgs_to_load = arr; onloadcomplete = func; }, loadNext: function() { if (cur_load < imgs_to_load.length) { this.get(imgs_to_load[cur_load]); //de-reference the factory that draws the image factories[imgs_to_load[cur_load]] = null; cur_load ++; } else { //run "onloadcomplete" once the loading has finished if it's a function then set it to "undefined" if (typeof onloadcomplete === "function") { onloadcomplete(); onloadcomplete = void 0; } imgs_to_load.length = 0; //empty array cur_load = 0; //reset current loading index } } }; })(); //Setting what images to load. If you are putting images in other images, make sure to put the image that you are putting in other image before the images you put them in. Graphics.setLoadQueue( //Specify what images you want to load ["DamBlock", "JungleBlock", "JungleSpike", "SlantedJungleBlock", "Sign", "Water", "Lava", "Stick", "Minion", "LineLeaves", "TreeLeaves", "TreeBark", "JungleMaskLeaves", "JungleMaskBark", "JungleBackground"], //What to do after the images you want to load are loaded function() { Scene = "Logo"; } ); /** When making levels, these symbols push new objects to the levelMap array: * @ = player, * # = block, * ! = sign (to make the sign's message, make a message in the "Message" array), * w = water, * D = water + water on the next spot (this is useful if you want water with another object in the same spot, (like a sign)), * M = regular minion * m = upside-down minion * l = lava/poison, * ^ = bottom spike, * I = top spike, * > = left spike, * < right spike, * { = bottom slanted block slanted this way; "/", * } = bottom slanted block slanted this way; "\", * [ = top slanted block slanted this way; "\", * ] = top slanted block slanted this way; "/", * S = stationary stick, * c = stick which moves in circular movement, * G = three blades of grass on each of the blocks before, there, and after that space, / var LevelMaps = [ [ '#######################################################################################', '# I I m I I #', '# S S #', '# S #', '# #', '# #', '# S S #', '# #', '# S #', '# S #', '# S ! #', '# S {# S #} <#', '# ! ^ {## ##} ! #', '# {} {###>S #} S {### ###} {##lllll##} #', '# @ ! {##} ! G ! {#### GM G G GM G M##} G {####^^^^^####} {###lllll###} ! #', '#######################################################################################' ], [ '################################################################ ###################################### ###########################################', '# S l ### IIIIIII [####### ## m m m m m #', '# l ### [###### # S #', '# l ### [##### S #', '# l ### [#### #', '# l [### #', '# #', '# [} #', '# S [} S S S #', '# ##} [} #', '# lll [} [} l {### #', '# S {#lll# [} [} # l {#### #', '# ^^ ! #lll## ^^ ## l {##### S #', '# #### {###lll########} S #### ### l {###### S # S #', '# @ ^ ###### {####lll#########} l l llll ! S #### l ^^^^^^^ {####### G MG G G MG G MG G ## M M M M M #', '################################################################ #########################################################################################################' ], [ '################################################################################', '# [#] # m m m # # #', '# # I {# S {#', '# S # I {]#', '# # ^ {] #', '# <#> <#> {] #', '# S I I <#### #', '# {} ^ #', '# {} [] S <#> #', '# [] I #', '# S ^ ^ S #', '# {} S <#> <#> #', '# [] # S I #', '# # #', '# @ ! G {#} G G G G G G {#} G #GM G G G G GM G G G G GM G G G #', '################################################################################', ], [ '#################################################################################################################################################################################', '# # m m m <###> m m <#> m m m # S #', '# # S <###> <#> S [##########> #', '# S <###> I ^ I [} <#', '# <#> <#> ^ <#> S ^ [} #', '# [###} I <#> ^ I <#> #', '# {###] I <#> I #', '############## ######################################] I #', '# [} S {]dww# #wwwwwwwwww# #wwwwwwwwww##] ^ #', '# [} {]dwww# #wwwwwwwwww# #wwwwDSwwww#] <#> #', '# [}{]dwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww# S ^ ^ S ^ I #', '# {wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww# <#> <#> <#> ^ #', '# {#wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww########] <###> SI ^ I <#> #', '# {##wwwwwwwDSwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww ^ S ! <###> <#> I S #', '# @ ! {###wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwD{# M M M # G G G G G G # <###> GM G G MG G <#> G MG G G MG G G MG G G G G G G #', '#################################################################################################################################################################################', ], [ '######################## # ##############################################', '# lIIIl l l l lIIIl ### ### m m #', '# l l l l l l l # # #', '# l l l l l l l <#> <#> #', '# l l l l l l I I #', '# l l l l l l #', '# l l #', '# l l ^ #', '# l <#> #', '# l l I #', '# l l l l l l #', '# l l l l l l l ^ ^ #', '# l l l l l l l <#> <#> #', '# l l l l l l l # # S #', '# @ ! l l l^^^^l l l l ### ### M M ! #', '######################## # ##############################################', ], ]; //The current "Level" var Level = 1; /Something to "call" in another object that uses "this" for collision purposes/ var Rect = (function() { this.boundingBox = {}; //Any time you move an object call this afterward this.updateBoundingBox = (function() { this.boundingBox.minX = this.x; this.boundingBox.maxX = this.x + this.width; this.boundingBox.minY = this.y; this.boundingBox.maxY = this.y + this.height; }); //Just for x this.updateBoundingBoxX = (function() { this.boundingBox.minX = this.x; this.boundingBox.maxX = this.x + this.width; }); //Just for y this.updateBoundingBoxY = (function() { this.boundingBox.minY = this.y; this.boundingBox.maxY = this.y + this.height; }); this.updateBoundingBox(); }); /Empty arrays to push new objects in the level maps array/ // { // So we can push the player's position into the level map array var playerPos = []; //The "blocks" array var blocks = []; //The "triangleBlocks" array var slantedBlocks = []; //The "signs" array var signs = []; //The "water" array var water = []; //The "air" array var air = []; //The "lava" array var lava = []; //The "spikes" array var spikes = []; //The "minions" array var minions = []; //The "sticks" array var sticks = []; //The "grass" array var grass = []; //The "particles" array var particles = []; //} /Signs' messages for each level/ var Messages = [ [ "Yikes! Spikes!", "Beware, sometimes Jungle Monsters roam here. Hop on them to get rid of them.", "I wouldn't touch that stuff if I were you....", "After your dam was destroyed, you came to here to collect sticks to rebuild it.", "Look hard, some sticks are hard to find.", "Once you've collected all of the sticks here, we can look elsewhere in the jungle.", "You may have to use your super beaver ability and flip gravity.", ], [ "Yikes?", "Don't fall!", ], [ "You'd better hurry through this level!", ], [ "Gulp.... Are you sure we have to go that way?", "Let's go for a swim! But make sure to come up to get more breath.", ], [ "You need one more stick to build your dam!", "Thanks for playing! I hope you had fun collecting sticks to build your dam!", ], ]; /Particle object, used to push into another object(s)*/ // { var Particle = (function(config) { //The position of the particles this.x = config.x; this.y = config.y; //The size of the particles this.width = 5; this.height = 5; //Movement of the particles this.xVelocity = random(-0.5, 0.5); this.yVelocity = random(-3, -6); this.yAcceleration = 0.2; //Bounces of the particles bouncing off the obstacles this.bounces = 0; //The color of the particles (this should match the main color of the player) this.red = config.red \|\| 175; this.green = config.green \|\| 120; this.blue = config.blue \|\| 0; this.alpha = 255; Rect.call(this); }); Particle.prototype.draw = (function() { noStroke(); fill(this.red, this.green, this.blue, this.alpha); pushMatrix(); translate(this.x + this.width/2, this.y + this.height/2); ellipse(0, 0, this.width, this.height); popMatrix(); this.x += this.xVelocity; this.y += this.yVelocity; this.yVelocity += this.yAcceleration; this.alpha--; //Colliding with blocks on the top and bottom for (var blockNum = 0; blockNum < blocks[Level - 1].length; blockNum++) { var BLOCK = blocks[Level - 1][blockNum]; if (boundingBoxCollide(this.boundingBox, BLOCK.boundingBox)) { if (this.y - (abs(this.yVelocity) 1.1) > BLOCK.y) { this.y = BLOCK.y + BLOCK.height; this.yVelocity = -1; } else { if (this.bounces === 0) { this.y = BLOCK.y - this.height; this.yVelocity = -0.4; this.bounces = 1; } else if (this.bounces === 1) { this.y = BLOCK.y - this.height; this.yVelocity = 0; this.yAcceleration = 0; this.xVelocity = 0; } } } } //Colliding with the triangle blocks on the bottom for (var blockNum = 0; blockNum < slantedBlocks[Level - 1].length; blockNum++) { var BLOCK = slantedBlocks[Level - 1][blockNum]; if (boundingBoxCollide(this.boundingBox, BLOCK.boundingBox)) { if (this.y - (abs(this.yVelocity) * 1.1) > BLOCK.y && (BLOCK.type === "{" \|\| BLOCK.type === "}")) { this.y = BLOCK.y + BLOCK.height; this.yVelocity = -1; } else if (this.y < BLOCK.y && (BLOCK.type === "[" \|\| BLOCK.type === "]")) { if (this.bounces === 0) { this.y = BLOCK.y - this.height; this.yVelocity = -0.4; this.bounces = 1; } else if (this.bounces === 1) { this.y = BLOCK.y - this.height; this.yVelocity = 0; this.yAcceleration = 0; this.xVelocity = 0; } } } } this.updateBoundingBox(); }); //} /Player object/ // { var Player = (function(config) { //Position this.x = config.x; this.y = config.y; //Size this.width = config.width \|\| 40; this.height = config.height \|\| 40; //Moving the player this.xVelocity = 0; this.xAcceleration = 0; this.yAcceleration = 0; this.yVelocity = 0; //Are you dead? this.die = false; //What way did you die? Your deaths could be "fall", "broken", or "fried". this.death = "None";//Well you don't start out dead so... //Just a variable to keep track of time when you die this.deathTime = 0; //Smoke for the player getting fried this.smokeColor = [110, 133]; //Lives you have left this.lives = 3; //Are you in the water? this.inWater = false; //Just a variable to keep track of time this.countTime = 0; //How much breath the player has left this.breath = 500; //Is the player looking left or right? this.state = "right"; //Are you a slant block? this.onSlantBlock = false; //Are you upside down? (flipped gravity) this.upSideDown = false; //Flip time for pressing "SPACE" and flipping gravity this.flipTime = 0; //Max speed this.maxSpeed = 5; this.maxSpeed = 5; //What is the player's image? this.image = config.image \|\| getImage("creatures/Hopper-Happy"); //Invincinble stuff this.invincible = false; this.inTime = 0; this.inCount = 0; //For sounds this.soundTime = 0; this.soundCount = 0; //Are you upside down? (flipped gravity) this.upSideDown = false; //Flip time for pressing "SPACE" and fllipping gravity this.flipTime = 0; //Collected sticks this.sticksCollected = 0; //Calling the rect function to make "Player.minX, ect" for collision purposes Rect.call(this); }); Player.prototype.moveX = (function() { if (input[LEFT] && this.xVelocity > -this.maxSpeed && !LevelLose) { this.xAcceleration = -0.2; } else if (input[RIGHT] && this.xVelocity < this.maxSpeed && !LevelLose) { this.xAcceleration = 0.2; } else if (abs(this.xVelocity) > 0.2) { this.xAcceleration = (this.xVelocity < 0) ? 0.2 : -0.2; //Friction } else { this.xVelocity = 0; this.xAcceleration = 0; } if (!this.inWater) { this.maxSpeed = 5; } else if (this.inWater) { this.maxSpeed = 3; } //The player's "x" posision is changing. this.x += this.xVelocity; this.xVelocity += this.xAcceleration; //Changing states if (input[LEFT]) { this.state = "left"; } else if (input[RIGHT]) { this.state = "right"; } /Update the bounding box (X) for collisions/ this.updateBoundingBoxX(); }); Player.prototype.moveY = (function() { if (!this.upSideDown) { //Jumping if your not in water if (!this.inWater) { if (input[UP] && ((abs(this.yVelocity) < 0.1 && abs(this.yAcceleration) < 0.1) \|\| this.onSlantBlock)) { if (abs(this.xVelocity) > 4) { this.yVelocity = -6; } else { this.yVelocity = -5; } } if (this.yVelocity < 8) { this.yAcceleration = 0.2; } else { this.yAcceleration = 0; } } else if (this.inWater) { if (input[UP]) { this.yVelocity = -2; } else { this.yVelocity = 2; } } this.y += this.yVelocity; this.yVelocity += this.yAcceleration; } else if (this.upSideDown) { //Jumping if your not in water if (!this.inWater) { if (input[UP] && ((abs(this.yVelocity) < 0.1 && abs(this.yAcceleration) < 0.1) \|\| this.onSlantBlock) && !LevelLose) { if (abs(this.xVelocity) > 4) { this.yVelocity = 6; } else { this.yVelocity = 5; } } if (this.yVelocity < 8) { this.yAcceleration = -0.2; } else { this.yAcceleration = 0; } } else if (this.inWater) { if (input[UP]) { this.yVelocity = 2; } else { this.yVelocity = -2; } } this.y += this.yVelocity; this.yVelocity += this.yAcceleration; } //Falling out of the screen if (this.y > LevelInfo.height \|\| this.y < -this.height) { this.die = true; this.lives = 0; this.death = "fall"; } /Update the bounding box (Y) for collisions/ this.updateBoundingBoxY(); }); Player.prototype.collideX = (function() { //Colliding with blocks on the side for (var blockNum = 0; blockNum < blocks[Level - 1].length; blockNum++) { var BLOCK = blocks[Level - 1][blockNum]; if (boundingBoxCollide(this.boundingBox, BLOCK.boundingBox) && (!this.onSlantBlock \|\| (abs(this.y - BLOCK.y) < 2))) { //Sound if (Sound && abs(this.xVelocity) > 0.5) { playSound(getSound("rpg/hit-thud")); } if (this.x > BLOCK.x) { this.x = BLOCK.x + BLOCK.width; //Bouncing off the walls by pressing "a" and "UP" (scaling) if (input[UP] && input[65] && this.y + this.height > BLOCK.y) { if (!this.upSideDown) { this.yVelocity = -4; } else { this.yVelocity = 4; } this.xVelocity = 4; } else { this.xVelocity = 0; } } else { this.x = BLOCK.x - this.width; //More scaling (opposite side) if (input[UP] && input[65] && this.y + this.height > BLOCK.y) { if (!this.upSideDown) { this.yVelocity = -4; } else { this.yVelocity = 4; } this.xVelocity = -4; } else { this.xVelocity = 0; } } } } //Colliding with the triangle blocks on the non-slanted side for (var blockNum = 0; blockNum < slantedBlocks[Level - 1].length; blockNum++) { var BLOCK = slantedBlocks[Level - 1][blockNum]; if (boundingBoxCollide(this.boundingBox, BLOCK.boundingBox)) { if (this.x > BLOCK.x + BLOCK.width - (abs(this.xVelocity) * 1.1) && (BLOCK.type === "{" \|\| BLOCK.type === "[") && (!this.onSlantBlock \|\| (BLOCK.type === "{" && abs(this.y - BLOCK.y) < this.height - abs(this.xVelocity) * 1.1) \|\| (BLOCK.type === "[" && abs(this.y - BLOCK.y) < 2 - abs(this.xVelocity) * 1.1))) { //Sound if (Sound && abs(this.xVelocity) > 0.5) { playSound(getSound("rpg/hit-thud")); } this.x = BLOCK.x + BLOCK.width; //Bouncing off the walls by pressing "a" and "UP" (scaling) if (input[UP] && input[65] && this.y + this.height > BLOCK.y) { if (!this.upSideDown) { this.yVelocity = -4; } else { this.yVelocity = 4; } this.xVelocity = 4; } else { this.xVelocity = 0; } } else if (this.x + this.width < BLOCK.x + (abs(this.xVelocity) * 1.1) && (BLOCK.type === "}" \|\| BLOCK.type === "]") && (!this.onSlantBlock \|\| (BLOCK.type === "]" && abs(this.y - BLOCK.y) < (2 + abs(this.xVelocity) * 1.1) \|\| (BLOCK.type === "}" && abs(this.y - BLOCK.y) < (this.height - abs(this.xVelocity) * 1.1))))) { //Sound if (Sound && abs(this.xVelocity) > 0.5) { playSound(getSound("rpg/hit-thud")); } this.x = BLOCK.x - this.width; //More scaling (opposite side) if (input[UP] && input[65] && this.y + this.height > BLOCK.y) { if (!this.upSideDown) { this.yVelocity = -4; } else { this.yVelocity = 4; } this.xVelocity = -4; } else { this.xVelocity = 0; } } } } //Colliding with signs for (var signNum = 0; signNum < signs[Level - 1].length; signNum++) { var SIGN = signs[Level - 1][signNum]; if (boundingBoxCollide(this.boundingBox, SIGN.boundingBox)) { SIGN.message = Messages[Level - 1][signNum]; SIGN.drawMessage = true; } else { SIGN.drawMessage = false; SIGN.a = 0; } } //Colliding with water for (var waterNum = 0; waterNum < water[Level - 1].length; waterNum++) { var WATER = water[Level - 1][waterNum]; if (boundingBoxCollide(this.boundingBox, WATER.boundingBox)) { var PlayerMiddle = this.y + this.height/2, WaterMiddle = WATER.y + WATER.height/2; if (abs(PlayerMiddle - WaterMiddle) < this.height) { this.inWater = true; this.countTime = 0; this.onSlantBlock = false; if (Sound && (abs(this.xVelocity) > 0 \|\| abs(this.yVelocity) > 0)) { this.soundTime++; if (this.soundTime > 20) { playSound(getSound("rpg/water-bubble")); this.soundTime = 0; } } } } } //Colliding with water for (var lavaNum = 0; lavaNum < lava[Level - 1].length; lavaNum++) { var LAVA = lava[Level - 1][lavaNum]; if (boundingBoxCollide(this.boundingBox, LAVA.boundingBox)) { var PlayerMiddle = this.y + this.height/2, LavaMiddle = LAVA.y + LAVA.height/2; if ((abs(PlayerMiddle - LavaMiddle) + abs(this.xVelocity)) < this.height) { this.die = true; this.death = "fried"; this.lives = 0; } } } //Colliding with spikes for (var spikeNum = 0; spikeNum < spikes[Level - 1].length; spikeNum++) { var SPIKE = spikes[Level - 1][spikeNum]; if (rectToTriCollide(this, SPIKE) && !this.invincible) { this.onSlantBlock = true; if (SPIKE.side === "bottom") { this.yVelocity = -5; } else if (SPIKE.side === "top") { this.yVelocity = 5; } else if (SPIKE.side === "left") { this.xVelocity = 5; } else if (SPIKE.side === "right") { this.xVelocity = -5; } this.lives--; if (Sound) { playSound(getSound("rpg/giant-hyah")); } if (this.lives === 0) { this.death = "broken"; } this.invincible = true; } } //Colliding with minions for (var minionNum = 0; minionNum < minions[Level - 1].length; minionNum++) { var MINI = minions[Level - 1][minionNum]; if (!this.upSideDown) { if (boundingBoxCollide(this.boundingBox, MINI.boundingBox) && !MINI.upSideDown) { if (this.y + this.height - abs(this.yVelocity * 1.1) - abs(MINI.yVelocity * 1.1) < MINI.y) { minions[Level - 1].splice(minionNum, 1); if (Sound) { playSound(getSound("rpg/hit-splat")); } for (var i = 0; i < 15; i++) { particles.push(new Particle({ x: MINI.x + random(0, MINI.width), y: MINI.y + random(0, MINI.height), red: 0, green: 225, blue: 0 })); } } else if (!this.invincible) { this.xVelocity = (this.x < MINI.x) ? -5 : 5; this.lives--; if (Sound) { playSound(getSound("rpg/giant-hyah")); } if (this.lives === 0) { this.death = "broken"; } this.invincible = true; } this.yVelocity = -5; } else if (boundingBoxCollide(this.boundingBox, MINI.boundingBox) && MINI.upSideDown && !this.invincible) { this.xVelocity = (this.x < MINI.x) ? -5 : 5; this.lives--; if (Sound) { playSound(getSound("rpg/giant-hyah")); } if (this.lives === 0) { this.death = "broken"; } this.invincible = true; this.yVelocity = 5; } } else if (this.upSideDown) { if (boundingBoxCollide(this.boundingBox, MINI.boundingBox) && !MINI.upSideDown && !this.invincible) { this.xVelocity = (this.x < MINI.x) ? -5 : 5; this.lives--; if (Sound) { playSound(getSound("rpg/giant-hyah")); } if (this.lives === 0) { this.death = "broken"; } this.invincible = true; this.yVelocity = -5; } else if (boundingBoxCollide(this.boundingBox, MINI.boundingBox) && MINI.upSideDown) { if (this.y + abs(this.yVelocity * 1.1) + abs(MINI.yVelocity * 1.1) > MINI.y + MINI.height) { minions[Level - 1].splice(minionNum, 1); if (Sound) { playSound(getSound("rpg/hit-splat")); } for (var i = 0; i < 15; i++) { particles.push(new Particle({ x: MINI.x + random(0, MINI.width), y: MINI.y + random(0, MINI.height), red: 0, green: 225, blue: 0 })); } } else if (!this.invincible) { this.xVelocity = (this.x < MINI.x) ? -5 : 5; this.lives--; if (Sound) { playSound(getSound("rpg/giant-hyah")); } if (this.lives === 0) { this.death = "broken"; } this.invincible = true; } this.yVelocity = 5; } } } //Colliding with the grass for (var grassNum = 0; grassNum < grass[Level - 1].length; grassNum++) { var GRASS = grass[Level - 1][grassNum]; var grassMiddle = GRASS.xGoal; if (boundingBoxCollide(this.boundingBox, GRASS.boundingBox)) { this.maxSpeed = 2; //Grass getting smashed if (this.x + this.width > grassMiddle && !GRASS.comeRight && this.xVelocity < 0) { GRASS.comeLeft = true; GRASS.moveX = this.x; } else if (this.x < grassMiddle && !GRASS.comeLeft && this.xVelocity > 0) { GRASS.comeRight = true; GRASS.moveX = this.x + this.width; } var grassDistance = sqrt(sq(GRASS.moveX - grassMiddle) + sq(GRASS.moveY - (GRASS.y + GRASS.height))); if (grassDistance > 15 && GRASS.moveY < GRASS.y + GRASS.height/2) { GRASS.moveY += abs(grassDistance)/15; } } else { GRASS.comeLeft = false; GRASS.comeRight = false; GRASS.moveX -= (GRASS.moveX - grassMiddle)/50; GRASS.moveY -= (GRASS.moveY - GRASS.y); } //Grass coming back up if (abs(player.xVelocity) < 0.1) { GRASS.moveX -= (GRASS.moveX - grassMiddle)/50; GRASS.moveY -= (GRASS.moveY - GRASS.y); } } //Colliding with sticks for (var stickNum = 0; stickNum < sticks[Level - 1].length; stickNum++) { var STICK = sticks[Level - 1][stickNum]; if (boundingBoxCollide(this.boundingBox, STICK.boundingBox)) { sticks[Level - 1].splice(stickNum, 1); this.sticksCollected++; } } /Update the bounding box (X) for collisions/ this.updateBoundingBoxX(); }); Player.prototype.collideY = (function() { if (!this.upSideDown) { //Colliding with blocks on the top and bottom for (var blockNum = 0; blockNum < blocks[Level - 1].length; blockNum++) { var BLOCK = blocks[Level - 1][blockNum]; if (boundingBoxCollide(this.boundingBox, BLOCK.boundingBox)) { if (this.y > BLOCK.y) { //Sound if (Sound && abs(this.yVelocity) > 0.5 && !this.inWater) { playSound(getSound("rpg/hit-thud")); } this.y = BLOCK.y + BLOCK.height; this.yVelocity = -1; } else { //Sound if (Sound && abs(this.yVelocity) > 0.5 && !this.inWater) { playSound(getSound("rpg/hit-thud")); } this.y = BLOCK.y - this.height; this.yVelocity = 0; this.yAcceleration = 0; } } } //Colliding with the triangle blocks on the bottom for (var blockNum = 0; blockNum < slantedBlocks[Level - 1].length; blockNum++) { var BLOCK = slantedBlocks[Level - 1][blockNum]; if (boundingBoxCollide(this.boundingBox, BLOCK.boundingBox)) { if (this.y > BLOCK.y && (BLOCK.type === "{" \|\| BLOCK.type === "}")) { //Sound if (Sound && abs(this.yVelocity) > 0.5 && !this.inWater) { playSound(getSound("rpg/hit-thud")); } this.y = BLOCK.y + BLOCK.height; this.yVelocity = -1; } else if (this.y < BLOCK.y && (BLOCK.type === "[" \|\| BLOCK.type === "]")) { //Sound if (Sound && abs(this.yVelocity) > 0.5 && !this.inWater) { playSound(getSound("rpg/hit-thud")); } this.y = BLOCK.y - this.height; this.yVelocity = 0; this.yAcceleration = 0; } } } } else if (this.upSideDown) { //Colliding with blocks on the top and bottom for (var blockNum = 0; blockNum < blocks[Level - 1].length; blockNum++) { var BLOCK = blocks[Level - 1][blockNum]; if (boundingBoxCollide(this.boundingBox, BLOCK.boundingBox)) { if (this.y > BLOCK.y) { //Sound if (Sound && abs(this.yVelocity) > 0.5 && !this.inWater) { playSound(getSound("rpg/hit-thud")); } this.y = BLOCK.y + BLOCK.height; this.yVelocity = 0; this.yAcceleration = 0; } else { //Sound if (Sound && abs(this.yVelocity) > 0.5 && !this.inWater) { playSound(getSound("rpg/hit-thud")); } this.y = BLOCK.y - this.height; this.yVelocity = -1; } } } //Colliding with the triangle blocks on the bottom for (var blockNum = 0; blockNum < slantedBlocks[Level - 1].length; blockNum++) { var BLOCK = slantedBlocks[Level - 1][blockNum]; if (boundingBoxCollide(this.boundingBox, BLOCK.boundingBox)) { if (this.y < BLOCK.y && (BLOCK.type === "[" \|\| BLOCK.type === "]")) { //Sound if (Sound && abs(this.yVelocity) > 0.5 && !this.inWater) { playSound(getSound("rpg/hit-thud")); } this.y = BLOCK.y - this.height; this.yVelocity = -1; } else if (this.y > BLOCK.y && (BLOCK.type === "{" \|\| BLOCK.type === "}")) { //Sound if (Sound && abs(this.yVelocity) > 0.5 && !this.inWater) { playSound(getSound("rpg/hit-thud")); } this.y = BLOCK.y + BLOCK.height; this.yVelocity = 0; this.yAcceleration = 0; } } } } /Update the bounding box (Y) for collisions/ this.updateBoundingBoxY(); }); Player.prototype.draw = (function() { /Being invincinble/ if (this.invincible) { this.inTime++; if (this.inTime > 10) { this.inTime = 0; this.inCount++; } if (this.inCount > 5) { this.invincible = false; this.inTime = 0; this.inCount = 0; } } //Making the image mode to center so we can scale the image around it's center imageMode(CENTER); /Changing images/ if ((!this.upSideDown && this.yVelocity < 0) \|\| (this.upSideDown && this.yVelocity > 0)) { this.image = getImage("creatures/Hopper-Jumping"); } else { this.image = getImage("creatures/Hopper-Happy"); } /Drawing the image of the character/ pushMatrix(); translate(this.x + this.width/2, this.y + this.height/2); if (this.state === "right") { if (!this.upSideDown) { scale(-1, 1); } else if (this.upSideDown) { scale(-1, -1); } } else if (this.state === "left") { if (!this.upSideDown) { scale(1, 1); } else if (this.upSideDown) { scale(1, -1); } } if (this.death === "None") { if (this.inTime <= 5) { image(this.image, 0, 0, this.width, this.height); } } else if (this.death === "fried") { fill(this.smokeColor[0], this.smokeColor[0], this.smokeColor[0]); noStroke(); ellipse(0, 0, 20, 20); ellipse(0, 0, 15, 35); fill(this.smokeColor[1], this.smokeColor[1], this.smokeColor[1]); ellipse(10, -5, 20, 20); ellipse(-5, 5, 20, 20); ellipse(-10, -5, 20, 20); stroke(0, 0, 0); this.y -= 1; this.smokeColor[0] -= 4; this.smokeColor[1] -= 4; } popMatrix(); /Drawing the particles if your character got "broken"/ for (var i = 0; i < particles.length; i++) { particles[i].draw(); if (particles[i].alpha <= 0) { particles.splice(i, 1); } } /Changing states/ if (input[LEFT]) { this.state = "left"; } else if (input[RIGHT]) { this.state = "right"; } if (input[32] && this.flipTime === 0 && !this.die) { this.flipTime += 25; if (!this.upSideDown) { this.upSideDown = true; } else if (this.upSideDown) { this.upSideDown = false; } } else if (this.flipTime > 0 && !this.die) { this.flipTime--; } /Running out of time/ if (LevelInfo.time <= 0 && !LevelWin) { this.die = true; if (this.death !== "fried" && this.death !== "fall") { this.death = "broken"; } } /Losing breath when your in water/ if (this.inWater) { this.breath -= 2; } else { this.breath = 500; } /Running out of breath/ if (this.breath <= 0) { this.breath = 500; this.lives--; if (this.lives <= 0) { this.death = "broken"; } } /Flipping gravity/ if (input[32] && this.flipTime === 0 && !this.die) { this.flipTime += 10; if (!this.upSideDown) { this.upSideDown = true; } else if (this.upSideDown) { this.upSideDown = false; } } else if (this.flipTime > 0 && !this.die) { this.flipTime--; } /Winning by collecting all of the sticks/ if (this.sticksCollected === LevelInfo.requiredSticks) { LevelWin = true; } imageMode(CORNER); }); var player = new Player ({}); //} /Block object, interactive/ // { var Block = (function(config) { this.x = config.x; this.y = config.y; this.width = config.width \|\| 25; this.height = config.height \|\| 25; Rect.call(this); }); //Moving with the camera Block.prototype.move = (function() { //We need to update where the blocks are, even if they never appear to move (because of the camera function) this.updateBoundingBox(); }); Block.prototype.draw = (function() { image(Graphics.get("JungleBlock"), this.x, this.y); }); //} /Beam object, used for spikes and slanted blocks/ // { var Beam = (function(x1, y1, x2, y2) { this.x1 = min(x1, x2); //Organizes the xs this.y1 = (this.x1 === x1) ? y1 : y2; //Organizes the ys this.x2 = max(x1, x2); //More organizing this.y2 = (this.x2 === x2) ? y2 : y1; //More organizing this.slope = (this.y1 - this.y2) / (this.x1 - this.x2); //Finds slope, rise/run }); Beam.prototype.returnY = (function(x) { var X = constrain(x, this.x1, this.x2); var y = map(X, this.x1, this.x2, this.y1, this.y2); return y; }); Beam.prototype.collide = (function(character) { var highY = min( //Returns the higher up collide of the two this.returnY(character.x), //Finds the Y for the left of the beaver this.returnY(character.x + character.width) //Finds the Y for the right side ); //Does same for lower one var lowY = max(this.returnY(character.x), this.returnY(character.x + character.width)); //First checks if the "y" & "x" is within range and that he's not dead if (character.y + character.height > highY && character.y < lowY && character.x + character.width > this.x1 && character.x < this.x2 && !character.die) { //The "y" of the beam in the center of the character var middleY = this.returnY(character.x + character.width / 2); //Checks if the character is below or above the center of the beam if (character.y + character.height / 2 < middleY && !character.upSideDown) { //Character is above beam character.y = min(highY - character.height, character.y); //Sets the y to the higher option if (Sound && abs(character.yVelocity) > 0.5 && !character.onslantBlock) { playSound(getSound("rpg/hit-thud")); } character.yVelocity = 0; character.yAcceleration = 0; character.onSlantBlock = true; } else if (!character.upSideDown) { //Character is below beam character.y = max(lowY, character.y); //Sets the y to the lower option character.yVelocity = -1; } else if (character.y + character.height / 2 < middleY && character.upSideDown) { //Character is above beam character.y = min(highY - character.height, character.y); //Sets the y to the higher option character.yVelocity = -1; } else if (character.upSideDown) { //Character is below beam character.y = max(lowY, character.y); //Sets the y to the lower option character.yVelocity = 0; character.yAcceleration = 0; character.onSlantBlock = true; } } for (var particleNum = 0; particleNum < particles.length; particleNum++) { var p = particles[particleNum]; if (p.y + p.height > highY && p.y < lowY && p.x + p.width > this.x1 && p.x < this.x2) { //The "y" of the beam in the center of the particle var middleY = this.returnY(p.x + p.width / 2); //Checks if the particle is below or above the center of the beam if (p.y + p.height / 2 < middleY) { //Particle is above the beam if (p.bounces === 0) { p.y = min(highY - p.height, p.y); p.yVelocity = -0.4; p.xVelocity = -this.slope; p.bounces = 1; } else if (p.bounces === 1) { p.y = min(highY - p.height, p.y); p.yVelocity = 0; p.yAcceleration = 0; p.xVelocity = 0; } } else { //Particle is below beam p.y = max(lowY, p.y); p.yVelocity = -1; } } } }); Beam.prototype.run = (function(character) { this.collide(character); }); //} /Slanted block object, interactive/ // { var SlantedBlock = (function(config) { this.beams = []; this.x = config.x; this.y = config.y; this.width = config.width \|\| 25; this.height = config.height \|\| 25; this.type = config.type \|\| "{"; this.slope = config.slope \|\| -1; //1 or 3 if ((this.type === "}") \|\| (this.type === "[")) { this.beams.push(new Beam(this.x, this.y, this.x + this.width, this.y + this.height)); //2 or 4 } else if ((this.type === "{") \|\| (this.type === "]")) { this.beams.push(new Beam(this.x + this.width, this.y, this.x, this.y + this.height)); } Rect.call(this); }); //Moving with the camera SlantedBlock.prototype.move = (function() { //We need to update where the triangle blocks are, even if they never appear to move (because of the camera function) this.updateBoundingBox(); for (var i = 0; i < this.beams.length; i++) { //Colliding with minions for (var minionNum = 0; minionNum < minions[Level - 1].length; minionNum++) { var MINI = minions[Level - 1][minionNum]; this.beams[i].run(MINI); } } }); SlantedBlock.prototype.draw = (function() { imageMode(CENTER); pushMatrix(); translate(this.x + this.width/2, this.y + this.height/2); if (this.type === "{") { scale(1, 1); } else if (this.type === "}") { scale(-1, 1); } else if (this.type === "[") { scale(1, -1); } else if (this.type === "]") { scale(-1, -1); } image(Graphics.get("SlantedJungleBlock"), 0, 0); popMatrix(); imageMode(CORNER); for (var i = 0; i < this.beams.length; i++) { if (!player.die) { this.beams[i].run(player); } } }); //} /Sign object, interactive/ // { var Sign = (function(config) { this.x = config.x; this.y = config.y; this.width = config.width \|\| 25; this.height = config.height \|\| 25; this.message = config.message; this.drawMessage = false; this.a = 0; Rect.call(this); }); //Moving with the camera Sign.prototype.move = (function() { //We need to update where the signs are, even if they never appear to move (because of the camera function) this.updateBoundingBox(); }); Sign.prototype.draw = (function() { //Drawing the graphic image(Graphics.get("Sign"), this.x, this.y); //Drawing the message textAlign(CENTER, CENTER); if (this.drawMessage) { textSize(15); fill(255, 165, 50); text(this.message.substring(this.a, 0), this.x - this.width 1.5, this.y - (this.height * 5), this.width * 4, this.height * 6); this.a += 0.5; } textAlign(TOP, LEFT); }); //} /Bubble object, used to push into another object(s)/ // { var Bubble = (function(config) { this.x = config.x; this.y = config.y; this.width = config.width \|\| random(10, 15); this.height = config.height \|\| random(10, 15); this.type = config.type \|\| "water"; this.alpha = config.alpha \|\| random(50, 100); this.time = 0; }); Bubble.prototype.draw = (function() { this.time++; this.alpha -= 6; noStroke(); if (this.type === "water") { fill(255, 255, 255, this.alpha); } else if (this.type === "lava") { fill(150, 0, 200, this.alpha); } ellipse(this.x, this.y, this.width, this.height); }); //} /Water object, interactive/ // { var Water = (function(config) { this.x = config.x; this.y = config.y; this.width = config.width \|\| 25; this.height = config.height \|\| 25; //Making an empty "bubbles" array this.bubbles = []; Rect.call(this); }); //Moving with the camera Water.prototype.move = (function() { //We need to update where the water blocks are, even if they never appear to move (because of the camera function) this.updateBoundingBox(); }); Water.prototype.draw = (function() { //Drawing the graphic of water image(Graphics.get("Water"), this.x, this.y); //Adding bubbles if (boundingBoxCollide(this.boundingBox, player.boundingBox)) { if (player.y > this.y) { this.bubbles.push(new Bubble({ x: player.x + player.width/2, y: player.y + player.height/2, })); } } //Removing the bubbles for (var bubbleNum = 0; bubbleNum < this.bubbles.length; bubbleNum++) { if (this.bubbles[bubbleNum].time > 15) { this.bubbles.splice(bubbleNum, 1); } } }); //} /Minion object, interactive/ // { var Minion = (function(config) { //Position this.x = config.x; this.y = config.y; //Size this.width = config.width \|\| 40; this.height = config.height \|\| 40; //Is the minion dead? this.die = false; //Lives this.lives = config.lives \|\| 1; //Moving the minions this.xVelocity = 0; this.xAcceleration = 0; this.yAcceleration = 0; this.yVelocity = 0; //Is the minions looking left or right? this.state = "right"; //Is the minon on an slant block? this.onSlantBlock = false; //Is the minion upside down? (flipped gravity) this.upSideDown = config.upSideDown \|\| false; //Max speed this.maxSpeed = config.maxSpeed \|\| 2; //What is the player's image? this.image = config.image \|\| Graphics.get("Minion"); //Maybe make advanced movement for minions? //For jumping this.jump = false; //For "timed" movement this.time = 0; //For moving left and right this.moveLeft = true; this.moveRight = false; this.moveTime = 0; //For being in grass this.grassTime = 0; //Calling the rect function to make "Player.minX, ect" for collision purposes Rect.call(this); }); Minion.prototype.moveX = (function() { if (this.moveLeft && this.xVelocity > -this.maxSpeed) { this.xAcceleration = -0.2; } else if (this.moveRight && this.xVelocity < this.maxSpeed) { this.xAcceleration = 0.2; } else if (abs(this.xVelocity) > 0.2) { this.xAcceleration = (this.xVelocity < 0) ? 0.2 : -0.2; } else { this.xVelocity = 0; this.xAcceleration = 0; } //The player's "x" posision is changing this.x += this.xVelocity; this.xVelocity += this.xAcceleration; //Changing states if (this.moveLeft) { this.state = "left"; } else if (this.moveRight) { this.state = "right"; } /Update the bounding box (X) for collisions/ this.updateBoundingBoxX(); }); Minion.prototype.moveY = (function() { if (!this.upSideDown) { //Jumping if your not in water if (this.jump && ((abs(this.yVelocity) < 0.1 && abs(this.yAcceleration) < 0.1) \|\| this.onSlantBlock)) { if (abs(this.xVelocity) > 4) { this.yVelocity = -6; } else { this.yVelocity = -5; } } if (this.yVelocity < 8) { this.yAcceleration = 0.2; } else { this.yAcceleration = 0; } this.y += this.yVelocity; this.yVelocity += this.yAcceleration; } else if (this.upSideDown) { //Jumping if your not in water if (this.jump && ((abs(this.yVelocity) < 0.1 && abs(this.yAcceleration) < 0.1) \|\| this.onSlantBlock)) { if (abs(this.xVelocity) > 4) { this.yVelocity = 6; } else { this.yVelocity = 5; } } if (this.yVelocity < 8) { this.yAcceleration = -0.2; } else { this.yAcceleration = 0; } this.y += this.yVelocity; this.yVelocity += this.yAcceleration; } this.grassTime++; if (this.grassTime > 3) { this.maxSpeed = 2; this.grassTime = 0; } //Falling out of the screen if ((this.y > LevelInfo.height && !this.upSideDown) \|\| (this.y < -this.height && this.upSideDown)) { this.die = true; } /Update the bounding box (Y) for collisions/ this.updateBoundingBoxY(); }); Minion.prototype.collideX = (function() { //Colliding with blocks on the side for (var blockNum = 0; blockNum < blocks[Level - 1].length; blockNum++) { var BLOCK = blocks[Level - 1][blockNum]; if (boundingBoxCollide(this.boundingBox, BLOCK.boundingBox) && (!this.onSlantBlock \|\| (abs(this.y - BLOCK.y) < 2))) { if (this.x > BLOCK.x) { this.x = BLOCK.x + BLOCK.width; this.xVelocity = -1; this.moveRight = true; this.moveLeft = false; } else { this.x = BLOCK.x - this.width; this.xVelocity = -1; this.moveLeft = true; this.moveRight = false; } } } //Colliding with blocks on the side for (var spikeNum = 0; spikeNum < spikes[Level - 1].length; spikeNum++) { var SPIKE = spikes[Level - 1][spikeNum]; if (boundingBoxCollide(this.boundingBox, SPIKE.boundingBox) && (!this.onSlantBlock \|\| (abs(this.y - SPIKE.y) < 2))) { if (this.x > SPIKE.x) { this.x = SPIKE.x + SPIKE.width; this.xVelocity = -1; this.moveRight = true; this.moveLeft = false; } else { this.x = SPIKE.x - this.width; this.xVelocity = -1; this.moveLeft = true; this.moveRight = false; } } } //Colliding with the slanted blocks on the non-slanted side for (var blockNum = 0; blockNum < slantedBlocks[Level - 1].length; blockNum++) { var BLOCK = slantedBlocks[Level - 1][blockNum]; if (boundingBoxCollide(this.boundingBox, BLOCK.boundingBox)) { if (this.x > BLOCK.x + BLOCK.width - (abs(this.xVelocity) * 1.1) && (BLOCK.type === "{" \|\| BLOCK.type === "[") && (!this.onSlantBlock \|\| (BLOCK.type === "{" && abs(this.y - BLOCK.y) < this.height - abs(this.xVelocity) * 1.1) \|\| (BLOCK.type === "[" && abs(this.y - BLOCK.y) < 2 - abs(this.xVelocity) * 1.1))) { this.x = BLOCK.x + BLOCK.width; this.moveLeft = false; this.moveRight = true; } else if (this.x + this.width < BLOCK.x + (abs(this.xVelocity) * 1.1) && (BLOCK.type === "}" \|\| BLOCK.type === "]") && (!this.onSlantBlock \|\| (BLOCK.type === "]" && abs(this.y - BLOCK.y) < (2 + abs(this.xVelocity) * 1.1) \|\| (BLOCK.type === "}" && abs(this.y - BLOCK.y) < (this.height - abs(this.xVelocity) * 1.1))))) { this.x = BLOCK.x - this.width; this.moveRight = false; this.moveLeft = true; } } } //Colliding with the grass for (var grassNum = 0; grassNum < grass[Level - 1].length; grassNum++) { var GRASS = grass[Level - 1][grassNum]; var grassMiddle = GRASS.x + GRASS.width/2; if (boundingBoxCollide(this.boundingBox, GRASS.boundingBox)) { this.maxSpeed = 1; //Grass getting smashed if (this.x + this.width > grassMiddle && !GRASS.comeRight && this.xVelocity < 0) { GRASS.comeLeft = true; GRASS.moveX = this.x; } else if (this.x < grassMiddle && !GRASS.comeLeft && this.xVelocity > 0) { GRASS.comeRight = true; GRASS.moveX = this.x + this.width; } var grassDistance = sqrt(sq(GRASS.moveX - grassMiddle) + sq(GRASS.moveY - (GRASS.y + GRASS.height))); if (grassDistance > 15 && GRASS.moveY < GRASS.y + GRASS.height/2) { GRASS.moveY += abs(grassDistance)/15; } } else { GRASS.comeLeft = false; GRASS.comeRight = false; GRASS.moveX -= (GRASS.moveX - grassMiddle)/50; GRASS.moveY -= (GRASS.moveY - GRASS.y); } } /Update the bounding box (X) for collisions/ this.updateBoundingBoxX(); }); Minion.prototype.collideY = (function() { if (!this.upSideDown) { //Colliding with blocks on the top and bottom for (var blockNum = 0; blockNum < blocks[Level - 1].length; blockNum++) { var BLOCK = blocks[Level - 1][blockNum]; if (boundingBoxCollide(this.boundingBox, BLOCK.boundingBox)) { if (this.y > BLOCK.y) { this.y = BLOCK.y + BLOCK.height; this.yVelocity = -1; } else { this.y = BLOCK.y - this.height; this.yVelocity = 0; this.yAcceleration = 0; } } } //Colliding with the triangle blocks on the bottom for (var blockNum = 0; blockNum < slantedBlocks[Level - 1].length; blockNum++) { var BLOCK = slantedBlocks[Level - 1][blockNum]; if (boundingBoxCollide(this.boundingBox, BLOCK.boundingBox)) { if (this.y > BLOCK.y && (BLOCK.type === "{" \|\| BLOCK.type === "}")) { this.y = BLOCK.y + BLOCK.height; this.yVelocity = -1; } else if (this.y < BLOCK.y && (BLOCK.type === "[" \|\| BLOCK.type === "]")) { this.y = BLOCK.y - this.height; this.yVelocity = 0; this.yAcceleration = 0; } } } } else if (this.upSideDown) { //Colliding with blocks on the top and bottom for (var blockNum = 0; blockNum < blocks[Level - 1].length; blockNum++) { var BLOCK = blocks[Level - 1][blockNum]; if (boundingBoxCollide(this.boundingBox, BLOCK.boundingBox)) { if (this.y > BLOCK.y) { this.y = BLOCK.y + BLOCK.height; this.yVelocity = 0; this.yAcceleration = 0; } else { this.y = BLOCK.y - this.height; this.yVelocity = -1; } } } //Colliding with the triangle blocks on the bottom for (var blockNum = 0; blockNum < slantedBlocks[Level - 1].length; blockNum++) { var BLOCK = slantedBlocks[Level - 1][blockNum]; if (boundingBoxCollide(this.boundingBox, BLOCK.boundingBox)) { if (this.y < BLOCK.y && (BLOCK.type === "[" \|\| BLOCK.type === "]")) { this.y = BLOCK.y - this.height; this.yVelocity = -1; } else if (this.y > BLOCK.y && (BLOCK.type === "{" \|\| BLOCK.type === "}")) { this.y = BLOCK.y + BLOCK.height; this.yVelocity = 0; this.yAcceleration = 0; } } } } /Update the bounding box (Y) for collisions/ this.updateBoundingBoxY(); }); //Moving with the camera Minion.prototype.move = (function() { //We need to update where the water blocks are, even if they never appear to move (because of the camera function) this.updateBoundingBox(); }); Minion.prototype.draw = (function() { imageMode(CENTER); //Making the image mode to center so we can scale the image around it's center /Drawing the image of the minion/ pushMatrix(); translate(this.x + this.width/2, this.y + this.height/2 + 1); if (this.state === "right") { if (!this.upSideDown) { scale(-1, 1); } else if (this.upSideDown) { scale(-1, -1); } } else if (this.state === "left") { if (!this.upSideDown) { scale(1, 1); } else if (this.upSideDown) { scale(1, -1); } } image(this.image, 0, 0); popMatrix(); /Drawing the particles if the minion got "broken"/ for (var i = 0; i < particles.length; i++) { particles[i].draw(); if (particles[i].alpha <= 0) { particles.splice(i, 1); } } /Changing states/ if (input[LEFT]) { this.state = "left"; } else if (input[RIGHT]) { this.state = "right"; } imageMode(CORNER); }); //} /Stick object, interactive/ //{ var Stick = (function(config) { this.x = config.x; this.y = config.y; this.width = config.width \|\| 5; this.height = config.height \|\| 35; this.degree = config.degree \|\| 0; this.movement = config.movement \|\| "none"; this.radius = config.radius \|\| 25; Rect.call(this); }); //Moving with the camera Stick.prototype.move = (function() { //We need to update where the sticks are, even if they never appear to move (because of the camera function). this.updateBoundingBox(); }); Stick.prototype.draw = (function() { image(Graphics.get("Stick"), (this.x - 30) + (cos(this.degree) * this.radius), (this.y - 10) - (sin(this.degree) * this.radius)); if (this.movement === "none") { this.degree = 0; } else if (this.movement === "circle") { this.degree++; } }); //} /Spike object, interactive/ // { var Spike = (function(config) { this.x = config.x; this.y = config.y; this.time = 0; this.width = config.width \|\| 25; this.height = config.height \|\| 25; this.side = config.side \|\| "bottom"; //Creating an array of beams this.beams = []; if (this.side === "bottom") { this.beams.push(new Beam(this.x, this.y + this.height, this.x + this.width/2, this.y)); this.beams.push(new Beam(this.x + this.width/2, this.y, this.x + this.width, this.y + this.height)); } else if (this.side === "left") { this.beams.push(new Beam(this.x, this.y, this.x + this.width, this.y + this.height/2)); this.beams.push(new Beam(this.x + this.width, this.y + this.height/2, this.x, this.y + this.height)); } else if (this.side === "top") { this.beams.push(new Beam(this.x, this.y, this.x + this.width/2, this.y + this.height)); this.beams.push(new Beam(this.x + this.width/2, this.y + this.height, this.x + this.width, this.y)); } else if (this.side === "right") { this.beams.push(new Beam(this.x + this.width, this.y, this.x, this.y + this.height/2)); this.beams.push(new Beam(this.x, this.y + this.height/2, this.x + this.width, this.y + this.height)); } Rect.call(this); }); //Moving with the camera Spike.prototype.move = (function() { //We need to update where the water blocks are, even if they never appear to move (because of the camera function) this.updateBoundingBox(); }); Spike.prototype.draw = (function() { imageMode(CENTER); pushMatrix(); translate(this.x + this.width/2, this.y + this.height/2); if (this.side === "left") { rotate(90); } else if (this.side === "top") { rotate(180); } else if (this.side === "right") { rotate(270); } else if (this.side === "bottom") { rotate(0); } image(Graphics.get("JungleSpike"), 0, 0); popMatrix(); imageMode(CORNER); //Running the beams for (var i = 0; i < this.beams.length; i++) { if ((!player.die && player.invincible) \|\| (player.die)) { this.beams[i].run(player); } } }); //} /Lava object, interactive/ // { var Lava = (function(config) { this.x = config.x; this.y = config.y; this.time = 0; this.width = config.width \|\| 25; this.height = config.height \|\| 25; //Making an empty "bubbles" array this.bubbles = []; Rect.call(this); }); //Moving with the camera Lava.prototype.move = (function() { //We need to update where the lava blocks are, even if they never appear to move (because of the camera function) this.updateBoundingBox(); }); Lava.prototype.draw = (function() { this.time++; //Drawing the graphic of water image(Graphics.get("Lava"), this.x, this.y); //Pushing new bubbles into the array if (this.time > 1) { this.bubbles.push(new Bubble({x: this.x + this.width/2 + random(-this.width/2.1, this.width/2.1), y: this.y + this.height/2 + random(-this.height/2.1, this.height/2.1), type: "lava", alpha: random(150, 200)})); this.bubbles.push(new Bubble({x: this.x + this.width/2 + random(-this.width/2.1, this.width/2.1), y: this.y + this.height/2 + random(-this.height/2.1, this.height/2.1), type: "lava", alpha: random(150, 200)})); this.time = 0; } //Removing the bubbles for (var bubbleNum = 0; bubbleNum < this.bubbles.length; bubbleNum++) { if (this.bubbles[bubbleNum].time > 15) { this.bubbles.splice(bubbleNum, 1); } } //Drawing the bubbles for (var bubbleNum = 0; bubbleNum < this.bubbles.length; bubbleNum++) { this.bubbles[bubbleNum].draw(); this.bubbles[bubbleNum].red = 200; this.bubbles[bubbleNum].green = 0; this.bubbles[bubbleNum].blue = 0; } }); //} /Grass object, slightly-interactive graphic/ // { var Grass = (function(config) { this.x = config.x; this.y = config.y; this.width = config.width \|\| 8.34; this.height = config.height \|\| 15; this.comeLeft = false; this.comeRight = false; this.moveY = this.y; this.moveX = this.x + this.width/2; this.xGoal = random(this.x, this.x + this.width); Rect.call(this); }); Grass.prototype.move = (function() { //We need to update where the grass is, even if they never appear to move (because of the camera function) this.updateBoundingBox(); }); Grass.prototype.draw = (function() { stroke(0, 150, 0); line(this.x + this.width/2, this.y + this.height, this.moveX, this.moveY); noStroke(); fill(0, 150, 0); ellipse(this.moveX, this.moveY, this.width, this.height/3); }); //} /Background scenery/ // { var Background = (function(config) { this.x = config.x; this.y = config.y; this.width = config.width; this.height = config.height; this.graphic = config.graphic \|\| function() {}; }); Background.prototype.draw = (function() { this.graphic(); }); var Grassland = new Background ({ x: 0, y: 0, graphic: function() { //We leave this empty for now, later, when we restart the level, we'll make the actual graphic } }); //} /Restarting the level/ var LevelRestart = (function() { //Making the background Grassland.graphic = function() { for (var x = 0; x < LevelInfo.width; x += 400) { image(Graphics.get("JungleBackground"), x, 0); } }; //Putting the objects where they go{ playerPos[Level - 1] = []; blocks[Level - 1] = []; slantedBlocks[Level - 1] = []; signs[Level - 1] = []; water[Level - 1] = []; air[Level - 1] = []; lava[Level - 1] = []; minions[Level - 1] = []; sticks[Level - 1] = []; spikes[Level - 1] = []; grass[Level - 1] = []; for(var columnNum = 0; columnNum < LevelMaps[Level - 1].length; columnNum++) { for(var rowNum = 0; rowNum < LevelMaps[Level - 1][columnNum].length; rowNum++) { var X = rowNum * 25; var Y = columnNum * 25; switch (LevelMaps[Level - 1][columnNum][rowNum]) { /Square block/ case '#': blocks[Level - 1].push(new Block({ x: X, y: Y, })); break; /Slanted blocks/ case '[': slantedBlocks[Level - 1].push(new SlantedBlock ({ x: X, y: Y, type: "[", })); break; case ']': slantedBlocks[Level - 1].push(new SlantedBlock ({ x: X, y: Y, type: "]", })); break; case '{': slantedBlocks[Level - 1].push(new SlantedBlock ({ x: X, y: Y, type: "{", })); break; case '}': slantedBlocks[Level - 1].push(new SlantedBlock ({ x: X, y: Y, type: "}", })); break; /Player/ case '@': playerPos[Level - 1].push({ x: X, y: Y }); break; /Signs/ case '!': signs[Level - 1].push(new Sign({ x: X + 2.5, y: Y - 5, message: Messages[Level - 1], })); break; /Lava/ case 'l': lava[Level - 1].push(new Lava({ x: X, y: Y })); break; /Water/ case 'w': water[Level - 1].push(new Water({ x: X, y: Y })); air[Level - 1].push({ x: X, y: Y }); break; case 'D': water[Level - 1].push(new Water({ x: X, y: Y })); water[Level - 1].push(new Water({ x: X + 25, y: Y })); air[Level - 1].push({ x: X, y: Y }); air[Level - 1].push({ x: X + 25, y: Y }); break; case 'd': water[Level - 1].push(new Water({ x: X - 25, y: Y })); water[Level - 1].push(new Water({ x: X, y: Y })); air[Level - 1].push({ x: X, y: Y }); air[Level - 1].push({ x: X - 25, y: Y }); break; /Minions/ case 'M': minions[Level - 1].push(new Minion({ x: X, y: Y, upSideDown: false })); break; case 'm': minions[Level - 1].push(new Minion({ x: X, y: Y, upSideDown: true })); break; /Sticks/ case 'S': sticks[Level - 1].push(new Stick({ x: X, y: Y, movement: "none" })); break; case 'c': sticks[Level - 1].push(new Stick({ x: X, y: Y, degree: 0, movement: "circle" })); sticks[Level - 1].push(new Stick({ x: X, y: Y, degree: 90, movement: "circle" })); sticks[Level - 1].push(new Stick({ x: X, y: Y, degree: 180, movement: "circle" })); sticks[Level - 1].push(new Stick({ x: X, y: Y, degree: 270, movement: "circle" })); break; case 'C': sticks[Level - 1].push(new Stick({ x: X, y: Y, degree: 0, movement: "circle", radius: 100, })); sticks[Level - 1].push(new Stick({ x: X, y: Y, degree: 90, movement: "circle", radius: 100, })); sticks[Level - 1].push(new Stick({ x: X, y: Y, degree: 180, movement: "circle", radius: 100, })); sticks[Level - 1].push(new Stick({ x: X, y: Y, degree: 270, movement: "circle", radius: 100, })); break; /Spikes/ case '^': spikes[Level - 1].push(new Spike({ x: X, y: Y, side: "bottom" })); break; case '>': spikes[Level - 1].push(new Spike({ x: X, y: Y, side: "left" })); break; case '<': spikes[Level - 1].push(new Spike({ x: X, y: Y, side: "right" })); break; case 'I': spikes[Level - 1].push(new Spike({ x: X, y: Y, side: "top" })); break; /Grass/ case 'G': //Grass before the current space grass[Level - 1].push(new Grass({ x: X - 25, y: Y + 10, })); grass[Level - 1].push(new Grass({ x: X - 16.66, y: Y + 10, })); grass[Level - 1].push(new Grass({ x: X + -8.32, y: Y + 10, })); //Grass on the current space grass[Level - 1].push(new Grass({ x: X, y: Y + 10, })); grass[Level - 1].push(new Grass({ x: X + 8.34, y: Y + 10, })); grass[Level - 1].push(new Grass({ x: X + 16.68, y: Y + 10, })); //Grass on the next space grass[Level - 1].push(new Grass({ x: X + 25, y: Y + 10, })); grass[Level - 1].push(new Grass({ x: X + 33.34, y: Y + 10, })); grass[Level - 1].push(new Grass({ x: X + 41.68, y: Y + 10, })); break; } } } //} //Restarting the player's values{ player.x = playerPos[Level - 1][0].x; player.y = playerPos[Level - 1][0].y; player.width = 40; player.height = 40; player.xVelocity = 0; player.xAcceleration = 0; player.yAcceleration = 0; player.yVelocity = 0; player.die = false; player.death = "None"; player.deathTime = 0; player.smokeColor = [110, 133]; player.lives = 3; player.inWater = false; player.countTime = 0; player.breath = 500; player.state = "right"; player.onSlantBlock = false; player.upSideDown = false; player.flipTime = 0; player.maxSpeed = 5; player.invincible = false; player.inTime = 0; player.inCount = 0; player.soundTime = 0; player.soundCount = 0; player.sticksCollected = 0; //} //Restarting the Level's info{ LevelLose = false; LevelWin = false; if (Level === 1) { LevelInfo.height = 400; LevelInfo.width = 2175; LevelInfo.time = 100; } else if (Level === 2) { LevelInfo.height = 400; LevelInfo.width = 4350; LevelInfo.time = 200; } else if (Level === 3) { LevelInfo.height = 400; LevelInfo.width = 2375; LevelInfo.time = 65; } else if (Level === 4) { LevelInfo.height = 400; LevelInfo.width = 4425; LevelInfo.time = 200; } else if (Level === 5) { LevelInfo.height = 400; LevelInfo.width = 2375; LevelInfo.time = 200; } LevelInfo.requiredSticks = sticks[Level - 1].length; LevelInfo.millTime = 0; //} }), Restarted = true, RestartTime = 0; /Making new buttons to use/ // { //The "resume" button var ResumeButton = new Button({ x: 200, y: 240, width: 100, height: 50, wordSize: 20, shape: "ellipse", label: "Resume", rotated: 0, graphic: function() { stroke(0, 0, 0); fill(100, 100, 100, 150); ellipse(0, 0, this.width, this.height); noStroke(); this.labelExtraY = this.height/4; }, hoverEffect: function() { this.width += (150 - this.width)/5; this.labelExtraX = this.width/4; }, //Else if were not hovering, we want it to resume the original values we want for it absenceHover: function() { this.width -= (this.width - 100)/5; this.labelExtraX = this.width/8; }, clickEffect: function() { Pause = false; }, }); //The "quite" button var QuiteButton = new Button({ x: 200, y: 340, width: 100, height: 50, wordSize: 20, shape: "ellipse", label: "Quit", rotated: 0, graphic: function() { stroke(0, 0, 0); fill(100, 100, 100, 150); ellipse(0, 0, this.width, this.height); noStroke(); this.labelExtraY = this.height/4; }, hoverEffect: function() { this.width += (150 - this.width)/5; this.labelExtraX = this.width/2.7; }, //Else if were not hovering, we want it to resume the original values we want for it absenceHover: function() { this.width -= (this.width - 100)/5; this.labelExtraX = this.width/3.5; }, clickEffect: function() { Scene = "Menu"; Pause = false; }, }); //The "play" button var PlayButton = new Button({ x: 150, y: 250, width: 110, height: 27.5, wordSize: 20, shape: "rect", label: "Play", rotated: 0, graphic: function() { stroke(0, 0, 0); fill(100, 100, 100, 150); rect(-this.width/2, -this.height/2, this.width, this.height); noStroke(); }, hoverEffect: function() { this.width += (150 - this.width)/5; this.x -= (150 - this.width)/10; this.labelExtraX = this.width/3; }, //Else if were not hovering, we want it to resume the original values we want for it absenceHover: function() { this.width -= (this.width - 110)/5; this.x += (this.width - 110)/10; this.labelExtraX = this.width/3.3; }, clickEffect: function() { Scene = "Levels"; Restarted = true; }, }); //The "instruction" button var InstructionsButton = new Button({ x: 150, y: 300, width: 110, height: 27.5, wordSize: 20, shape: "rect", label: "Instructions", rotated: 0, graphic: function() { stroke(0, 0, 0); fill(100, 100, 100, 150); rect(-this.width/2, -this.height/2, this.width, this.height); noStroke(); }, hoverEffect: function() { this.width += (150 - this.width)/5; this.x -= (150 - this.width)/10; this.labelExtraX = this.width/6; }, //Else if were not hovering, we want it to resume the original values we want for it absenceHover: function() { this.width -= (this.width - 110)/5; this.x += (this.width - 110)/10; this.labelExtraX = this.width/40; }, clickEffect: function() { Scene = "Instructions"; }, }); //The "setting" button var SettingsButton = new Button({ x: 150, y: 350, width: 110, height: 27.5, wordSize: 20, shape: "rect", label: "Settings", rotated: 0, graphic: function() { stroke(0, 0, 0); fill(100, 100, 100, 150); rect(-this.width/2, -this.height/2, this.width, this.height); noStroke(); }, hoverEffect: function() { this.width += (150 - this.width)/5; this.x -= (150 - this.width)/10; this.labelExtraX = this.width/4; }, //Else if were not hovering, we want it to resume the original values we want for it absenceHover: function() { this.width -= (this.width - 110)/5; this.x += (this.width - 110)/10; this.labelExtraX = this.width/6; }, clickEffect: function() { Scene = "Settings"; }, }); //The "menu" button var MenuButton = new Button({ x: 150, y: 350, width: 110, height: 27.5, wordSize: 20, shape: "rect", label: "Menu", rotated: 0, graphic: function() { stroke(0, 0, 0); fill(100, 100, 100, 150); rect(-this.width/2, -this.height/2, this.width, this.height); noStroke(); }, hoverEffect: function() { this.width += (150 - this.width)/5; this.x -= (150 - this.width)/10; this.labelExtraX = this.width/3.5; }, //Else if were not hovering, we want it to resume the original values we want for it absenceHover: function() { this.width -= (this.width - 110)/5; this.x += (this.width - 110)/10; this.labelExtraX = this.width/3.8; }, clickEffect: function() { Scene = "Menu"; }, }); //The "sound" button var SoundButton = new Button({ x: 175, y: 135, width: 70, height: 35, wordSize: 30, shape: "rect", label: "Off", labelExtraX: 0, rotated: 0, graphic: function() { stroke(0, 0, 0); fill(this.Color); rect(-this.width/2, -this.height/2, this.width, this.height); noStroke(); if (Sound) { this.label = "ON"; this.labelExtraX = 12; } else if (!Sound) { this.label = "OFF"; this.labelExtraX = 5; } }, hoverEffect: function() { this.Color = color(150, 150, 150, 150); }, //Else if were not hovering, we want it to resume the original values we want for it absenceHover: function() { this.Color = color(100, 100, 100, 150); }, clickEffect: function() { if (!Sound) { Sound = true; } else if (Sound) { Sound = false; } }, }); //The "Next Level" button var NextLevelButton = new Button({ x: 200, y: 140, width: 125, height: 50, wordSize: 20, shape: "ellipse", label: "Next Level", rotated: 0, graphic: function() { stroke(0, 0, 0); fill(100, 100, 100, 150); ellipse(0, 0, this.width, this.height); noStroke(); this.labelExtraY = this.height/4; }, hoverEffect: function() { this.width += (175 - this.width)/5; this.labelExtraX = this.width/5; }, //Else if were not hovering, we want it to resume the original values we want for it absenceHover: function() { this.width -= (this.width - 125)/5; this.labelExtraX = this.width/8; }, clickEffect: function() { Scene = "Levels"; Level++; Restarted = true; }, }); //The "Play Again" button var PlayAgainButton = new Button({ x: 200, y: 240, width: 125, height: 50, wordSize: 20, shape: "ellipse", label: "Play Again", rotated: 0, graphic: function() { stroke(0, 0, 0); fill(100, 100, 100, 150); ellipse(0, 0, this.width, this.height); this.labelExtraY = this.height/4; }, hoverEffect: function() { this.width += (175 - this.width)/5; this.labelExtraX = this.width/5; }, //Else if were not hovering, we want it to resume the original values we want for it absenceHover: function() { this.width -= (this.width - 125)/5; this.labelExtraX = this.width/8; }, clickEffect: function() { Restarted = true; }, }); //} /Drawing the status of the player(s)/ // Status variables, functions, ect{ //Getting our regular heart image from the Processing Library var Heart = getImage("cute/Heart"); //Creating graphics of our heart var graphics = createGraphics(Heart.width, Heart.height, JAVA2D); graphics.background(255, 0); //What image to tint graphics.image(Heart); //Making a tinted black heart var BlackHeart = (function(x, y, width, height) { tint(0, 0, 0, 255); image(graphics, x, y, width, height); noTint(); }); var RotatedMinuteArm = 0; var RotatedHourArm = 0; var Clock = (function(x, y, width, height) { if (LevelInfo.time > 0 && !Pause) { RotatedMinuteArm += 5; RotatedHourArm += 5/12; } strokeWeight(3); stroke(255, 200, 0); fill(200, 200, 200); ellipse(x + width/2, y + height/2, width, height); strokeWeight(1); stroke(150, 150, 150); pushMatrix(); translate(x + width/2, y + height/2); for (var i = 0; i < 12; i++) { rotate(-30); line(0, -height/2.2, 0, 0); } //Minute arm. popMatrix(); strokeWeight(2); stroke(255, 200, 0); pushMatrix(); translate(x + width/2, y + height/2); rotate(RotatedMinuteArm); line(0, -height/3, 0, 0); line(0, -height/3, -width/7.5, -height/6); line(0, -height/3, width/7.5, -height/6); popMatrix(); //Hour arm. popMatrix(); strokeWeight(2); stroke(255, 200, 0); pushMatrix(); translate(x + width/2, y + height/2); rotate(RotatedHourArm); line(0, -height/3.75, 0, 0); line(0, -height/3.75, -width/7.5, -height/10); line(0, -height/3.75, width/7.5, -height/10); popMatrix(); noStroke(); }); //} var Status = (function() { textAlign(TOP, LEFT); if (LevelInfo.time > 0 && !LevelLose && !LevelWin) { if (!Pause) { LevelInfo.millTime++; } if (LevelInfo.millTime === 25) { LevelInfo.time--; LevelInfo.millTime = 0; } } else if ((LevelLose \|\| LevelWin) && LevelInfo.time > 0) { LevelInfo.millTime++; if (LevelInfo.millTime > 1) { LevelInfo.time -= 25; LevelInfo.millTime = 0; } } else { LevelInfo.time = 0; } //Status bar noStroke(); fill(150, 150, 150, 100); rect(0, 0, 400, 50); //Breath fill(255, 0, 0); textSize(20); text("Breath", 25, 33); noFill(); stroke(0, 0, 0); strokeWeight(1); rect(5, 15, 100, 20); noStroke(); fill(0, 0, 255, 100); rect(5, 15, player.breath/5, 20); //Drawing the clock (keeping track of the time) Clock(250, 10, 30, 30); //Drawing how much time is left fill(255, 255, 255, 200); textSize(25); if (LevelInfo.time >= 100) { text(LevelInfo.time, 244, 33); } else if (LevelInfo.time >= 10) { text(LevelInfo.time, 252, 33); } else { text(LevelInfo.time, 258, 33); } //If you lost a life, then you see a black heart where that heart/life used to be for (var LivesGone = 0; LivesGone < 3; LivesGone++) { BlackHeart(315 + (LivesGone * 25), 5, 25, 40); } //How many lives do you have left? for (var Lives = 0; Lives < player.lives; Lives++) { image(getImage("cute/Heart"), 315 + (Lives * 25), 5, 25, 40); } //How many sticks you've collected fill(255, 255, 255); if (player.sticksCollected < 10 && LevelInfo.requiredSticks < 10) { text(player.sticksCollected + "/" + LevelInfo.requiredSticks, 135, 35); } else if (player.sticksCollected < 10 && LevelInfo.requiredSticks < 100) { text(player.sticksCollected + "/" + LevelInfo.requiredSticks, 120, 35); } else if (player.sticksCollected < 100 && LevelInfo.requiredSticks < 100) { text(player.sticksCollected + "/" + LevelInfo.requiredSticks, 105, 35); } else if (player.sticksCollected < 10 && LevelInfo.requiredSticks > 100) { text(player.sticksCollected + "/" + LevelInfo.requiredSticks, 105, 35); } else if (player.sticksCollected < 100 && LevelInfo.requiredSticks >= 100) { text(player.sticksCollected + "/" + LevelInfo.requiredSticks, 90, 35); } else if (player.sticksCollected >= 100 && LevelInfo.requiredSticks >= 100) { text(player.sticksCollected + "/" + LevelInfo.requiredSticks, 75, 35); } image(Graphics.get("Stick"), 165, 0); //The player dying if (player.lives <= 0) { player.die = true; player.inWater = false; } //What happens when you die if (player.die) { if (player.death === "fall") { if (player.deathTime === 0) { player.yVelocity = -7.5; player.deathTime = 1; } player.upsideDown = false; player.yAcceleration = 0.2; //Since we don't allow you to move normally when we die, we need to add this here player.y += player.yVelocity; player.yVelocity += player.yAcceleration; if (player.y > LevelInfo.height && !player.upSideDown) { LevelLose = true; } } else if (player.death === "fried") { player.yVelocity = -2; player.y += player.yVelocity; LevelLose = true; } else if (player.death === "broken") { if (player.deathTime === 0) { for (var i = 0; i < 15; i++) { particles.push(new Particle({ x: player.x + random(0, player.width), y: player.y + random(0, player.height), })); } player.deathTime = 1; } else { LevelLose = true; } } } }); /Drawing the win scene/ var WinScene = (function() { //Words "YOU WIN!" fill(0, 0, 0); textSize(50); text("YOU WIN!", 100, 100); stroke(255, 255, 255, 200); strokeWeight(5); fill(255, 255, 255, 100); rect(25, 25, width - 50, height - 50); //Drawing the "next level" button NextLevelButton.draw(); //Drawing the "play again" button PlayAgainButton.draw(); //Drawing the "quite" button QuiteButton.draw(); }); /Drawing the lose scene/ var LoseScene = (function() { //Words "YOU WIN!" fill(0, 0, 0); textSize(50); text("YOU LOSE!", 75, 100); stroke(255, 255, 255, 200); strokeWeight(5); fill(255, 255, 255, 100); rect(25, 25, width - 50, height - 50); //Drawing the "play again" button PlayAgainButton.draw(); //Drawing the "quite" button QuiteButton.draw(); }); /Drawing the pause scene/ var PauseScene = (function() { //Words "paused" fill(0, 0, 0); textSize(50); text("PAUSED", 100, 100); stroke(255, 255, 255, 200); strokeWeight(5); fill(255, 255, 255, 100); rect(25, 25, width - 50, height - 50); //Drawing the resume button ResumeButton.draw(); //Drawing the quite button QuiteButton.draw(); }); /Drawing the levels/ var Levels = (function() { background(0, 0, 0); //Drawing the non-interactive background graphics{ Grassland.draw(); //} //Drawing the interactive objects and applying their functions{ //Drawing the air for (var airNum = 0; airNum < air[Level - 1].length; airNum++) { var AIR = air[Level - 1][airNum]; fill(0, 0, 150); rect(AIR.x, AIR.y, 25, 25); } //Drawing and moving the blocks for (var blockNum = 0; blockNum < blocks[Level - 1].length; blockNum++) { var BLOCK = blocks[Level - 1][blockNum]; BLOCK.move(); if(boundingBoxCollide(BLOCK.boundingBox, cam.boundingBox)) { BLOCK.draw(); } } //Drawing and moving the spikes for (var spikeNum = 0; spikeNum < spikes[Level - 1].length; spikeNum++) { var SPIKE = spikes[Level - 1][spikeNum]; SPIKE.move(); if(boundingBoxCollide(SPIKE.boundingBox, cam.boundingBox)) { SPIKE.draw(); } } //Drawing and moving the signs for (var signNum = 0; signNum < signs[Level - 1].length; signNum++) { var SIGN = signs[Level - 1][signNum]; SIGN.move(); if(boundingBoxCollide(SIGN.boundingBox, cam.boundingBox)) { SIGN.draw(); } } //Drawing and moving the minions for (var minionNum = 0; minionNum < minions[Level - 1].length; minionNum++) { var MINI = minions[Level - 1][minionNum]; MINI.move(); if(boundingBoxCollide(MINI.boundingBox, cam.boundingBox)) { MINI.draw(); } } //Minions colliding with each other for (var i = 0; i < minions[Level - 1].length; i++) { for (var j = 0; j < minions[Level - 1].length; j++) { if (i !== j) { var MINI1 = minions[Level - 1][i]; var MINI2 = minions[Level - 1][j]; if (boundingBoxCollide(MINI1.boundingBox, MINI2.boundingBox)) { if (MINI1.moveTime === 1) { MINI1.moveTime = 0; } if (MINI1.moveLeft && MINI1.moveTime === 0) { MINI1.moveLeft = false; MINI1.moveRight = true; MINI1.moveTime = 1; MINI1.xVelocity = -1; } else if (MINI1.moveRight && MINI1.moveTime === 0) { MINI1.moveRight = false; MINI1.moveLeft = true; MINI1.movetime = 1; MINI1.xVelocity = -1; } MINI2.x = (MINI2.x > MINI1.x) ? (MINI1.x + MINI1.width) : (MINI1.x - MINI2.width); } } } } //Drawing and moving water for (var lavaNum = 0; lavaNum < lava[Level - 1].length; lavaNum++) { var LAVA = lava[Level - 1][lavaNum]; LAVA.move(); if(boundingBoxCollide(LAVA.boundingBox, cam.boundingBox)) { LAVA.draw(); } } //Drawing and moving bubbles of the water for (var waterNum = 0; waterNum < water[Level - 1].length; waterNum++) { var WATER = water[Level - 1][waterNum]; if(boundingBoxCollide(WATER.boundingBox, cam.boundingBox)) { //Drawing the bubbles for (var bubbleNum = 0; bubbleNum < WATER.bubbles.length; bubbleNum++) { var BUBBLE = WATER.bubbles[bubbleNum]; BUBBLE.draw(); } } } //Drawing the player player.draw(); //Drawing and moving the sticks for (var stickNum = 0; stickNum < sticks[Level - 1].length; stickNum++) { var STICK = sticks[Level - 1][stickNum]; STICK.move(); if(boundingBoxCollide(STICK.boundingBox, cam.boundingBox)) { STICK.draw(); } } //Drawing and moving the slanted blocks for (var blockNum = 0; blockNum < slantedBlocks[Level - 1].length; blockNum++) { var BLOCK = slantedBlocks[Level - 1][blockNum]; BLOCK.move(); if(boundingBoxCollide(BLOCK.boundingBox, cam.boundingBox)) { BLOCK.draw(); } } //Drawing and moving the grass afterhand for (var grassNum = 0; grassNum < grass[Level - 1].length; grassNum++) { var GRASS = grass[Level - 1][grassNum]; GRASS.move(); if(boundingBoxCollide(GRASS.boundingBox, cam.boundingBox)) { GRASS.draw(); } } //Drawing and moving water for (var waterNum = 0; waterNum < water[Level - 1].length; waterNum++) { var WATER = water[Level - 1][waterNum]; WATER.move(); if(boundingBoxCollide(WATER.boundingBox, cam.boundingBox)) { WATER.draw(); } } //Only move the things if the level is not paused, won, or lost if (!Pause && !LevelWin && !LevelLose) { //The player "moving" and "colliding" in the (X) direction if (!player.die) { player.moveX(); player.collideX(); } //Moving the minions in the (X) direction for (var minionNum = 0; minionNum < minions[Level - 1].length; minionNum++) { var MINI = minions[Level - 1][minionNum]; MINI.moveX(); MINI.collideX(); } //The player "moving" and "colliding" in the (Y) direction player.moveY(); if (!player.die) { player.collideY(); } //Moving the minions in the (Y) direction for (var minionNum = 0; minionNum < minions[Level - 1].length; minionNum++) { var MINI = minions[Level - 1][minionNum]; MINI.moveY(); MINI.collideY(); } } player.countTime++; //Every three milliseconds it says that the player is no in water and is not on a slant block to make sure your really not on it. (if you are you it, then it will just automatically become true again) if (player.countTime > 3) { player.inWater = false; player.onSlantBlock = false; player.countTime = 0; } //Pressing "P" to pause if (input[80]) { Pause = true; } //} }); /Logo scene/ //Logo variables, functions, ect{ var Size = 5, LogoTime = 0, LogoRotated = 0, LogoScaled = 1, LogoAlpha = 0; //Creating a point function for the pixel art var MovePoint = function(config) { this.x = config.x \|\| random(-200, 200); this.y = config.y \|\| random(-200, 200); this.endX = config.endX; this.endY = config.endY; this.color = config.color; this.size = config.size \|\| Size; }; MovePoint.prototype.draw = (function() { fill(this.color); noStroke(); rect(this.x, this.y, this.size, this.size); //Moving to the assigned spots if (this.x < this.endX) { this.x += abs(this.x - this.endX)/25; } else if (this.x > this.endX) { this.x -= abs(this.x - this.endX)/25; } if (this.y < this.endY && abs(this.x - this.endX) < 0.2) { this.y += abs(this.y - this.endY)/25; } else if (this.y > this.endY && abs(this.x - this.endX) < 0.2) { this.y -= abs(this.y - this.endY)/25; } }); var Point = (function(config) { this.endX = config.endX; this.endY = config.endY; this.x = config.endX; this.y = config.endY; this.color = config.color; this.size = config.size \|\| Size; }); Point.prototype.draw = (function() { fill(this.color); noStroke(); rect(this.x, this.y, this.size, this.size); }); var points = []; var PixelArt = [ [ ' 22222222222 ', ' 222222222222222 ', ' 2222222222222222222 ', ' 22222222222222222222222 ', ' 222211111111111111111112222 ', ' 2222221111111111111111111222222 ', ' 22222222222221111111112222222222222 ', ' 222222222222222111111111222222222222222 ', ' 2222222222222222211111111122222222222222222 ', ' 22222222222222222221111111112222222222222222222 ', ' 222222222222222222222111111111222222222222222222222 ', ' 2222222222222222222222211111111122222222222222222222222 ', ' 22222222222222222222222221111111112222222222222222222222222 ', ' 222222222222222222222222222111111111222222222222222222222222222 ', ' 2222222222222222222222222222211111111122222222222222222222222222222 ', '222222222222222222222222222222111111111222222222222222222222222222222', '222222222222222222222222222222111111111222222222222222222222222222222', ' 2222222222222222222222222222211111111122222222222222222222222222222 ', ' 222222222222222222222222222111111111222222222222222222222222222 ', ' 22222222222222222222222221111111112222222222222222222222222 ', ' 2222222222222222222222211111111122222222222222222222222 ', ' 222222222222222222222111111111222222222222222222222 ', ' 22222222222222222221111111112222222222222222222 ', ' 2222222222222222211111111122222222222222222 ', ' 222222222222222111111111222222222222222 ', ' 22222222222221111111112222222222222 ', ' 2222221111111111111111111222222 ', ' 222211111111111111111112222 ', ' 22222222222222222222222 ', ' 2222222222222222222 ', ' 222222222222222 ', ' 22222222222 ', ], ]; var currentPixelArt = 1; //Loading the pixel art var LoadPixelArt = (function(POINT) { for (var i = 0; i < PixelArt.length; i++) { points.push([]); for (var columnNum = 0; columnNum < PixelArt[i].length; columnNum++) { for (var rowNum = 0; rowNum < PixelArt[i][columnNum].length; rowNum++) { var pointX = (rowNum * Size) - 172.5; var pointY = (columnNum * Size) - 80; switch (PixelArt[i][columnNum][rowNum]) { case '1': points[i].push(new POINT({ endX: pointX, endY: pointY, color: color(0, 0, 0) })); break; case '2': points[i].push(new POINT({ endX: pointX, endY: pointY, color: color(50, 0, 0) })); break; } } } } })(MovePoint); //} var Logo = (function() { background(100, 100, 100); LogoTime++; if (LogoTime > 325 && LogoTime < 350) { LogoRotated += (90 - LogoRotated)/5; } else if (LogoTime > 350 && LogoTime < 500) { LogoScaled -= 0.1; LogoRotated += 25; if (LogoTime > 400) { LogoAlpha += 2; } } else if (LogoTime >= 500) { Scene = "Menu"; } pushMatrix(); translate(200, 200); rotate(LogoRotated); scale(LogoScaled); for (var i = 0; i < points[0].length; i++) { points[0][i].draw(); } popMatrix(); //Drawing the "presents..." text fill(200, 0, 0, LogoAlpha); textSize(30); text("Presents...", 200, 200); }); /Menu Scene/ //Menu variables, functions, ect{ var stickX = [25, 25, 25, 25, 25, 25, 100, 100, 100, 100, 100, 100, 170, 170, 170, 170, 170, 170, 240, 240, 240, 240, 240, 240, 310, 310, 310, 310, 310, 310], stickY = [5, 75, 145, 215, 285, 355, 5, 75, 145, 215, 285, 355, 5, 75, 145, 215, 285, 355, 5, 75, 145, 215, 285, 355, 5, 75, 145, 215, 285, 355], stickTime = 0; //} var Menu = (function() { imageMode(CORNER); background(100, 100, 100); stickTime++; //Background groups of sticks for (var i = 0; i < stickX.length; i++) { image(Graphics.get("DamBlock"), stickX[i], stickY[i]); stickX[i] += cos((stickTime * 5) + stickY[i]); } fill(100, 100, 100, 100); rect(0, 0, width, height); image(getImage("creatures/Hopper-Happy"), 10, 10, 200, 200); fill(200, 100, 0); textSize(50); textAlign(CENTER, CENTER); text("Hoppy\nBeaver\nExtreme", 300, 100); for (var i = -2; i < 10; i++) { image(Graphics.get("DamBlock"), 85 + (i * 25), 225 - (sin(i * 25) * 25)); } //Drawing the "play" button PlayButton.draw(); //Drawing the "instruction" button InstructionsButton.draw(); //Drawing the "Setting" button SettingsButton.draw(); imageMode(CENTER); }); /Instructions scene/ var Instructions = (function() { imageMode(CORNER); background(100, 100, 100); stickTime++; //Background groups of sticks for (var i = 0; i < stickX.length; i++) { image(Graphics.get("DamBlock"), stickX[i], stickY[i]); stickX[i] += cos((stickTime * 5) + stickY[i]); } fill(100, 100, 100, 100); rect(0, 0, width, height); fill(50, 50, 50); textSize(50); textAlign(TOP, CENTER); textOutline("Instructions", 75, 50, color(100, 100, 100), color(255, 200, 100), 1); //Instruction text fill(0, 0, 0); textSize(20); textOutline("Controls:\nARROW keys to move,\nSPACE to flip gravity,\nPress UP, 'A', and LEFT or RIGHT to\nscale walls, depending on what side of\nthe wall your bouncing off.\n\nMore info:\nGo to a sign to read it, signs give useful\ninformation.", 25, 200, color(100, 100, 100), color(255, 200, 100), 1); //Drawing the "menu" button MenuButton.draw(); imageMode(CENTER); }); /Settings scene/ var Settings = (function() { imageMode(CORNER); background(100, 100, 100); stickTime++; //Background groups of sticks for (var i = 0; i < stickX.length; i++) { image(Graphics.get("DamBlock"), stickX[i], stickY[i]); stickX[i] += cos((stickTime * 5) + stickY[i]); } fill(100, 100, 100, 100); rect(0, 0, width, height); fill(50, 50, 50); textSize(50); textAlign(TOP, CENTER); textOutline("Settings", 115, 45, color(100, 100, 100), color(255, 200, 100), 1); //Drawing text for settings textSize(35); fill(0, 0, 0); text("Sound is", 25, 150); //Drawing the "sound" button SoundButton.draw(); //Drawing the "menu" button MenuButton.draw(); imageMode(CENTER); }); /Load Scene/ //Load scene variables, functions, ect{ var LoadCircle = (function(config) { this.x = config.x; this.y = config.y; this.size = 10; this.alpha = 255; }); LoadCircle.prototype.draw = (function() { fill(100, 100, 100, this.alpha); noStroke(); ellipse(this.x, this.y, this.size, this.size); this.alpha -= 5; }); var circles = [], CircleLength = 0; var periods = "", periodTime = 0; //} var LoadScene = (function() { fill(0, 0, 0); rect(0, 0, width, height); periodTime += 3; if (periodTime < 100) { periods = ""; } else if (periodTime >= 100 && periodTime < 200) { periods = "."; } else if (periodTime >= 200 && periodTime < 300) { periods = ".."; } else if (periodTime >= 300 && periodTime < 400) { periods = "..."; } else { periodTime = 0; } //Text "Loading Images" textSize(50); textAlign(CENTER, TOP); fill(100, 100, 100); text("Loading Images" + periods, width/2, 50); for (var i = 0; i < circles.length; i++) { var CIRCLE = circles[i]; CIRCLE.draw(); if (CIRCLE.alpha <= 0) { circles.splice(i, 1); } } CircleLength += 5; circles.push(new LoadCircle({ x: width/2 + (cos(CircleLength) * 50), y: height/2 + (sin(CircleLength) * 50), })); }); /Well, this is where we draw it all/ draw = function() { //Updating where the mouse is (for the buttons) mouse.x = mouseX; mouse.y = mouseY; //Stopping any for loops from crashing speedUp(); switch (Scene) { case "Load": Graphics.loadNext(); LoadScene(); break; case "Logo": Logo(); mouse.state = "Auto"; break; case "Menu": Menu(); break; case "Settings": Settings(); break; case "Instructions": Instructions(); break; case "Levels": if (Restarted) { background(0, 0, 0); LevelRestart(); RestartTime++; textSize(100); textAlign(TOP, CENTER); if (RestartTime > 0 && RestartTime < 33) { textOutline("3", 165, 250, color(0, 0, 0), color(255, 0, 0), 1); } else if (RestartTime > 33 && RestartTime < 66) { textOutline("2", 165, 250, color(0, 0, 0), color(255, 0, 0), 1); } else if (RestartTime > 66 && RestartTime < 100) { textOutline("1", 165, 250, color(0, 0, 0), color(255, 0, 0), 1); } else if (RestartTime > 100) { RestartTime = 0; Restarted = false; } mouse.state = "Auto"; } else { //Drawing the actual level parts pushMatrix(); cam.view(player); Levels(); popMatrix(); //Drawing the status Status(); //Pausing, winning, and losing if (Pause) { PauseScene(); } else if (LevelWin && LevelInfo.time <= 0) { WinScene(); } else if (LevelLose && LevelInfo.time <= 0) { LoseScene(); } else { mouse.state = "Auto"; } }//If it's done restarting then let's play! break; } //Drawing the mouse mouse.draw(); }; /Checking for mouse interaction/ mouseClicked = function() { if (Scene === "Menu") { PlayButton.clicked(); InstructionsButton.clicked(); SettingsButton.clicked(); } else if (Scene === "Levels") { if (Pause) { ResumeButton.clicked(); QuiteButton.clicked(); } else if (LevelWin) { NextLevelButton.clicked(); PlayAgainButton.clicked(); QuiteButton.clicked(); } else if (LevelLose) { PlayAgainButton.clicked(); QuiteButton.clicked(); } } else if (Scene === "Instructions") { MenuButton.clicked(); } else if (Scene === "Settings") { MenuButton.clicked(); SoundButton.clicked(); } };
Folds	27,29,30,32,43,51,54,503,519,557,560,914,949,966,967,984,985,1002,1003,1020,1021,1038,1045,1069,1072,1110,1113,1138,1141,1224,1227,1907,1910,1929,1932,2018,2021,2081,2084,2117,2120,2143,2146,2185,2188,2510,2513,2541,2544,2603,2606,2653,2656,2683,2686,2707,2710,3049,3052,3353,3356,3420,3421,3535,3538,3557,3560,3576,3579,3595,3598,3786,3789,3906,3907,3934,3937,3939,3940,3969,3972,3999,4002,4031,4034,4053,4054,4091,4094,4161,4164,4187
Fork	true
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgLbN4uy_Cgw
Votes	201
Spin-Offs	21
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	{"id":"project-hoppy-beaver-extreme","title":"Project: Hoppy Beaver Extreme","deleted":"false","official":"true"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Iron Programming
Author Name	ncochran2
Author ID	kaid_1167371439589851086940548
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739450714617
Updated	10 months ago, 1739450719334
Source Deleted	unknown