Viewing Program

Program Data

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

Title	Space Breakout 2.0
ID	3012401648
Created	9 years ago, 1456802180400
Updated	9 years ago, 1459892069789
Code	//It has been 8 months since I released the original Space Breakout, and since then I have learned a lot in the Advanced JS Natural Simulatons courses, like vectors, velocity, basic Newtonian physics, and other concepts, I also learned a lot studying the code of games like Cubix and Escape Plan (which the natural simulation course helped me understand), I learned a lot about OOP and arrays, and I also learned a lot about graphics, like procedural generation using imageData. /* CREDIT: While no code has been copied (besides my own, of course), I would like to credit the projects by Jacob and Ryan Kee, which I studied for various platformer mechanics, and also the projects by Splo, which I studied to learn about imageData, and methods of generating graphics with it. Here are links to their profiles: Jacob: https://www.khanacademy.org/profile/Jacob124/projects Ryan Kee: https://www.khanacademy.org/profile/ryanckee/projects Splo: https://www.khanacademy.org/profile/Splo/projects / //This game does not seem to load in IE, and randomly gets an error about taking too long to run in Mozilla, I recommend Chrome or Opera (I have no idea about Safari or Edge). //If the game is running slow or is crashing, switch this to true: var crashing = false; smooth(); var scene = "Loading"; noTint(); var debugging = false; var FPS = this.__frameRate; angleMode = "radians"; loadPixels(); var sprites = [ { name: "Pod", display: function() { fill(75, 0, 100); stroke(65, 0, 90); strokeWeight(10); beginShape(); vertex(5, 320); vertex(125, 80); vertex(395, 80); vertex(395, 320); endShape(CLOSE); noStroke(); fill(100, 200, 255); beginShape(); vertex(34, 250); vertex(96, 125); vertex(250, 250); endShape(CLOSE); }, }, { name: "Cyan_Ship", display: function() { beginShape(); fill(85, 0, 140); stroke(95, 0, 155); strokeWeight(4); vertex(150, 150); bezierVertex(150, 100, 250, 100, 250, 150); endShape(CLOSE); beginShape(); fill(85, 0, 140); stroke(95, 0, 155); strokeWeight(4); vertex(30, 150); vertex(370, 150); vertex(400, 220); vertex(370, 250); vertex(30, 250); vertex(0, 220); endShape(CLOSE); for(var i = 0; i < 4; i++) { beginShape(); noStroke(); fill(0, 255, 255); vertex(70 + i 80, 175); vertex(90 + i * 80, 175); vertex(90 + i * 80, 185); vertex(70 + i * 80, 185); endShape(CLOSE); beginShape(); noStroke(); fill(0, 255, 255); vertex(70 + i * 80, 215); vertex(90 + i * 80, 215); vertex(90 + i * 80, 225); vertex(70 + i * 80, 225); endShape(CLOSE); } for(var i = 0; i < 5; i++) { beginShape(); noStroke(); fill(0, 255, 255); vertex(30 + i * 80, 195); vertex(50 + i * 80, 195); vertex(50 + i * 80, 205); vertex(30 + i * 80, 205); endShape(CLOSE); } }, }, { name: "Red_Ship", display: function() { beginShape(); fill(85, 0, 140); stroke(95, 0, 155); strokeWeight(4); vertex(150, 150); bezierVertex(150, 100, 250, 100, 250, 150); endShape(CLOSE); beginShape(); fill(85, 0, 140); stroke(95, 0, 155); strokeWeight(4); vertex(30, 150); vertex(370, 150); vertex(400, 220); vertex(370, 250); vertex(30, 250); vertex(0, 220); endShape(CLOSE); for(var i = 0; i < 4; i++) { beginShape(); noStroke(); fill(255, 0, 0); vertex(70 + i * 80, 175); vertex(90 + i * 80, 175); vertex(90 + i * 80, 185); vertex(70 + i * 80, 185); endShape(CLOSE); beginShape(); noStroke(); fill(255, 0, 0); vertex(70 + i * 80, 215); vertex(90 + i * 80, 215); vertex(90 + i * 80, 225); vertex(70 + i * 80, 225); endShape(CLOSE); } for(var i = 0; i < 5; i++) { beginShape(); noStroke(); fill(255, 0, 0); vertex(30 + i * 80, 195); vertex(50 + i * 80, 195); vertex(50 + i * 80, 205); vertex(30 + i * 80, 205); endShape(CLOSE); } }, }, { name: "Dead_Ship", display: function() { beginShape(); fill(85, 0, 140); stroke(95, 0, 155); strokeWeight(4); vertex(150, 150); bezierVertex(150, 100, 250, 100, 250, 150); endShape(CLOSE); beginShape(); fill(85, 0, 140); stroke(95, 0, 155); strokeWeight(4); vertex(30, 150); vertex(370, 150); vertex(400, 220); vertex(370, 250); vertex(30, 250); vertex(0, 220); endShape(CLOSE); for(var i = 0; i < 4; i++) { beginShape(); noStroke(); fill(50, 50, 50); vertex(70 + i * 80, 175); vertex(90 + i * 80, 175); vertex(90 + i * 80, 185); vertex(70 + i * 80, 185); endShape(CLOSE); beginShape(); noStroke(); fill(50, 50, 50); vertex(70 + i * 80, 215); vertex(90 + i * 80, 215); vertex(90 + i * 80, 225); vertex(70 + i * 80, 225); endShape(CLOSE); } for(var i = 0; i < 5; i++) { beginShape(); noStroke(); fill(50, 50, 50); vertex(30 + i * 80, 195); vertex(50 + i * 80, 195); vertex(50 + i * 80, 205); vertex(30 + i * 80, 205); endShape(CLOSE); } }, }, { name: "Ground", display: function() { for(var i = 0; i < 400; i++) { for(var j = 0; j < 400; j++) { if(j > 365 + noise(i / 100) * 15) { imageData.data[((i + j * width) << 2)] = 0; imageData.data[((i + j * width) << 2) + 1] = 255 - ((j/3) * noise(i * 0.01, j * 0.01)); imageData.data[((i + j * width) << 2) + 2] = 0; imageData.data[((i + j * width) << 2) + 3] = 255; } else { imageData.data[((i + j * width) << 2)] = 0; imageData.data[((i + j * width) << 2) + 1] = 0; imageData.data[((i + j * width) << 2) + 2] = 0; imageData.data[((i + j * width) << 2) + 3] = 0; } } } updatePixels(); }, }, { name: "Burnt_Ground", display: function() { for(var i = 0; i < 400; i++) { for(var j = 0; j < 400; j++) { if(j > 365 + noise(i / 100) * 15) { imageData.data[((i + j * width) << 2)] = 200 - ((j/2) * noise(i * 0.01, j * 0.01)); imageData.data[((i + j * width) << 2) + 1] = 200 - ((j/2) * noise(i * 0.01, j * 0.01)); imageData.data[((i + j * width) << 2) + 2] = 200 - ((j/2) * noise(i * 0.01, j * 0.01)); imageData.data[((i + j * width) << 2) + 3] = 255; } else { imageData.data[((i + j * width) << 2)] = 0; imageData.data[((i + j * width) << 2) + 1] = 0; imageData.data[((i + j * width) << 2) + 2] = 0; imageData.data[((i + j * width) << 2) + 3] = 0; } } } updatePixels(); }, }, { name: "Sky", display: function() { for(var i = 0; i < 400; i++) { for(var j = 0; j < 400; j++) { imageData.data[((i + j * width) << 2)] = 255 / dist(i, j, 300, 150) * 20; imageData.data[((i + j * width) << 2) + 1] = 100 + ((150 / dist(i, j, 300, 150)) * 20) + (j/4); imageData.data[((i + j * width) << 2) + 2] = 255; imageData.data[((i + j * width) << 2) + 3] = 255; } } updatePixels(); }, }, { name: "Speech", display: function() { strokeWeight(10); stroke(100, 100, 100, 100); fill(255, 255, 255); beginShape(); vertex(0, 0); vertex(100, 50); vertex(400, 50); vertex(400, 400); vertex(25, 400); vertex(25, 75); endShape(CLOSE); }, }, { name: "Barn", display: function() { for(var i = 0; i < 400; i++) { for(var j = 0; j < 400; j++) { imageData.data[((i + j * width) << 2)] = 255 - ((j / 1.5) * noise(i * 0.05, j * 0.01)); imageData.data[((i + j * width) << 2) + 1] = 0; imageData.data[((i + j * width) << 2) + 2] = 0; if((j >= 40 && j < 150 && i >= 230 - j * 1.25 && i < 170 + j * 1.25)) { imageData.data[((i + j * width) << 2) + 3] = 255; } else { imageData.data[((i + j * width) << 2) + 3] = 0; } } } updatePixels(); for(var i = 40; i < 360; i++) { for(var j = 150; j < 360; j++) { imageData.data[((i + j * width) << 2)] = 255 - ((j / 2.5) * noise(i * 0.05, j * 0.01)); imageData.data[((i + j * width) << 2) + 1] = 0; imageData.data[((i + j * width) << 2) + 2] = 0; imageData.data[((i + j * width) << 2) + 3] = 255; } } updatePixels(); for(var i = 150; i < 250; i++) { for(var j = 260; j < 360; j++) { imageData.data[((i + j * width) << 2)] = 255 - ((j / 4) * noise(i * 0.05, j * 0.01)); imageData.data[((i + j * width) << 2) + 1] = 255 - ((j / 4) * noise(i * 0.05, j * 0.01)); imageData.data[((i + j * width) << 2) + 2] = 255 - ((j / 4) * noise(i * 0.05, j * 0.01)); imageData.data[((i + j * width) << 2) + 3] = 255; } } updatePixels(); strokeWeight(3); //Roof: stroke(215, 215, 215); fill(255, 255, 255); beginShape(); vertex(30, 157); vertex(23, 150); vertex(200, 27); vertex(377, 150); vertex(370, 157); vertex(360, 150); vertex(200, 40); endShape(CLOSE); noFill(); stroke(200, 200, 200); beginShape(); vertex(150, 360); vertex(150, 260); vertex(200, 260); vertex(200, 360); endShape(CLOSE); beginShape(); vertex(250, 360); vertex(250, 260); vertex(200, 260); vertex(200, 360); endShape(CLOSE); } }, { name: "Cyan_Block", display: function() { fill(75, 75, 75); stroke(0, 0, 0); strokeWeight(10); beginShape(); vertex(0, 0); vertex(400, 0); vertex(400, 400); vertex(0, 400); endShape(CLOSE); stroke(0, 255, 255); beginShape(); vertex(0, 200); vertex(400, 200); endShape(); beginShape(); vertex(200, 0); vertex(200, 400); endShape(); noStroke(); fill(0, 255, 255); beginShape(); vertex(200, 150); bezierVertex(267, 150, 267, 250, 200, 250); bezierVertex(133, 250, 133, 150, 200, 150); endShape(); }, }, { name: "Red_Block", display: function() { fill(75, 75, 75); stroke(0, 0, 0); strokeWeight(10); beginShape(); vertex(0, 0); vertex(400, 0); vertex(400, 400); vertex(0, 400); endShape(CLOSE); stroke(255, 0, 0); beginShape(); vertex(0, 200); vertex(400, 200); endShape(); beginShape(); vertex(200, 0); vertex(200, 400); endShape(); noStroke(); fill(255, 0, 0); beginShape(); vertex(200, 150); bezierVertex(267, 150, 267, 250, 200, 250); bezierVertex(133, 250, 133, 150, 200, 150); endShape(); }, }, { name: "Radiation", display: function() { fill(75, 75, 75); strokeCap(ROUND); stroke(50, 50, 50); strokeWeight(10); beginShape(); vertex(50, 5); vertex(350, 5); vertex(350, 395); vertex(50, 395); endShape(CLOSE); strokeWeight(40); point(90, 45); point(310, 45); point(310, 355); point(90, 355); noStroke(); fill(255, 255, 0); ellipse(200, 200, 280, 280); fill(0, 0, 0); ellipse(200, 200, 60, 60); strokeWeight(90); stroke(0, 0, 0); noFill(); strokeCap(SQUARE); for(var i = Math.PI / 6; i < Math.PI * 2; i += Math.PI / 1.5) { arc(200, 200, 170, 170, i - Math.PI / 6, i + Math.PI / 6); } strokeCap(ROUND); }, }, { name: "Enemy", display: function() { fill(200, 200, 0); stroke(150, 150, 0); strokeWeight(10); beginShape(); vertex(0, 200); curveVertex(0, 265); curveVertex(75, 125); curveVertex(200, 125); curveVertex(390, 265); curveVertex(360, 285); curveVertex(290, 265); curveVertex(240, 275); curveVertex(200, 265); curveVertex(170, 275); curveVertex(100, 265); curveVertex(50, 275); curveVertex(0, 265); endShape(CLOSE); fill(255, 255, 100); noStroke(); beginShape(); vertex(100, 145); bezierVertex(60, 135, 55, 185, 65, 195); bezierVertex(105, 205, 110, 145, 100, 145); endShape(CLOSE); fill(0, 0, 0); beginShape(); vertex(80, 155); bezierVertex(65, 155, 65, 185, 70, 185); bezierVertex(80, 195, 105, 155, 80, 155); endShape(CLOSE); }, }, { name: "Records", display: function() { fill(50, 50, 50); noStroke(); rectMode(CENTER); rect(200, 200, 400, 304); fill(0, 0, 0); var texts = [ "\"Roswell - 1947\"", "\"Watergate\"", "\"Half-Life 3\"", ]; for(var i = 0; i < texts.length; i++) { noStroke(); fill(0, 0, 0); rect(200, 140 + i * 60, 400, 40); textAlign(CENTER, CENTER); textFont(createFont("Arial Bold"), 36); fill(0, 200, 0); text(texts[i], 200, 140 + i * 60); stroke(0, 0, 0); strokeWeight(1); for(var j = 0; j < 30; j += 4) { line(0, 125 + i * 60 + j, 400, 125 + i * 60 + j); } } }, }, { name: "Hexagon", display: function() { for(var i = 0; i < 400; i++) { for(var j = 0; j < 400; j++) { if(j >= 32 && j < 200 && i >= 120 - j * 0.58 && i < 280 + j * 0.58) { imageData.data[((i + j * width) << 2)] = 175 - 100 * noise(i * 0.01, j * 0.01); imageData.data[((i + j * width) << 2) + 1] = 175 - 100 * noise(i * 0.01, j * 0.01); imageData.data[((i + j * width) << 2) + 2] = 175 - 100 * noise(i * 0.01, j * 0.01); imageData.data[((i + j * width) << 2) + 3] = 255; } else if(j <= 368 && j >= 200 && i >= -114 - j * -0.59 && i < 513 + j * -0.59) { imageData.data[((i + j * width) << 2)] = 175 - 100 * noise(i * 0.01, j * 0.01); imageData.data[((i + j * width) << 2) + 1] = 175 - 100 * noise(i * 0.01, j * 0.01); imageData.data[((i + j * width) << 2) + 2] = 175 - 100 * noise(i * 0.01, j * 0.01); imageData.data[((i + j * width) << 2) + 3] = 255; } else { imageData.data[((i + j * width) << 2)] = 0; imageData.data[((i + j * width) << 2) + 1] = 0; imageData.data[((i + j * width) << 2) + 2] = 0; imageData.data[((i + j * width) << 2) + 3] = 0; } } } updatePixels(); }, }, { name: "Rung", display: function() { for(var i = 0; i < 400; i++) { for(var j = 0; j < 400; j++) { if(i < 50 \|\| i > 350 \|\| (j > 175 && j < 225)) { imageData.data[((i + j * width) << 2)] = 100 - 60 * noise(i * 0.01, j * 0.01); imageData.data[((i + j * width) << 2) + 1] = 100 - 60 * noise(i * 0.01, j * 0.01); imageData.data[((i + j * width) << 2) + 2] = 100 - 60 * noise(i * 0.01, j * 0.01); imageData.data[((i + j * width) << 2) + 3] = 255; } else { imageData.data[((i + j * width) << 2)] = 0; imageData.data[((i + j * width) << 2) + 1] = 0; imageData.data[((i + j * width) << 2) + 2] = 0; imageData.data[((i + j * width) << 2) + 3] = 0; } } } updatePixels(); }, }, ], inc = 0, sprite = []; var keyCodes = { W: 87, A: 65, S: 83, D: 68, SPACE: 32, }, keys = []; keyPressed = function() { keys[keyCode] = true; }; keyReleased = function() { keys[keyCode] = false; }; var game = { level: 0, sec: second(), levels: [ { name: "Tutorial", background: [ " ", " ", " ", " III III I ", " III R III I ", " ", " ", " ", " ", " ", ], level: [ " ", " ", " ", " HBBBBBBBBBBBBBBBBBB B", "P H ", " H ", "BBBB H ", " B H ", " BBBBBBB H ", " B E B C H G ", "BBBBBBBBBBBBBBBBBBBBB BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB BBBBBB", ], time: Infinity, }, { name: "Test", background: [ " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ], level: [ " ", " ", " ", " ", " ", " EBB ", " BBBBBB ", " BBBBBBBBBB ", "P BBBBBBBBBBBBBB ", " BBBBBBBBBBBBBBBBBB C G ", "BBBBBBBBBBBBBBBBBBBBBBBB BB BBBBBBBBBBBBBB", ], time: 30, }, { background: [ " ", " ", " ", " ", " ", " ", " ", " ", " I ", " I ", " ", " IIIIIII", " ", " ", ], level: [ " ", " ", " ", " ", " ", " ", "P EB ", " BBBBBB ", " ", " ", " ", " ", " ", " ", " BBBBBB C ", " BB BB B G EB", "BBBBBBBB BBBBBBBBBBBBBB", ], time: 40, }, { background: [ " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ], level: [ " ", " ", " HB E E E B HB E B G", " HBBBBBBBBBBBBBBB HBBBBBBB", " H H ", " H HB E E B H ", " H HBBBBBBBBBBBB ", " HBB E EB B H ", " HBBBBBBBB BBB H ", " H H ", " H B E BBBBBBBBB ", "P H BBBBBBBBB ", " B E E E E BB C ", "BBBBBBBBBBBBBBBBBBBBBBBBBBB BBBBBBBBBBBBB BB BBBBBBBBBBB ", ], time: 60, }, ], camera: { x: 200, y: 200, width: 400, height: 400, }, time: 100, save: new PVector(), playerLives: 3, stopTime: false, emergency: { isTrue: true, time: 0, } }; var button = function(x, y, w, h, label, event, ts) { this.position = new PVector(x, y); this.w = w; this.h = h; this.label = label.toString(); this.event = event; this.textSize = (ts !== undefined) ? ts : 12; this.lerp = 0; this.size = this.w + this.h; this.clicked = false; this.clickTimer = 1; }; button.prototype.display = function() { rectMode(CENTER); noStroke(); fill(0, 0, 0, 100); rect(this.position.x, this.position.y+3, this.w, this.h, 10); fill(lerpColor(color(100, 100, 100), color(120, 120, 120), this.lerp)); rect(this.position.x, this.position.y + ((mouseIsPressed && mouseX >= this.position.x - this.w/2 && mouseY >= this.position.y - this.h/2 && mouseX <= this.position.x + this.w/2 && mouseY <= this.position.y + this.h/2) ? 3 : 0), this.w, this.h, 10); textAlign(CENTER, CENTER); textSize(this.textSize); textFont(createFont("Arial Bold")); fill(lerpColor(color(0, 140, 0), color(0, 160, 0), this.lerp)); text(this.label, this.position.x, this.position.y + ((mouseIsPressed && mouseX >= this.position.x - this.w/2 && mouseY >= this.position.y - this.h/2 && mouseX <= this.position.x + this.w/2 && mouseY <= this.position.y + this.h/2) ? 2 : 0)); if(mouseX >= this.position.x - this.w/2 && mouseY >= this.position.y - this.h/2 && mouseX <= this.position.x + this.w/2 && mouseY <= this.position.y + this.h/2) { cursor(HAND); this.lerp += (this.lerp < 1) ? 0.04 : 0; if(this.clicked) { this.event(); } } else { this.lerp -= (this.lerp > 0) ? 0.04 : 0; } this.clickTimer = (mouseIsPressed) ? -1 : this.clickTimer + 1; this.clicked = (this.clickTimer === 0) ? true : false; }; game.start = function(level) { this.level = level; this.load(); scene = "Game"; }; var menuButtons = [ new button(200, 155, 100, 50, "PLAY", function() { game.level = 0; scene = "Begin"; }, 24), new button(200, 210, 100, 50, "HOW TO\nPLAY", function() { scene = "Instructions"; }, 22), new button(200, 265, 100, 50, "LEVEL\nSELECT", function() { game.level = 0; scene = "Level Select"; }, 22), ], levelButtons = [ new button(90, 200, 50, 50, 1, function() { game.start(0); }, 24), new button(155, 200, 50, 50, 2, function() { game.start(1); }, 24), new button(220, 200, 50, 50, 3, function() { game.start(2); }, 24), new button(285, 200, 50, 50, 4, function() { game.start(3); }, 24), new button(200, 370, 400, 50, "MENU", function() { scene = "Menu"; }, 24), ], instructionButtons = [ new button(200, 370, 400, 50, "MENU", function() { scene = "Menu"; }, 24), ]; var collision = function(object1, object2) { return (object1.position.x + object1.width / 2 > object2.position.x - object2.width / 2 && object1.position.y + object1.height / 2 > object2.position.y - object2.height / 2 && object1.position.x - object1.width / 2 < object2.position.x + object2.width / 2 && object1.position.y - object1.height / 2 < object2.position.y + object2.height / 2); }; var rigidBody = function(x, y, width, height) { this.position = new PVector(x, y); this.velocity = new PVector(0, 0); this.acceleration = new PVector(0, 0); this.width = width; this.height = height; }; rigidBody.prototype.addForce = function(force) { var f = PVector.div(force, 5); this.acceleration.add(f); }; var playerImage = function(x, y, width, height) { this.position = new PVector(x, y); this.width = width; this.height = height; this.angle = 0; this.facing = "Right"; this.walking = false; this.climbing = false; this.img = createGraphics(80, 160, JAVA2D); }; playerImage.prototype.update = function() { if(!this.climbing) { this.angle = sin(radians(frameCount * 5)) / 1.75; this.img.background(0, 0, 0, 0); this.img.noStroke(); this.img.rectMode(CENTER); this.img.fill(255, 205, 75); this.img.rect(40, 40, 15, 13); this.img.ellipse(40, 17, 35, 35); this.img.stroke(255, 255, 255); this.img.strokeWeight(10); this.img.point(50, 15); this.img.stroke(0, 0, 0); this.img.strokeWeight(5); this.img.point(51, 15); this.img.noStroke(); this.img.fill(0, 0, 0); this.img.beginShape(); this.img.vertex(28, 10); this.img.curveVertex(23, 16); this.img.curveVertex(28, 4); this.img.curveVertex(37, 0); this.img.curveVertex(47, 1); this.img.curveVertex(55, 8); this.img.curveVertex(45, 11); this.img.curveVertex(37, 12); this.img.curveVertex(28, 16); this.img.endShape(CLOSE); this.img.noStroke(); this.img.strokeWeight(1); this.img.fill(255, 0, 0); this.img.beginShape(); this.img.vertex(23, 52); this.img.bezierVertex(24, 47, 25, 47, 28, 47); this.img.vertex(52, 47); this.img.bezierVertex(54, 47, 55, 46, 57, 52); this.img.vertex(57, 100); this.img.vertex(23, 100); this.img.endShape(CLOSE); this.img.beginShape(); this.img.fill(0, 0, 255); this.img.vertex(23, 100); this.img.vertex(57, 100); this.img.bezierVertex(57, 120, 23, 120, 23, 100); this.img.endShape(CLOSE); this.img.pushMatrix(); this.img.translate(40, 110); this.img.rotate(this.walking ? this.angle : 0); this.img.fill(0, 0, 255); this.img.rect(0, 20, 15, 40); this.img.fill(0, 0, 0); this.img.beginShape(); this.img.vertex(-7, 40); this.img.vertex(7, 40); this.img.bezierVertex(10, 40, 16, 50, 13, 50); this.img.vertex(3, 50); this.img.vertex(-2, 50); this.img.vertex(-7, 50); this.img.endShape(CLOSE); this.img.popMatrix(); this.img.pushMatrix(); this.img.translate(40, 110); this.img.rotate(this.walking ? -this.angle : 0); this.img.fill(0, 0, 255); this.img.rect(0, 20, 15, 40); this.img.fill(0, 0, 0); this.img.beginShape(); this.img.vertex(-7, 40); this.img.vertex(7, 40); this.img.bezierVertex(10, 40, 16, 50, 13, 50); this.img.vertex(3, 50); this.img.vertex(-2, 50); this.img.vertex(-7, 50); this.img.endShape(CLOSE); this.img.popMatrix(); } else { this.angle = sin(radians(frameCount)) * 2; this.img.background(0, 0, 0, 0); this.img.noStroke(); this.img.rectMode(CENTER); this.img.fill(255, 205, 75); this.img.rect(40, 40, 15, 13); this.img.ellipse(40, 18, 35, 35); this.img.noStroke(); this.img.fill(0, 0, 0); this.img.beginShape(); this.img.vertex(28, 10); this.img.curveVertex(23, 16); this.img.curveVertex(27, 4); this.img.curveVertex(37, 0); this.img.curveVertex(47, 1); this.img.curveVertex(55, 10); this.img.curveVertex(45, 16); this.img.curveVertex(37, 18); this.img.curveVertex(28, 16); this.img.endShape(CLOSE); this.img.noStroke(); this.img.strokeWeight(1); this.img.fill(255, 0, 0); this.img.beginShape(); this.img.vertex(19, 52); this.img.bezierVertex(20, 47, 21, 47, 24, 47); this.img.vertex(56, 47); this.img.bezierVertex(58, 47, 59, 46, 61, 52); this.img.vertex(61, 100); this.img.vertex(19, 100); this.img.endShape(CLOSE); this.img.beginShape(); this.img.fill(0, 0, 255); this.img.vertex(19, 100); this.img.vertex(61, 100); this.img.bezierVertex(61, 120, 19, 120, 19, 100); this.img.endShape(CLOSE); this.img.pushMatrix(); this.img.translate(40, 110); this.img.fill(0, 0, 255); this.img.rect(-8, 20 + this.angle, 15, 40); this.img.fill(0, 0, 0); this.img.beginShape(); this.img.vertex(-15, 40 + this.angle); this.img.vertex(-1, 40 + this.angle); this.img.vertex(-1, 50 + this.angle); this.img.vertex(-15, 50 + this.angle); this.img.endShape(CLOSE); this.img.popMatrix(); this.img.pushMatrix(); this.img.translate(40, 110); this.img.fill(0, 0, 255); this.img.rect(8, 20 - this.angle, 15, 40); this.img.fill(0, 0, 0); this.img.beginShape(); this.img.vertex(2, 40 - this.angle); this.img.vertex(15, 40 - this.angle); this.img.vertex(15, 50 - this.angle); this.img.vertex(2, 50 - this.angle); this.img.endShape(CLOSE); this.img.popMatrix(); } }; playerImage.prototype.display = function() { imageMode(CENTER); pushMatrix(); translate(this.position.x, this.position.y); scale(this.facing === "Right" ? 1 : -1, 1); image(this.img, 0, 0, this.width, this.height); popMatrix(); }; var player = function(x, y) { rigidBody.call(this, x, y, 40, 80); this.exist = true; this.climbing = false; this.angle = 0; this.facing = "Right"; this.walking = false; this.canMove = true; this.img = new playerImage(x, y, 40, 80); }; player.prototype = Object.create(rigidBody.prototype); player.prototype.display = function() { this.img.climbing = this.climbing; this.img.facing = this.facing; this.img.walking = this.walking; this.img.position = this.position; this.img.display(); if(debugging) { stroke(0, 0, 255); strokeWeight(1); line(this.position.x, this.position.y, this.position.x + (this.velocity.x * 5), this.position.y + (this.velocity.y * 5)); } }; player.prototype.update = function() { this.img.update(); this.velocity.add(this.acceleration); this.velocity.mult(0.91); this.acceleration.mult(0); this.position.x += this.velocity.x; for (var i = 0; i < arguments.length; i++) { this.collideX(arguments[i]); } this.position.y += this.velocity.y; for (var i = 0; i < arguments.length; i++) { this.collideY(arguments[i]); } if(!this.climbing) { this.addForce(new PVector(0, 3)); } if(this.canMove) { if((keys[UP] \|\| keys[keyCodes.W]) && this.velocity.y === 0 && !this.climbing) { this.addForce(new PVector(0, -100)); } if((keys[UP] \|\| keys[keyCodes.W]) && this.climbing) { this.addForce(new PVector(0, (keys[SHIFT]) ? -4 : -2)); } if((keys[DOWN] \|\| keys[keyCodes.S]) && this.climbing) { this.addForce(new PVector(0, (keys[SHIFT]) ? 4 : 2)); } if(keys[RIGHT] \|\| keys[keyCodes.D]) { this.addForce(new PVector((keys[SHIFT]) ? 4 : 2, 0)); this.facing = "Right"; } if(keys[LEFT] \|\| keys[keyCodes.A]) { this.addForce(new PVector((keys[SHIFT]) ? -4 : -2, 0)); this.facing = "Left"; } if(keys[LEFT] \|\| keys[keyCodes.A] \|\| keys[RIGHT] \|\| keys[keyCodes.D]) { this.walking = true; } else { this.walking = false; } } }; player.prototype.collideX = function(objects) { for (var i = 0; i < objects.length; i++) { if (collision(this, objects[i])) { if (this.velocity.x > 0) { this.velocity.x = 0; this.position.x = objects[i].position.x - ((objects[i].width / 2) + (this.width / 2)); } if (this.velocity.x < 0) { this.velocity.x = 0; this.position.x = objects[i].position.x + ((objects[i].width / 2) + (this.width / 2)); } } } }; player.prototype.collideY = function(objects) { for (var i = 0; i < objects.length; i++) { if (collision(this, objects[i])) { if (this.velocity.y > 0) { this.velocity.y = 0; this.position.y = objects[i].position.y - ((objects[i].height / 2) + (this.height / 2)); } if (this.velocity.y < 0) { this.velocity.y = -1; this.position.y = objects[i].position.y + ((objects[i].height / 2) + (this.height / 2)); } } } }; var block = function(x, y) { this.position = new PVector(x, y); this.width = 40; this.height = 40; }; block.prototype.display = function() { imageMode(CENTER); if(!game.emergency.isTrue) { image(sprite.Cyan_Block, this.position.x, this.position.y, this.width, this.height); } else { image(frameCount % 100 < 50 ? sprite.Cyan_Block : sprite.Red_Block, this.position.x, this.position.y, this.width, this.height); } }; var checkpoint = function(x, y) { this.position = new PVector(x, y); this.width = 80; this.height = 80; this.gfx = createGraphics(400, 400, JAVA2D); this.angle = 0; this.hologram = { height: 0, }; }; checkpoint.prototype.display = function() { fill(115, 0, 175, 100); rectMode(CENTER); noStroke(); rect(this.position.x, this.position.y + (this.height / 2) - (this.hologram.height / 2) - 10, this.width - 30, this.hologram.height); if(this.hologram.height >= this.height - 10 && this.angle >= Math.PI / 2) { fill(95, 0, 155, 100); textAlign(CENTER, CENTER); textFont(createFont("Arial Bold"), 36); text("✔", this.position.x, this.position.y); } this.gfx.background(0, 0, 0, 0); this.gfx.fill(100, 100, 100); this.gfx.stroke(50, 50, 50); this.gfx.strokeWeight(8); this.gfx.beginShape(); this.gfx.vertex(15, 395); this.gfx.vertex(60, 345); this.gfx.vertex(340, 345); this.gfx.vertex(385, 395); this.gfx.endShape(CLOSE); this.gfx.fill(95, 0, 155); this.gfx.stroke(115, 0, 175); this.gfx.strokeWeight(8); this.gfx.pushMatrix(); this.gfx.translate(60, 342); this.gfx.rotate(-this.angle); this.gfx.beginShape(); this.gfx.vertex(0, 0); this.gfx.bezierVertex(25, -42, 140, -42, 140, -42); this.gfx.vertex(140, 0); this.gfx.endShape(CLOSE); this.gfx.popMatrix(); this.gfx.pushMatrix(); this.gfx.translate(340, 342); this.gfx.rotate(this.angle); this.gfx.beginShape(); this.gfx.vertex(0, 0); this.gfx.bezierVertex(-25, -42, -140, -42, -140, -42); this.gfx.vertex(-140, 0); this.gfx.endShape(CLOSE); this.gfx.popMatrix(); imageMode(CENTER); image(this.gfx, this.position.x, this.position.y, this.width, this.height); if(game.save === this.position) { this.angle += (this.angle < Math.PI / 2) ? radians(2) : 0; this.hologram.height += (this.hologram.height < this.height - 10) ? 1 : 0; } else { this.angle -= (this.angle > 0) ? radians(2) : 0; this.hologram.height -= (this.hologram.height > 0) ? 1 : 0; this.hologram.height -= (this.hologram.height > 0) ? 1 : 0; } }; checkpoint.prototype.update = function(object) { if(collision(this, object)) { game.save = this.position; } }; var goal = function(x, y) { this.position = new PVector(x, y); this.width = 40; this.height = 80; this.hasPlayer = false; this.sign = { text: "EXIT", x: 0, gfx: createGraphics(this.width, 15, JAVA2D), }; }; goal.prototype.display = function() { noStroke(); rectMode(CENTER); fill(120, 120, 120); rect.call(this, this.position.x, this.position.y - 10, this.width + 10, this.height + 20, 10, 10, 0, 0); fill(0, 0, 0); rect(this.position.x, this.position.y, this.width, this.height); this.sign.gfx.background(0, 0, 0, 0); this.sign.gfx.rectMode(CENTER); this.sign.gfx.fill(0, 0, 0); this.sign.gfx.noStroke(); this.sign.gfx.rect(this.sign.gfx.width / 2, this.sign.gfx.height / 2, this.sign.gfx.width, this.sign.gfx.height, 10, 10, 0, 0); this.sign.gfx.textAlign(CENTER, CENTER); this.sign.gfx.textFont(createFont("Impact"), 15); this.sign.gfx.fill(0, 200, 0); this.sign.gfx.text(this.sign.text, this.sign.gfx.width / 2 + this.sign.x, this.sign.gfx.height / 2 + 2); this.sign.x = (this.sign.gfx.width / 2 + this.sign.x < this.sign.gfx.width + 10) ? this.sign.x + 1 : - (this.sign.gfx.width + 10); for(var i = 2; i < this.sign.gfx.height; i += 3) { this.sign.gfx.stroke(0, 0, 0); this.sign.gfx.strokeWeight(1); this.sign.gfx.line(2, i, this.sign.gfx.width - 2, i); } imageMode(CENTER); image(this.sign.gfx, this.position.x, this.position.y - (this.height / 2 + 10)); }; goal.prototype.update = function(player) { if(collision(this, player)) { if(game.level < game.levels.length - 1) { game.advanceToNextLevel(); } else { scene = "Ending"; } } }; var enemy = function(x, y) { this.facing = round(random(0, 1)); rigidBody.call(this, x, y, 80, 40); this.exist = true; }; enemy.prototype = Object.create(rigidBody.prototype); enemy.prototype.display = function() { imageMode(CENTER); pushMatrix(); translate(this.position.x, this.position.y + 5); scale(this.velocity.x < 0 ? 1 : -1, 1 + sin(radians(frameCount)) / 10); image(sprite.Enemy, 0, 0, this.width, this.height 2); popMatrix(); }; enemy.prototype.update = function(player) { this.velocity.add(this.acceleration); this.velocity.mult(0.91); this.acceleration.mult(0); this.position.x += this.velocity.x; for (var i = 0; i < arguments.length; i++) { this.collideX(arguments[i]); } this.position.y += this.velocity.y; for (var i = 0; i < arguments.length; i++) { this.collideY(arguments[i]); } this.addForce(new PVector((this.facing === 0) ? -1 : 1, 3)); }; enemy.prototype.collideX = function(objects) { for (var i = 0; i < objects.length; i++) { if (collision(this, objects[i])) { if (this.velocity.x > 0) { this.facing = 0; this.position.x = objects[i].position.x - ((objects[i].width / 2) + (this.width / 2)); } if (this.velocity.x < 0) { this.facing = 1; this.position.x = objects[i].position.x + ((objects[i].width / 2) + (this.width / 2)); } } } }; enemy.prototype.collideY = function(objects) { for (var i = 0; i < objects.length; i++) { if (collision(this, objects[i])) { if (this.velocity.y > 0) { this.velocity.y = 0; this.position.y = objects[i].position.y - ((objects[i].height / 2) + (this.height / 2)); } if (this.velocity.y < 0) { this.velocity.y = 0; this.position.y = objects[i].position.y + ((objects[i].height / 2) + (this.height / 2)); } } } }; enemy.prototype.interact = function(player) { if(collision(this, player) && player.velocity.y < 1) { player.exist = false; } else if(collision(this, player) && player.velocity.y >= 1) { player.addForce(new PVector(0, -100)); this.exist = false; } }; var rung = function(x, y) { this.position = new PVector(x, y); this.width = 40; this.height = 40; }; rung.prototype.display = function() { imageMode(CENTER); image(sprite.Rung, this.position.x, this.position.y, this.width, this.height); }; var decoration = function(x, y, width, height) { this.position = new PVector(x, y); this.width = width; this.height = height; }; var ionSign = function(x, y) { decoration.call(this, x, y, 40, 40); }; ionSign.prototype.display = function() { imageMode(CENTER); image(sprite.Radiation, this.position.x, this.position.y, this.width, this.height); }; var records = function(x, y) { decoration.call(this, x, y, 160, 160); }; records.prototype.display = function() { imageMode(CENTER); image(sprite.Records, this.position.x, this.position.y, this.width, this.height); }; var speechBubble = function(txt, x, y, w, h, mode, size) { pushMatrix(); translate(x, y); if(mode === "Top-left") { scale(1, 1); } else if(mode === "Bottom-Left") { scale(1, -1); } else if(mode === "Top-Right") { scale(-1, 1); } else if(mode === "Bottom-Right") { scale(-1, -1); } imageMode(CENTER); image(sprite.Speech, 0, 0, w, h); popMatrix(); fill(0, 0, 0); textAlign(CORNER, CORNER); textSize(size); text(txt, x - w / 2.5, y - h / 3, w - (w / 7), h); }; var explosion = function() { this.height = 50; this.width = 20; this.lerp = 0; this.s = 7; this.rHeight = 0; this.alpha = 255; this.cloudW = 30; this.cloudH = this.cloudW2; this.ringW = this.width6; this.ringH = 60; this.r = 300; }; explosion.prototype.run = function() { pushMatrix(); translate(200, 398); if(this.alpha > 0) { if(this.lerp < 1) { this.lerp += 0.01; } if(this.s < 40) { this.s+=0.5; } if(this.height < 300) { this.height += round(random(0, 5)); } if(this.width < 30) { this.width += 0.5; } if(this.cloudW < 400) { this.cloudW += 1; } if(this.cloudW < 400) { this.ringW+=0.25; this.ringH+=0.15; } } if(this.height > 50) { if(this.rHeight < 30) { this.rHeight+=0.5; } if(this.r > 150) { this.r-=0.25; } if(this.height >= 300 && this.cloudW >= 150) { this.alpha-=1.5; } if(this.height >= 150 && this.width >= 30) { noFill(); strokeWeight(20); stroke(lerpColor(color(255, 200, 0, this.alpha), color(120, 120, 120, this.alpha), this.lerp)); arc(0, -this.height/1.5, this.ringW, this.ringH/2, -Math.PI, 0); } noStroke(); fill(lerpColor(color(255, 140, 0, this.alpha), color(140, 140, 140, this.alpha), this.lerp)); ellipse(0, -this.height, this.cloudW, this.cloudH/1.5); ellipse(0, -this.height+10, this.cloudW/1.25, this.cloudH); fill(lerpColor(color(255, 155, 0, this.alpha), color(150, 150, 150, this.alpha), this.lerp)); noStroke(); for(var i = -this.height; i < - this.s / 4; i += this.s / 2) { for(var j = -this.width/2; j < this.width/2; j+=7) { ellipse(j, i, this.s, this.s); } } for(var i = -this.r; i <= this.r; i += 10) { ellipse(i, -10, 20, 20); } for(var i = -this.r/2; i <= this.r/2; i += 10) { for(var j = (-10) - this.rHeight; j < -5; j +=10) { ellipse(i, j, 20, 20); } } for(var i = -this.r/3; i <= this.r/3; i += 10) { for(var j = (-10) - this.rHeight2; j < -5; j += 10) { ellipse(i, j, 20, 20); } } pushMatrix(); noStroke(); fill(lerpColor(color(255, 140, 0, this.alpha), color(140, 140, 140, this.alpha), this.lerp)); translate(0, -this.height); ellipse(0, -this.cloudH/1.5, this.cloudW, this.cloudH); ellipse(-this.cloudW/3, -this.cloudH/2, this.cloudW, this.cloudH); ellipse(this.cloudW/3, -this.cloudH/2, this.cloudW, this.cloudH); popMatrix(); strokeWeight(20); noFill(); if(this.height >= 150 && this.width >= 30) { stroke(lerpColor(color(255, 200, 0, this.alpha), color(130, 130, 130, this.alpha), this.lerp)); arc(0, -this.height/1.5, this.ringW, this.ringH/2, 0, Math.PI); } popMatrix(); } if(this.alpha > 10) { translate(random(-1, 1), random(-1, 1)); } else { translate(0, 0); } }; var escapePod = function(x, y, size) { this.position = new PVector(x, y); this.size = size; this.velocity = new PVector(0, 0); this.status = "Off"; }; escapePod.prototype.display = function(angle) { if(angle === undefined) { angle = 0; } pushMatrix(); imageMode(CENTER); translate(this.position.x, this.position.y); if(this.status === "Off") { rotate(angle); } else if(this.status === "Running") { noStroke(); fill(random(200, 255), random(100, 255), 0); for(var i = 0; i < 3; i++) { triangle(this.size/2, -this.size/4, this.size/2, this.size/4, random(this.size - (this.size/4), this.size), random(-this.size/4, this.size/4)); } } else if(this.status === "Landing") { noStroke(); fill(random(200, 255), random(100, 255), 0); for(var i = 0; i < 3; i++) { triangle(-this.size/4, this.size/4, this.size/4, this.size/4, random(-this.size/4, this.size/4), random(this.size - (this.size/4), this.size)); } } image(sprite.Pod, 0, 0, this.size, this.size); popMatrix(); }; escapePod.prototype.update = function() { this.position.add(this.velocity); }; var ship = function(x, y) { this.position = new PVector(x, y); this.velocity = new PVector(0, 0); this.crashing = false; this.emergency = true; this.explode = false; }; ship.prototype.display = function(angle) { if(angle === undefined) { angle = 0; } pushMatrix(); imageMode(CENTER); translate(this.position.x, this.position.y); if(this.crashing) { rotate(angle); } if(!this.explode) { if(!this.crashing) { if(!this.emergency) { image(sprite.Cyan_Ship, 0, 0, 200, 200); } else { if(frameCount % 100 < 50) { image(sprite.Cyan_Ship, 0, 0, 200, 200); } else { image(sprite.Red_Ship, 0, 0, 200, 200); } } } else { image(sprite.Dead_Ship, 0, 0, 200, 200); } } popMatrix(); }; ship.prototype.update = function() { this.position.add(this.velocity); }; var beginning = function() { this.time = 0; this.sec = second(); this.ship = new ship(200, 130); this.player = new playerImage(200, 365, 10, 20); this.scene = "Capture"; }; beginning.prototype.run = function() { imageMode(CENTER); if(this.scene === "Capture") { image(sprite.Sky, 200, 200); image(sprite.Ground, 200, 200); image(sprite.Barn, 100, 315, 150, 150); this.player.update(); this.player.display(); image(sprite.Cyan_Ship, 200, 100, 400, 400); if(this.time >= 2) { noStroke(); fill(0, 255, 200, 150); quad(225, 152, 175, 152, 150, 380, 250, 380); } if(this.time >= 5) { this.player.position.sub(0, 1); } if(this.player.position.y <= 100) { this.player = new playerImage(100, 320, 40, 80); this.time = 0; this.scene = "Escape"; } } else if(this.scene === "Escape") { background(100, 100, 100); for(var i = 0; i < 10; i++) { image(sprite.Cyan_Block, 20 + i 40, 380, 40, 40); } if(this.time >= 4) { background(0, 0, 0); } if(this.time >= 5 && this.time <= 7) { speechBubble("POWER SYSTEM FAILURE ON SECTION 950!", 300, 50, 150, 90, "Top-Right", 15); } if(this.time >= 8) { this.player.walking = true; this.player.position.add(3, 0); } this.player.update(); this.player.display(); if(this.time < 4) { noStroke(); fill(0, 255, 200, 150); arc(100, 360, 170, 170, Math.PI + (Math.PI / 180), Math.PI * 2); } if(this.player.position.x >= width + 50) { game.start(0); } } if(this.sec !== second()) { this.time++; this.sec = second(); } }; var ending = function() { this.time = 0; this.sec = second(); this.ship = new ship(200, 130); this.pod = new escapePod(125, this.ship.position.y + 5, 25); this.shipAngle = 0; this.explosion = new explosion(); this.scene = "Ship Desolation"; }; ending.prototype.run = function() { imageMode(CENTER); image(sprite.Sky, 200, 200); if(this.scene === "Ship Desolation") { if(this.time >= 4 && this.time <= 8) { textFont(createFont("Impact")); speechBubble("Diverting all system powers to auto-destruct.", 300, 50, 150, 90, "Bottom-Left", 16); } if(this.time >= 10) { this.ship.crashing = true; if(this.pod.status !== "Running") { if(this.pod.position.y >= 150) { this.pod.velocity.x = -0.75; } this.pod.velocity.y += 0.05; if(this.pod.position.y >= 325) { this.pod.status = "Running"; } } else { this.pod.velocity.y = 0; } this.ship.velocity.y += 0.05; this.shipAngle -= radians(0.1); } if(this.ship.position.y >= 280) { this.ship.explode = true; } image((!this.ship.explode) ? sprite.Ground : sprite.Burnt_Ground, 200, 200); if(this.ship.explode) { this.explosion.run(); } this.pod.display(-Math.PI/4); this.pod.update(); this.ship.display(this.shipAngle); this.ship.update(); if(this.pod.position.x <= -300) { this.pod = new escapePod(325, 200, 40); this.pod.status = "Landing"; this.scene = "Landing"; } } else if(this.scene === "Landing") { this.pod.display(); this.pod.update(); if(this.pod.position.y < 365) { this.pod.velocity.y = 0.5; } else { this.pod.velocity.y = 0; this.pod.status = "Off"; } if(this.pod.status === "Off") { fill(255, 255, 255); textFont(createFont("Impact"), 36); textAlign(CENTER, CENTER); text("THE END", 200, 200); } image(sprite.Ground, 200, 200); image(sprite.Barn, 100, 295, 200, 200); } if(this.sec !== second()) { this.time++; this.sec = second(); } }; var end = new ending(); var begin = new beginning(); frameRate(48); var Player = new player(200, 200); var blocks = [], checkpoints = [], goals = [], enemies = [], rungs = [], decorations = []; var onScreen = function(object) { return object.position.x - object.width / 2 <= Player.position.x + width / 2 \|\| object.position.x + object.width / 2 >= Player.position.x - width / 2; }; blocks.add = function(x, y) { this.push(new block(x, y)); }; blocks.apply = function() { for(var i = 0; i < this.length; i++) { if(onScreen(this[i])) { this[i].display(); } } }; checkpoints.add = function(x, y) { this.push(new checkpoint(x, y)); }; checkpoints.apply = function() { for(var i = 0; i < this.length; i++) { if(onScreen(this[i])) { this[i].display(); } this[i].update(Player); } }; goals.add = function(x, y) { this.push(new goal(x, y)); }; goals.apply = function() { for(var i = 0; i < this.length; i++) { if(onScreen(this[i])) { this[i].display(); } this[i].update(Player); } }; enemies.add = function(x, y) { this.push(new enemy(x, y)); }; enemies.apply = function() { for(var i = 0; i < this.length; i++) { if(onScreen(this[i])) { this[i].display(); } this[i].update(blocks); this[i].interact(Player); if(!this[i].exist) { this.splice(i, 1); } } }; rungs.add = function(x, y) { this.push(new rung(x, y)); }; rungs.apply = function() { for(var i = 0; i < this.length; i++) { if(onScreen(this[i])) { this[i].display(); } } }; decorations.apply = function() { for(var i = 0; i < this.length; i++) { this[i].display(); } }; var gameObjects = [decorations, rungs, blocks, checkpoints, goals, enemies]; gameObjects.remove = function() { for(var i = 0; i < this.length; i++) { for(var j = 0; j < this[i].length; j++) { this[i].splice(j, this[i].length); } } }; var cam = function(x, y, w, h) { this.position = new PVector(x, y); this.w = w; this.h = h; }; cam.prototype.hover = function(object) { this.position.x += cos(atan2(object.position.y - this.position.y, object.position.x - this.position.x)) * (PVector.dist(this.position, object.position) / 8); this.position.y += sin(atan2(object.position.y - this.position.y, object.position.x - this.position.x)) * (PVector.dist(this.position, object.position) / 8); this.position.x = constrain(this.position.x, width / 2, this.w - width / 2); this.position.y = constrain(this.position.y, height / 2, this.h - height / 2); translate(((this.w > width) ? width / 2 - this.position.x : 0), ((this.h > height) ? height / 2 - this.position.y : 0)); }; game.load = function() { this.time = this.levels[this.level].time; for(var i = 0; i < this.levels[this.level].background.length; i++) { for(var j = 0; j < this.levels[this.level].background[i].length; j++) { switch(this.levels[this.level].background[i][j]) { case "I": decorations.push(new ionSign(20 + j * 40, 20 + i * 40)); break; case "R": decorations.push(new records(20 + j * 40, 20 + i * 40)); break; } } } for(var i = 0; i < this.levels[this.level].level.length; i++) { for(var j = 0; j < this.levels[this.level].level[i].length; j++) { switch(this.levels[this.level].level[i][j]) { case "B": blocks.add(20 + j * 40, 20 + i * 40); break; case "P": this.save = new PVector(20 + j * 40, 20 + i * 40); Player = new player(this.save.x, this.save.y); break; case "C": checkpoints.add(j * 40, i * 40); break; case "G": goals.add(20 + j * 40, i * 40); break; case "E": enemies.add(j * 40, 20 + i * 40); break; case "H": rungs.add(20 + j * 40, 20 + i * 40); break; } } this.camera.width = (this.levels[this.level].level[i].length * 40); this.camera.height = (this.levels[this.level].level.length * 40); } this.camera.x = Player.position.x; this.camera.y = Player.position.y; this.cam = new cam(this.camera.x, this.camera.y, this.camera.width, this.camera.height); this.playerLives = 3; }; game.reload = function() { if(this.playerLives > 0) { this.playerLives--; Player = new player(this.save.x, this.save.y); } else { gameObjects.remove(); this.load(); } }; game.advanceToNextLevel = function() { gameObjects.remove(); this.level++; this.load(); }; game.apply = function() { this.emergency.isTrue = (this.level === this.levels.length - 1); background((crashing) ? color(100, 100, 100) : color(0, 100, 0)); pushMatrix(); this.cam.hover(Player); if(!crashing) { for(var i = 0; i < this.levels[this.level].background.length / 4; i += 1) { for(var j = 0; j < this.levels[this.level].background[i].length / 8; j += 1) { if(onScreen({position: new PVector(152 + j * 302, i * 173), width: 200, height: 200,})) { image(sprite.Hexagon, 304 + j * 604, i * 346, 400, 400); } if(onScreen({position: new PVector(j * 302, -86 + i * 173), width: 200, height: 200,})) { image(sprite.Hexagon, j * 604, -172 + i * 346, 400, 400); } } } } for(var i = 0; i < gameObjects.length; i++) { gameObjects[i].apply(); } Player.update(blocks); Player.display(); popMatrix(); if(Player.position.x < Player.width / 2 && Player.velocity.x < 0) { Player.velocity.x = 0; Player.position.x = Player.width / 2; } if(Player.position.x > (this.levels[this.level].level[0].length * 40) - (Player.width / 2) && Player.velocity.x > 0) { Player.velocity.x = 0; Player.position.x = (this.levels[this.level].level[0].length * 40) - (Player.width / 2); } if(Player.position.y >= (this.levels[this.level].level.length * 40) + Player.height) { Player.exist = false; } Player.climbing = false; for(var i = 0; i < rungs.length; i++) { if(collision(rungs[i], Player)) { Player.climbing = true; } } if(!Player.exist) { this.reload(); } if(this.sec !== second()) { this.time -= (!this.stopTime) ? 1 : 0; this.emergency.time += (this.emergency.isTrue) ? 1 : 0; this.sec = second(); } textAlign(CORNER, CORNER); textFont(createFont("Arial Bold"), 16); fill(255, 255, 255); text("LIVES: " + this.playerLives, 10, 20); fill((this.time > 10) ? color(255, 255, 255) : color(255, 0, 0)); text("TIME: " + this.time, 10, 40); if(debugging) { fill(0, 0, 0); noStroke(); rectMode(CORNER); rect(245, 0, 155, 160); fill(255, 0, 0); textAlign(CORNER, CORNER); textFont(createFont("Arial Bold"), 12); text("PROGRAM:\nFPS: " + round(FPS) + "\n\nPLAYER: \nPOSITION: " + round(Player.position.x) + ", " + round(Player.position.y) + "\nVELOCITY: " + round(Player.velocity.x) + ", " + round(Player.velocity.y) + "\nACCELERATION: " + round(Player.acceleration.x) + ", " + round(Player.acceleration.y) + "\nClimbing: " + Player.climbing, 250, 5, 150, Infinity); } if(this.emergency.isTrue) { if(this.emergency.time < 5) { speechBubble("INTRUDER ALERT! ACTIVATING AUTO-DESTRUCT!", 300, 50, 200, 80, "Top-Right", 16); this.stopTime = true; Player.canMove = false; } else { this.stopTime = false; Player.canMove = true; } } if(this.time <= 0) { Player.lives = -1; this.reload(); } }; var shadowText = function(txt, x, y, Color, opacity, margin, w, h) { fill(0, 0, 0, opacity); text(txt, x + margin.x, y + margin.y); fill(Color); text(txt, x, y); }; draw = function() { cursor(ARROW); FPS = (debugging) ? this.__frameRate : 0; if(scene === "Loading") { background(0, 0, 0, 0); sprites[inc].display(); sprite[sprites[inc].name] = get(0, 0, 400, 400); if(inc < sprites.length - 1) { inc++; } else { scene = "Menu"; } background(0, 0, 0); } else if(scene === "Menu") { background(0, 100, 0); for(var i = 0; i < 6; i++) { for(var j = 0; j < 4; j++) { image(sprite.Hexagon, 50 + j * 151, -7 + i * 87, 100, 100); image(sprite.Hexagon, -25 + j * 151, -50 + i * 87, 100, 100); } } for(var i = 0; i < menuButtons.length; i++) { menuButtons[i].display(); } textSize(50); textAlign(CENTER, CENTER); textFont(createFont("Impact", 48)); shadowText("SPACE\nBREAKOUT", 200, 75, color(200, 200, 0), 175, new PVector(2, 2)); } else if(scene === "Instructions") { background(150, 150, 150); fill(0, 0, 0); textAlign(CENTER, CENTER); textFont(createFont("Impact"), 13); text("CONTROLS:\nUse the arrow keys or WASD keys to move,\njump, and climb ladders, hold SHIFT to move faster\nand jump further.\n\nENEMIES:\nThe ship is maintained by its own artificial\nintelligence, but there are alien scavenger\ncreatures that move and can cause instant death.\nYou can defeat them by landing on them though.\n\nCHECKPOINTS:\nLocated in key locatons, checkpoints will\nact as a respawn point once you reach them,\nthey will open up to display a checkmark.\n\nEXITING:\nAt the end of a level there is an open door\nmarked with an \"EXIT\" sign, once you reach\nit, it will advance you to the next level, and eventually\noff the ship.", 200, 175); for(var i = 0; i < instructionButtons.length; i++) { instructionButtons[i].display(); } } else if(scene === "Level Select") { background(150, 150, 150); for(var i = 0; i < levelButtons.length; i++) { levelButtons[i].display(); } } else if(scene === "Begin") { begin.run(); } else if (scene === "Game") { background(100, 100, 100); game.apply(); } else if(scene === "Ending") { end.run(); } };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIUCxIKU2NyYXRjaHBhZBjws7acCww
Votes	292
Spin-Offs	3
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	{"id":"5520612668080128","title":"ORIGINAL Platformer CONTEST! EXTENSION","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	K. Russell Smith
Author Name	PushingTheLimits
Author ID	kaid_273072378035822649931049
Author Profile Access	COACH

Archive Data

Added	6 months ago, 1739286300662
Updated	4 months ago, 1744844978967
Source Deleted	unknown