Viewing Program

Program Data

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

Title	Fortress Breakout 2.0
ID	5910100144422912
Created	10 years ago, 1441934196868
Updated	10 years ago, 1441934196885
Code	/* A rereleased version of this: https://www.khanacademy.org/cs/fortress-breakout/5314970442137600 The main issue with the old version was that while it had great gameplay and animation, it didn't have great graphics, but I have fixed that by adding graphics to the program. It also didn't have a level select, but this version does, making it easy to go back to the level you were on if you lose. CREDITS: While no code has been copied, I did use some of the same methods and functions as Cubix 2 (for example collision, object removal, and object adding and applying): https://www.khanacademy.org/cs/cubix-2/4522412633489408 / //Set this to true to get print of the program's frame rate every 10 frames: var giveMeFrameRate = false; //The score: var score = 0; //The current scene: var scene = "Menu"; //The game's constructor: var game = function() { //Levels - B: Block, P: player, G: Gold coin, S: Silver Coin, C: Copper coin, H: horizontaly moving robot, V: Verticly moving robot, K: Keycard, E: Goal. this.levels = [ [ "BBBBBBBBBBBBBBBBBBB", "B C B", "B P B", "B B", "B B", "B C B", "B B H B", "B V B", "B B B", "B K E", "B BBBBB", "B C B", "B B", "B B C B", "B B", "B C B", "B B", "B B", "BBBBBBBBBBBBBBBBBBB", ], [ "BBBBBBBBBBBBBBBBBBB", "BP S B", "B B B", "B C B", "B B", "B B B", "B B B", "B B", "B B", "B S K B", "B B", "B S B", "B B B B", "B BBBBB", "B B V VB", "B B C B", "B B", "B V V E", "BBBBBBBBBBBBBBBBBBB", ], [ "BBBBBBBBBBBBBBBBBBB", "BS H B", "B B", "B B", "B B", "B B", "B B", "B B", "B B", "BV P VB", "B BBB", "B B", "B VKB", "B GB", "B BBB", "B VVB", "B BHG B", "B H BH EB", "BBBBBBBBBBBBBBBBBBB", ], [ "BBBBBBBBBBBBBBBBBBB", "BP H H VH EB", "BBBBBBBBB V BBBBBBB", "BBBBBBB K BBBBBBB", "BBBBBBB BBBBBBBBBBB", "BBBBBBB BBBBBBBBBBB", "BBBBBBB BBBBBBBBBBB", "BBBBBBBGBBBBBBBBBBB", "BBBBBBBBBBBBBBBBBBB", "BBBBBBBBBBBBBBBBBBB", "BBBBBBBBBBBBBBBBBBB", "B B", "B B", "B B", "B B", "B B", "B B", "B B", "BBBBBBBBBBBBBBBBBBB", ], [ "BBBBBBBBBBBBBBBBBBB", "B B", "B B", "BH V V V P V V V HB", "B K B", "BH K HB", "B B", "BH K HB", "B B", "BH K HB", "B B", "BH K HB", "B B", "BH HB", "B K B", "BH HB", "B G B", "BH V V V E V V V HB", "BBBBBBBBBBBBBBBBBBB", ], [ "BBBBBBBBBBBBBBBBBBB", "B P VB", "BBBBBBBBBBBBBBBB B", "BV KB", "B BBBBBBBBBBBBBBBB", "BG H B", "BBBBBBBBBBBBBBBB B", "BVV B", "B BBBBBBBBBBBBBBBB", "BG B", "BBBBBBBBBBBBBBBB B", "B S H B", "B BBBBBBBBBBBBBBBB", "B B", "BBBBBBBBBBBBBBBBVKB", "B B", "B BBBBBBBBBBBBBBBB", "B H EB", "BBBBBBBBBBBBBBBBBBB", ], ]; //Lights, define true or false for each level: this.lights = [ [ true ], [ false ], [ true ], [ false ], [ true ], [ false ], ]; //Messages, define an array for each level (even if that array is empty): this.messages = [ [ "Well done, I see you've managed to escape your cell, now it's time to break out of the enemy fortress, use the arrow keys to move. There are some robots, avoid them as much as possible. You might also notice some coins, collect them to earn points. There are some red cards, those are keycards, collect them if you want to continue. And finally there's the blue portal, get to it with all of the level's keycards to continue. Click the \"X\" in the top-right corner to close this message." ], [ "Uh oh, who turned out the lights? Good thing you have a lantern for situations like this." ], [ ], [ ], [ ], [ "Try your best to use good timing." ], ]; //The current level: this.level = 0; }; //For pressing keys: var keys = []; var keyPressed = function() { keys[keyCode] = true; }; var keyReleased = function() { keys[keyCode] = false; }; //Collision function: var collision = function(object1, object2) { return object1.x-object1.w/2 < object2.x+object2.w/2 && object1.x+object1.w/2 > object2.x-object2.w/2 && object1.y-object1.h/2 < object2.y+object2.h/2 && object1.y+object1.h/2 > object2.y-object2.h/2; }; //Robot object: var robot = function(x, y, w, h, type) { this.x = x; this.y = y; this.velocityX = 0; this.velocityY = 0; this.w = w; this.h = h; this.type = type; this.speed = 4; if(this.type === "vertical") { this.velocityY = -this.speed; } else if(this.type === "horizontal") { this.velocityX = -this.speed; } }; robot.prototype.display = function() { imageMode(CENTER); pushMatrix(); translate(this.x, this.y); scale((this.velocityX<0?-1:1), 1); image(getImage("avatars/robot_male_1"), 0, 0, this.w, this.h); popMatrix(); }; robot.prototype.update = function(objects) { this.x+=this.velocityX; this.collide(objects, this.velocityX, 0); this.y+=this.velocityY; this.collide(objects, 0, this.velocityY); }; robot.prototype.collide = function(objects, velocityX, velocityY) { for(var i = 0; i < objects.length; i++) { if(collision(this, objects[i])) { if(velocityX !== 0) { this.velocityX -= this.velocityX2; } if(velocityY !== 0) { this.velocityY -= this.velocityY2; } } } }; robot.prototype.hurt = function(objects) { for(var i = 0; i < objects.length; i++) { objects[i].health -= ((collision(this, objects[i]) && objects[i].exist) ? 0.75 : 0); } }; //Message object: var message = function(txt) { this.txt = txt; this.exist = true; this.l = 0; }; message.prototype.display = function() { if(this.exist) { fill(0, 100, 255, 100); noStroke(); rectMode(CENTER); rect(width/2, height/2, width, height); for(var i = 0; i < height; i += random(50, 150)) { fill(0, 100, 255, 30); rect(width/2, i, width, random(2, 4)); } textSize(14); textFont(createFont("Arial Bold")); textAlign(CORNER, CORNER); fill(0, 0, 0); text(this.txt.substring(0, this.l), 19, 24, width-20, height); text(this.txt.substring(0, this.l), 21, 26, width-20, height); text(this.txt.substring(0, this.l), 19, 26, width-20, height); text(this.txt.substring(0, this.l), 21, 24, width-20, height); fill(255, 255, 255); text(this.txt.substring(0, this.l), 20, 25, width-20, height); fill(255, 0, 0); rectMode(CENTER); rect(width-10, 10, 20, 20); fill(0, 0, 0); textAlign(CENTER, CENTER); textSize(16); textFont(createFont("Arial Bold")); text("X", width-10, 10); this.l += ((this.l < this.txt.length) ? 0.75 : 0); this.exist = ((mouseIsPressed && mouseX >= width-20 && mouseY <= 20) ? false : true); } }; //Block object: var block = function(x, y, w, h) { this.x = x; this.y = y; this.w = w; this.h = h; }; block.prototype.display = function() { fill(50, 50, 50); noStroke(); rectMode(CENTER); strokeWeight(1); stroke(0); rect(this.x, this.y, this.w, this.h); fill(0, 255, 255); stroke(0, 255, 255); ellipse(this.x, this.y, this.w/4, this.h/4); line(this.x-this.w/2, this.y, this.x+this.h/2, this.y); line(this.x, this.y-this.h/2, this.x, this.y+this.h/2); }; //Keycard object: var keycard = function(x, y, w, h) { this.x = x; this.y = y; this.h = h; this.w = w; this.exist = true; }; keycard.prototype.display = function() { if(this.exist) { fill(255, 0, 0, 100); strokeWeight(2); stroke(255, 0, 0); rectMode(CENTER); rect(this.x, this.y, this.w, this.h); fill(255, 0, 0); ellipse(this.x, this.y, this.w/10, this.h/10); strokeCap(SQUARE); strokeWeight((this.w+this.h)/7); stroke(255, 0, 0); noFill(); arc(this.x, this.y, this.w/2, this.h/2, 60, 120); arc(this.x, this.y, this.w/2, this.h/2, 180, 240); arc(this.x, this.y, this.w/2, this.h/2, 300, 360); } }; keycard.prototype.collide = function(objects) { for(var i = 0; i < objects.length; i++) { if(collision(this, objects[i]) && this.exist) { objects[i].keycards++; this.exist = false; } } }; //Coin object: var coin = function(x, y, w, h, value) { this.x = x; this.y = y; this.w = w; this.h = h; this.value = value; this.exist = true; }; coin.prototype.display = function() { if(this.exist) { pushMatrix(); translate(this.x, this.y); scale(this.w/30, this.h/30); if(this.value === 1) { fill(185, 115, 50); stroke(140, 85, 35); strokeWeight(3); ellipseMode(CENTER); ellipse(0, 0, 30, 30); imageMode(CENTER); image(getImage("avatars/leaf-orange"), 0, 0, 25, 25); } else if(this.value === 2) { fill(190, 190, 190); stroke(140, 140, 140); strokeWeight(3); ellipseMode(CENTER); ellipse(0, 0, 30, 30); imageMode(CENTER); image(getImage("avatars/leaf-grey"), 0, 0, 25, 25); } else if(this.value === 3) { fill(255, 240, 0); stroke(190, 160, 0); strokeWeight(3); ellipseMode(CENTER); ellipse(0, 0, 30, 30); imageMode(CENTER); image(getImage("avatars/leaf-yellow"), 0, 0, 25, 25); } popMatrix(); } }; coin.prototype.collide = function(objects) { for(var i = 0; i < objects.length; i++) { if(collision(this, objects[i]) && this.exist) { this.exist = false; score += this.value100; } } }; //Goal object: var goal = function(x, y, w, h) { this.x = x; this.y = y; this.w = w; this.h = h; this.hasObject = false; }; goal.prototype.display = function() { noStroke(); fill(0, 200+sin(frameCount)25, 200+cos(frameCount)25); rectMode(CENTER); rect(this.x, this.y, this.w, this.h); }; goal.prototype.collide = function(objects) { for(var i = 0; i < objects.length; i++) { this.hasObject = (collision(this, objects[i]) ? true : false); } }; //Player object: var player = function(x, y, w, h) { this.x = x; this.y = y; this.w = w; this.h = h; this.velocityX = 0; this.velocityY = 0; this.score = 0; this.health = 100; this.exist = true; this.facing = "right"; this.keycards = 0; }; player.prototype.display = function() { if(this.exist) { imageMode(CENTER); pushMatrix(); translate(this.x, this.y); if(this.facing === "right") { scale(1, 1); } else if(this.facing === "left") { scale(-1, 1); } image(getImage("cute/CharacterBoy"), 0, -this.h/8, this.w, this.h1.5); if(this.facing === "up") { noStroke(); fill(35, 35, 35); ellipse(0, -this.h/10, this.w/1.5, this.h/2.5); } popMatrix(); } }; player.prototype.update = function(objects) { if(this.exist) { if(keys[RIGHT]) { this.velocityX = 2; this.facing = "right"; } if(keys[LEFT]) { this.velocityX = -2; this.facing = "left"; } if(keys[DOWN]) { this.velocityY = 2; this.facing = "down"; } if(keys[UP]) { this.velocityY = -2; this.facing = "up"; } if(!keys[RIGHT] && !keys[LEFT]) { if(this.velocityX > 0) { this.velocityX -= 2; } if(this.velocityX < 0) { this.velocityX += 2; } } if(!keys[DOWN] && !keys[UP]) { if(this.velocityY > 0) { this.velocityY -= 2; } if(this.velocityY < 0) { this.velocityY += 2; } } this.x+=this.velocityX; this.collide(objects, this.velocityX, 0); this.y+=this.velocityY; this.collide(objects, 0, this.velocityY); this.exist = (this.health <= 0 ? false : true); } }; player.prototype.collide = function(objects, velocityX, velocityY) { for(var i = 0; i < objects.length; i++) { if(collision(this, objects[i])) { if(velocityX > 0) { this.velocityX = 0; this.x = objects[i].x-objects[i].w; } if(velocityX < 0) { this.velocityX = 0; this.x = objects[i].x+objects[i].w; } if(velocityY > 0) { this.velocityY = 0; this.y = objects[i].y-objects[i].h; } if(velocityY < 0) { this.velocityY = 0; this.y = objects[i].y+objects[i].h; } } if(this.x >= width-this.w/2 && velocityX > 0) { this.velocityX = 0; this.x = width-this.w/2; } if(this.x <= this.w/2 && velocityX < 0) { this.velocityX = 0; this.x = this.w/2; } if(this.y >= height-this.h/2 && velocityY > 0) { this.velocityY = 0; this.y = height-this.h/2; } if(this.y <= this.h/2 && velocityY < 0) { this.velocityY = 0; this.y = this.h/2; } } }; //Arrays for all objects: var blocks = []; var players = []; var coins = []; var robots = []; var goals = []; var keycards = []; var messages = []; //Add and apply the blocks: blocks.add = function(x, y, w, h) { blocks.push(new block(x, y, w, h)); }; blocks.apply = function() { for(var i = 0; i < blocks.length; i++) { blocks[i].display(); } }; //Add and apply the player: players.add = function(x, y, w, h) { players.push(new player(x, y, w, h)); }; players.apply = function() { for(var i = 0; i < players.length; i++) { players[i].update(blocks); players[i].display(); scene = (players[i].exist ? "Game" : "Game Over"); } }; //Add and apply the coins: coins.add = function(x, y, w, h, value) { coins.push(new coin(x, y, w, h, value)); }; coins.apply = function() { for(var i = 0; i < coins.length; i++) { coins[i].collide(players); coins[i].display(); } }; //Add and apply the robots: robots.add = function(x, y, w, h, type) { robots.push(new robot(x, y, w, h, type)); }; robots.apply = function() { for(var i = 0; i < robots.length; i++) { robots[i].update(blocks); robots[i].hurt(players); robots[i].display(); } }; //Add and apply the goals: goals.add = function(x, y, w, h) { goals.push(new goal(x, y, w, h)); }; goals.apply = function() { for(var i = 0; i < goals.length; i++) { goals[i].display(); goals[i].collide(players); } }; //Add and apply the keycards: keycards.add = function(x, y, w, h) { keycards.push(new keycard(x, y, w, h)); }; keycards.apply = function() { for(var i = 0; i < keycards.length; i++) { keycards[i].display(); keycards[i].collide(players); } }; //Add and apply the messages: messages.add = function(txt) { messages.push(new message(txt)); }; messages.apply = function() { for(var i = 0; i < messages.length; i++) { messages[i].display(); } }; //Desired frame rate: frameRate(40); //Removes all objects: var Objects = [blocks, coins, players, robots, goals, keycards, messages]; Objects.remove = function() { for(var i = 0; i < Objects.length; i++) { for(var j = 0; j < Objects[i].length; j++) { Objects[i].splice(j, Objects[i].length); } } }; //Loads the objects into the game: game.prototype.load = function() { for(var i = 0; i < this.levels[this.level].length; i++) { for(var j = 0; j < this.levels[this.level][i].length; j++) { switch(this.levels[this.level][j][i]) { case "B": blocks.add((11+i21), (11+j21), 21, 21); break; case "P": players.add((11+i21), (11+j21), 21, 21); break; case "G": coins.add((11+i21), (11+j21), 21, 21, 3); break; case "S": coins.add((11+i21), (11+j21), 21, 21, 2); break; case "C": coins.add((11+i21), (11+j21), 21, 21, 1); break; case "V": robots.add((11+i21), (11+j21), 21, 21, "vertical"); break; case "H": robots.add((11+i21), (11+j21), 21, 21, "horizontal"); break; case "E": goals.add((11+i21), (11+j21), 21, 21); break; case "K": keycards.add((11+i21), (11+j21), 21, 21); } } } for(var i = 0; i < this.messages[this.level].length; i++) { messages.add(this.messages[this.level][i]); } }; //Applies all of the objects in the, applies lighting, and applies advancing to the next level: game.prototype.apply = function() { blocks.apply(); coins.apply(); players.apply(); robots.apply(); goals.apply(); keycards.apply(); for(var i = 0; i < goals.length; i++) { if(goals[i].hasObject && players[0].keycards === keycards.length) { if(this.level < this.levels.length-1) { Objects.remove(); this.level++; this.load(); } else { scene = "Win"; } } } for(var i = 0; i < this.lights[this.level].length; i++) { if(!this.lights[this.level][i]) { for(var s = (width+height)1.5; s > 0; s-=5) { stroke(0, 0, 0, s); noFill(); strokeWeight(5); ellipse(players[0].x, players[0].y, s, s); } } } textSize(18); textAlign(CORNER, CORNER); textFont(createFont("impact")); fill(255, 0, 0); text("Score: " + score + "\nHealth: " + round(players[0].health) + "\nKeycards: " + players[0].keycards + "/" + keycards.length, 10, 20); messages.apply(); }; //Defines a new game: var Game = new game(); //loads the new game: Game.load(); //Story objects and arrays: var crawlText = function(txt, x, y) { this.txt = txt; this.x = x; this.y = y; this.scaleX = 1.3; this.scaleY = 1.2; this.exist = true; }; crawlText.prototype.display = function() { if(this.exist) { pushMatrix(); translate(this.x, this.y); scale(this.scaleX, this.scaleY); textAlign(CENTER, CENTER); text(this.txt, 0, 0); popMatrix(); this.y-=1; this.scaleX -= ((this.scaleX > 0 && this.scaleX > 0.1 && this.y < height+40) ? 0.001 : 0); this.scaleY -= ((this.scaleX > 0 && this.scaleY > 0.1 && this.y < height+40) ? 0.003 : 0); this.exist = (this.y < -30 ? false : true); } }; var story = []; var txt = [ ["HERE'S THE STORY:"], [""], [""], [""], ["IN THE YEAR 2045 THE COMPANY"], ["ROBOTTECH.INC WAS JUST"], ["GETTING STARTED."], [""], [""], [""], ["HOWEVER, THERE WERE"], ["RUMOURS THAT THEY WERE"], ["BUILDING A NUCLEAR WEAPON"], ["USING THE REMAINS OF THE"], ["ALIEN SPACECRAFT THAT"], ["SELF-DESTRUCTED OVER"], ["UNDISCLOSED FARM LANDS"], ["30 YEARS AGO."], [""], [""], [""], ["SOMEBODY DECIDED TO"], ["INVESTIGATE, BUT THEY WERE"], ["CAUGHT AND PUT IN A CAGE."], [""], [""], [""], ["YOUR JOB IS TO HELP THEM ESCAPE"], ["THE FORTRESS."], [""], [""], [""], ["BE CAREFUL, NOBODY"], ["HAS ESCAPED THE"], ["FORTRESS ALIVE..."] ]; for(var i = 0; i < txt.length; i++) { story.push(new crawlText(txt[i], width/2, (height+40)+i*30)); } //Button function: var button = function(x, y, w, h, s, txt, ts, lvl) { rectMode(CENTER); textAlign(CENTER, CENTER); textFont(createFont("impact")); strokeWeight(4); textSize((ts !== undefined) ? ts : 12); fill(0, 0, 0); stroke(50, 50, 50); rect(x, y, w, h); fill(50, 50, 50); text(txt, x, y); if(mouseIsPressed && mouseX >= x-w/2 && mouseY >= y-h/2 && mouseX <= x+w/2 && mouseY <= y+h/2) { scene = s; if(lvl !== undefined) { Objects.remove(); Game.level = lvl; Game.load(); } } }; frameRate(30); //Draw: draw = function() { background(100, 100, 100); if(scene === "Menu") { fill(75, 75, 75); rectMode(CENTER); rect(width/2, height-90, width, 180); fill(0, 100, 255); strokeWeight(5); stroke(50, 50, 50); rect(300, 100, 50, 50); noStroke(); for(var i = 275; i <= 325; i+=10) { fill(50, 50, 50); rect(i, 100, 2, 50); } imageMode(CENTER); image(getImage("cute/CharacterBoy"), width/2, height/2, 50, 100); noStroke(); for(var i = (width/2)-50; i <= (width/2)+50; i+=10) { fill(50, 50, 50); rect(i, height/2-15, 2, 100); } rect(width/2, (height/2)-65, 110, 10); rect(width/2, (height/2)+35, 110, 10); fill(255, 255, 255); textAlign(CENTER, CENTER); textSize(18); textFont(createFont("Arial Bold")); text("FORTRESS BREAKOUT", width/2, height/4); button(width/3, height-130, 100, 50, "Game", "PLAY", 36); button(width/1.5, height-130, 100, 50, "Story", "STORY", 36); button(width/2, height-70, 100, 50, "Level Select", "LEVEL\nSELECT", 20); } else if(scene === "Story") { background(0, 0, 0); fill(255, 255, 0); textAlign(CENTER, CENTER); textSize(16); textFont(createFont("Arial Bold")); for(var i = 0; i < story.length; i++) { story[i].display(); } scene = ((story[txt.length-1].y < -20) ? "Menu" : "Story"); } else if(scene === "Level Select") { button(width/2, height-25, width, 50, "Menu", "MENU", 36); button(50, 50, 50, 50, "Game", "1", 48, 0); button(110, 50, 50, 50, "Game", "2", 48, 1); button(170, 50, 50, 50, "Game", "3", 48, 2); button(230, 50, 50, 50, "Game", "4", 48, 3); button(290, 50, 50, 50, "Game", "5", 48, 4); button(350, 50, 50, 50, "Game", "6", 48, 5); } else if(scene === "Game") { Game.apply(); } else if(scene === "Game Over") { textFont(createFont("Arial Bold")); background(0, 0, 0); textAlign(CENTER, CENTER); textSize(36); fill(255, 0, 0); text("GAME OVER", width/2, height/2); } else if(scene === "Win") { background(150, 150, 150); fill(100, 100, 100); textAlign(CENTER, CENTER); textFont(createFont("Arial Bold")); textSize(30); text("You escaped,\nbut RobotTech.inc\nhid the evidence...", width/2, height/2); textSize(18); text("Score: " + score, width/2, height/1.5); } if(giveMeFrameRate && frameCount%10 === 0) { println(round(this.__frameRate)); } }; //898 lines of code!
Folds	20,191,195,197,198,200,203,206,210,224,225,232,233,238,239,250,251,255,259,263,264,302,305,310,311,324,327,333,334,351,352,359,362,369,370,402,403,410,413,419,420,425,426,430,433,445,446,465,466,507,508,545,557,559,560,564,567,569,570,576,579,581,582,587,590,592,593,599,602,604,605,610,613,615,616,621,624,626,627,631,638,644,647,684,686,722,731,738,739,752,754,790,791,793,796,816,820,896
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgMjdxua_Cgw
Votes	166
Spin-Offs	6
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	K. Russell Smith
Author Name	PushingTheLimits
Author ID	kaid_273072378035822649931049
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739450713369
Updated	10 months ago, 1739450718600
Source Deleted	unknown