Viewing Program

Program Data

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

Title	Khan Battle
ID	6380993781301248
Created	9 years ago, 1454880342068
Updated	8 years ago, 1496857837756
Code	//thanks to funhawk012BOO (my cousin) and philupthebrick (my cousin and my other cousin's brother), plus microbots for the help with this program //thanks to everyone else who made a level too! //the "concept: player on block collision" program was only for the block collision/blocks, all else was created by the team ^^^ and I thanks guys! //If you need help, go into the help section in the game //Coming Soon! //shield power-ups - DONE! (don't hit red blocks, will take it away!) //Make your own level! If you would like to, please spin-off the program, then paste your level into itm then give me the link in tips and thanks! Thank you! //design your own block placement! // ' ' = nothing // 'b' = block // '#' = crate // '+' = moving block that takes away lives // '&' = "smart" cannon println("Updated game:\nhttps://www.khanacademy.org/computer-programming/khan-battle-khantober-release/5574202971193344\n\nWinter Edition:\nhttps://www.khanacademy.org/computer-programming/khan-battle-winter-edition/4824508712681472"); var BlockGrid = [ [ " ", " bb bb bb bb bb ", " ", " ", " bbbb ", " bbbb ", " bbbb ", " # # bbbb ", " bbbbb &", " &", " # ", " bbbbbb ", " ", " b b", " b bb ", " bbbbb bbb bbb", " b +b", " b +b", " b +b", " bbbbbbbbbbbb bbbbbbbbbbb", " b &", " ", " bb ", " ", " bbb bb ", " b b ", " b b b bb ", " b + b ", " ", ], [ ' b ', ' ', ' b b ', ' b b ', ' ', ' ', ' b ', ' b b ', ' b b ', ' b b b ', ' b b ', ' b b ', ' ', ' b b ', ' b ', 'b b b ', ' b ', ' b ', ' bb b ', ' ', ' b ', ' b ', ' b b b b ', ' ', ' b bb b ', ' b ', ' ', ' b b b b ', 'b ' ], [ ' ', ' ', ' ', ' ', ' b ', ' b b ', ' bbbbbb ', ' b b b b ', ' b b b ', 'bbbbbbbbbbb ', ' ', 'bbbbb b bbbb ', ' b b bbb b bbbbb ', ' b bb bbb b bbb bb bb ', ' b b b b b b b', ' b b b b bb bb ', ' bbbbb ', ' bbbb b ', ' b bbb b b b b ', ' bb bbb b bbbbb ', ' b b b b ', ' b bbbb bbb b ', ' ', ' ', ' bb bb ', ' bb bb ', ' ', ' b b ', ' bbbbb ' ], [ ' ', ' bbbbb bbbbbb bbbbb bbbb bbbb ', ' b b b b b b b b ', ' b ', ' bbbb bbbb bbbb bbbb ', ' ', ' ', ' bbbbb bbbbb bbbbb bbbbb', ' b b b b b b ', ' b b b b b b ', ' b ', ' bb bb bb bb bb bb ', ' b b b ', ' ', ' ', ' ', ' ', 'bbbbb bbbbb bbbbb bbbbb bbbbb ', 'b b b b b b ', 'bbb bbbbb b bbbb bbbbb ', 'b b b b b b ', 'b b b bbbbb bbbbb bbbbb ', ' ', ' ', ' ', ' ', ' ', ' ', ' ' ], [ 'b b', 'b b', 'b b', 'b b', 'b b', 'b b', 'b b', 'b b', 'b b', 'b b', 'bbbb bbbb', 'b b b b', 'b b b b', 'b b b b', 'b b b b', 'b b bbbbbbbbbb b b', 'b b b b', 'b b b b', 'b b b b', 'b b b b', 'b bb bb b', 'b b b b', 'b b b b b', 'b b b b', 'b b b b', 'b bbbbbbbbbb b', 'b b', 'b b b b b b', 'bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb' ], [ 'b b', ' b b ', ' b b ', ' b b ', ' ', ' ', 'b b b', ' b b ', ' ', ' b b ', ' b b ', ' ', 'b b', ' b b ', ' b b ', ' b b ', ' ', ' ', 'b b b', ' b b ', ' ', ' b b ', ' b b ', 'b b', ' b b ', ' b b ', ' b b ' ], [ ' bbb b b bb b ', ' bbbb bbbb bb b ', ' bb bb bbbb bbb bb ', ' bbbbbbbb bb bbb ', 'b bbbbbbbbb bbbb ', ' bbbb&&bbb bbb ', ' b bbb ', ' bbb bbb b', 'b bbb bbbb bbbbbb', 'b bb bbbbb bbbbb', ' bbbb bb', ' bbb b ', ' bb b b ', ' bb ', ' bb bbb ', ' bb bb b bb ', 'b bbbbbb bb b', 'bb bbbbbbbbb bb bb', 'bbbbb bb bbbb + bbb bb', 'bbbb bbb b bbb ', ' bbb b b ', ' bbb bbbb ', ' bbb b', ' bbbb b ', ' b bbbbbb b ', ' bbbb bbbb b b ', ' bbb bb b bb b b ', ' bbbbbb bbbbbbbbbbbbbb b ', ' bbbbbb bbbbb+ b' ], [ 'b b b b ', 'b b b b b b ', 'b b ', 'b b ', 'b b ', 'b b b ', 'b b b ', 'b b b b ', 'b b b b b b', 'b b b b', 'b b b b', 'b b b', 'b b b b', 'b b b b', 'b b', 'b b b', 'b b b', 'b b b', 'b b b', 'b b', 'b b', 'b b', 'b b', 'b b', 'b b', 'b b', 'b b', 'b b', 'b b', ], [ ' ', ' ', ' ', ' ', ' b ', ' bbb ', ' bbbbb ', ' bb+b+bb ', ' b b&b b ', ' bbbbbbbbbbb ', ' ', ' ', ' bbbb bb bb bb bb ', ' bb bb bb bb bb ', ' bb bb bb bb bb ', ' bbbb bbbb bbbb bbbb ', ' ', ' bb bb bbbb bbb bb ', ' bbbbbbbb bb bb b bb ', ' bb bb bb bb bbbb ', ' bb bb bbbb bb bb ', ' ', ' bbb bbbbbb bbbb ', ' b b bb bb ', ' bbbbb bb bb ', ' bb bb bb bbbb ', ' ', ], [ ' ', ' ', 'bbbbbbbbbbbbbb bbbbbbbbbbbbbb', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', 'b b b b bbbb b b b dz ', '&&&&&&&&&&&&&&&&&&&&&&&&&&&& ', ' ', ' ', 'b+ bbbbbbbbbbb', 'b+ b ', 'b+ b ', 'b+ bbbb b', ' ', 'b+ b', ' ', 'b+ b ', ' ', 'b+ b', ' ', 'b+ b ', ' ', 'b+ b', ' ', 'b+ b ', ' ', 'b+ b', ' ', 'b+ b ', ' ', 'b+ b', ], ]; var names = [ {creator:"Mr. JPrograms", name: "Moving Trouble"}, {creator:"Mr. JPrograms", name: "Blocks!"}, {creator:"MasterBeef", name: "Triforce"}, {creator:"MasterBeef", name: "Not yet named"}, {creator:"T#1B12P", name: "The Arena 101"}, {creator:"CODE.Hunter15", name: "Not yet named"}, {creator:"Mr. JPrograms", name: "The Caves"}, {creator:"funhawk012BOO", name: "Suicide Drop"}, {creator:"Ernest", name: "EVIL ILLUMINATI"}, {creator:"Mr. JPrograms", name: "Snipers"}, ]; //make sure their is a name for each "level" if(names.length<BlockGrid.length){ for(var i = 0; i < BlockGrid.length-names.length; i++){ names.push({name: "Unknown", creator: "Unknown"}); } } var grid = 20; var blockIdx = 0; //set FR higher for slower computers, lower for faster computers (don't go less than about 30) var FR = 40; var a = "0123456789:;<=>?@abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"; var mode = "logo"; var toggleShake = true; var reduceLag = true; var optionKey = ''; var players = []; var images = []; var displays = { help: function(){ fill(0); textSize(20); textAlign(CENTER, CENTER); text("Try to shoot the other players, using your shoot key.\nMove with your Up, Down, Left, and Right keys.\nHearts boost your health by 1.\nStars give a short 'gun boost', which makes it shoot faster.\nIf a star gives you a shield, don't hit the red blocks.\nIt can only deflect bullets!\nTo configure your keys, go to options, click on a player button,\npress a key, then press the button that has the direction you\nwant that key to control.\n(Don't worry if it says a number. It just means it can't\ndisplay that control. It will work though.)\nAlso, to change between cpu and player, just click the button that\nsays 'player' or 'cpu', and it will change it to the other.", width/2, height/2); }, gameOver: function(){ textAlign(CENTER, CENTER); textSize(30); fill(0); text(players[0].name+" is the winner!", width/2, 150); }, player1: function(){ image(images[players[0].img].img, 250, 100, 100, 100); players[0].updateName(true); }, player2: function(){ image(images[players[1].img].img, 250, 100, 100, 100); players[1].updateName(true); }, player3: function(){ image(images[players[2].img].img, 250, 100, 100, 100); players[2].updateName(true); }, player4: function(){ image(images[players[3].img].img, 250, 100, 100, 100); players[3].updateName(true); }, }; /***Button Functions*/ var doFunctions = function(arr, func){ for(var i = 0; i < arr.length; i++){ arr[i][func](); } }; var Button = function(x, y, w, h, roundness, normClr, pressClr, txt, txtNormClr, txtOverClr, txtSize, normStrke, overStrke, normStrokeW, overStrokeW, func){ this.x = x; this.y = y; this.w = w; this.h = h; this.clr = normClr; this.normClr = normClr; this.pressClr = pressClr; this.roundness = roundness; this.txt = txt; this.txtClr = txtNormClr; this.txtNormClr = txtNormClr; this.txtOverClr = txtOverClr; this.txtSize = txtSize; this.strke = normStrke; this.normStrke = normStrke; this.overStrke = overStrke; this.strokeW = normStrokeW; this.normStrokeW = normStrokeW; this.overStrokeW = overStrokeW; this.selected = false; if(func){ this.func = func; } this.transition = 0; }; Button.prototype.mouseOver = function(){ return mouseX > this.x && mouseX < this.x+this.w && mouseY > this.y && mouseY < this.y+this.h; }; Button.prototype.mousePressed = function(){ if(this.mouseOver()){ this.selected = true; return true; } }; Button.prototype.mouseReleased = function(){ if(this.selected){ this.func(); this.selected = false; return true; } }; Button.prototype.draw = function() { stroke(this.strke); strokeWeight(this.strokeW-1); fill(this.clr); rect(this.x, this.y, this.w, this.h, this.roundness); textAlign(CENTER, CENTER); textSize(this.txtSize); fill(this.txtClr); text(this.txt, this.x+this.w/2, this.y+this.h/2); }; Button.prototype.fade = function(){ if(this.selected\|\|this.mouseOver()){ this.transition = min(10, this.transition+1); }else{ this.transition = max(0, this.transition-1); } this.clr = lerpColor(this.normClr, this.pressClr, this.transition/10); this.txtClr = lerpColor(this.txtNormClr, this.txtOverClr, this.transition/10); this.strke = lerpColor(this.normStrke, this.overStrke, this.transition/10); this.strokeW = lerp(this.normStrokeW, this.overStrokeW, this.transition/10); }; var Buttons = function(){ this.components = []; }; Buttons.prototype.draw = function() { doFunctions(this.components, 'draw'); doFunctions(this.components, 'fade'); }; Buttons.prototype.mouseOver = function() { doFunctions(this.components, 'mouseOver'); }; Buttons.prototype.mousePressed = function() { doFunctions(this.components, 'mousePressed'); }; Buttons.prototype.mouseReleased = function() { doFunctions(this.components, 'mouseReleased'); }; Buttons.prototype.add = function(type, params) { var params = params\|\|{}; var x = params.x!==undefined?params.x:100; var y = params.y!==undefined?params.y:100; var w = params.w!==undefined?params.w:100; var h = params.h!==undefined?params.h:30; var txt = params.txt\|\|"Error"; var txtSize = params.txtSize\|\|h/1.4; var rounds = params.round\|\|2; var normClr = params.normClr\|\|color(255, 0, 0); var pressClr = params.pressClr\|\|color(84, 0, 0); var normTxtClr = params.normTxtClr\|\|color(0); var pressTxtClr = params.pressTxtClr\|\|color(0); var normStrke = params.normStroke\|\|color(255, 255, 255, 0); var overStrke = params.overStroke\|\|color(255, 255, 255, 0); var normStrokeW = params.normStrokeW\|\|0; var overStrokeW = params.overStrokeW\|\|0; var func = params.func\|\|function(){println("Error");}; this.components.push(new type(x, y, w, h, rounds, normClr, pressClr, txt, normTxtClr, pressTxtClr, txtSize, normStrke, overStrke, normStrokeW, overStrokeW, func)); }; /*End Button Functions**/ //a function for checking if the mouse is in a a textbox var mouseIn = function(x, y, w, h){ return mouseX > x && mouseX < x+w && mouseY > y && mouseY < y+h; }; //create a textbox function var Textbox = function(x, y, w, h, txt, tSize, time, opacity){ //x and y positions this.x = x; this.y = y; //yVel (speed) this.yVel = 0; //text this.text = txt; //text size this.tSize = tSize; //how long until the box disappears this.time = time; //how clear the box is this.opacity = opacity; //width and height of the box this.w = w; this.h = h; //show the time or not this.showTime = false; //add when the box was made this.date = ""; if(hour()%12 < 10){ this.date+="0"+hour()%12+":"; }else{ this.date+=hour()%12+":"; } if(minute() < 10){ this.date+="0"+minute()+":"; }else{ this.date+=minute()+":"; } if(second() < 10){ this.date+="0"+second(); }else{ this.date+=second()+":"; } this.display = function(){ //get the correct text size and position textSize(this.tSize); textAlign(CENTER, CENTER); //draw the main rectangle fill(89, 89, 89, this.opacity); noStroke(); rect(this.x, this.y, this.w, this.h); //should we show what time this box was created? if(this.showTime){ fill(0, 0, 0, this.opacity/3); text(this.text, this.x+this.w/2, this.y+this.h/2); fill(0, 0, 0, this.opacity2); text(this.date, this.x+this.w/2, this.y+this.h/2); }else{ //show the main text fill(0, 0, 0, this.opacity2.5); text(this.text, this.x+this.w/2, this.y+this.h/2); } }; this.update = function(){ //add yVel to y position this.y+=this.yVel; //subtract one from time, so we can check for when it will disappear this.time--; //is the time up? if so, start disappearing if(this.time<=0){ this.opacity--; } //is the mouse inside this box? if so, show the time in the display function! (go up) if(mouseIn(this.x, this.y, this.w, this.h)){ this.showTime = true; }else{this.showTime=false;} }; this.isGone = function(){ //check if box is invisible return this.opacity <= 0; }; }; //make an array for all the texboxes var textboxes = []; //a function for creating new textboxes textboxes.newTextbox = function(x, y, w, h, txt, tSize, time, opacity){ textboxes.push(new Textbox(x, y, w, h, txt, tSize, time, opacity)); }; //display and update the textboxes textboxes.apply = function(){ //for loop for the boxes for(var i = 0; i < this.length; i++){ //create a variable (so you don't have to write "textboxes[i]" each time) var t = textboxes[i]; //display the box t.display(); //update the box t.update(); //is the box gone (invisible)? if so, delete it if(t.isGone()){ textboxes.splice(i, 1); } //move the boxes around depending on the box's y position below them if(i>0){ if(this[i-1].y+this[i-1].h > t.y-5){ this[i-1].yVel-=0.05; }else{ this[i-1].yVel=0; } } } }; var buttons = { menu: new Buttons(), play: new Buttons(), pause: new Buttons(), help: new Buttons(), gameOver: new Buttons(), options: new Buttons(), player1: new Buttons(), player2: new Buttons(), player3: new Buttons(), player4: new Buttons(), logo: new Buttons(), }; buttons.logo.add(Button, { x: 5, y: 575, w: 50, h: 20, txt: "Skip", pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ mode = "menu"; }, }); buttons.menu.add(Button, { x: 200, y: 260, w: 200, h: 50, txt: "Options", pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ mode = "options"; }, }); buttons.menu.add(Button, { x: 200, y: 320, w: 200, h: 50, txt: "Help", pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ mode = "help"; }, }); buttons.options.add(Button, { x: 10, y: 540, w: 100, h: 50, txt: "Back", pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ mode = "menu"; }, }); buttons.options.add(Button, { x: 100, y: 200, w: 200, h: 50, txt: "Player 1", pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ mode = "player1"; }, }); buttons.options.add(Button, { x: 100, y: 260, w: 200, h: 50, txt: "Player 2", pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ mode = "player2"; }, }); buttons.options.add(Button, { x: 100, y: 320, w: 200, h: 50, txt: "Player 3", pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ mode = "player3"; }, }); buttons.options.add(Button, { x: 100, y: 380, w: 200, h: 50, txt: "Player 4", pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ mode = "player4"; }, }); buttons.options.add(Button, { x: 310, y: 200, w: 200, h: 50, txt: "Explosion Shake: "+toggleShake, pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ toggleShake=!toggleShake; this.txt = "Explosion Shake: "+toggleShake; }, }); buttons.help.add(Button, { x: 10, y: 540, w: 100, h: 50, txt: "Back", pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ mode = "menu"; }, }); buttons.play.add(Button, { x: width-40, y: 10, w: 30, h: 30, txt: "\| \|", pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ mode = "pause"; }, }); buttons.pause.add(Button, { x: 250, y: 200, w: 100, h: 40, txt: "Resume", pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ mode = "play"; }, }); buttons.pause.add(Button, { x: 250, y: 250, w: 100, h: 40, txt: "Menu", pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ mode = "menu"; }, }); var heart = getImage("space/healthheart"); var star = getImage("space/star"); //defined earlier^^^ var evilON = createGraphics(100, 100, JAVA2D); evilON.background(0, 0, 0, 0); evilON.image(getImage("creatures/OhNoes"), 0, 0, 100, 100); evilON.filter(INVERT); var evilMP = createGraphics(100, 100, JAVA2D); evilMP.background(0, 0, 0, 0); evilMP.image(getImage("avatars/mr-pink"), 0, 0, 100, 100); evilMP.filter(INVERT); var evilW = createGraphics(100, 100, JAVA2D); evilW.background(0, 0, 0, 0); evilW.image(getImage("creatures/Winston"), 0, 0, 100, 100); evilW.filter(INVERT); var c = createGraphics(260, 260, JAVA2D); c.background(0, 0, 0, 0); var chicken = function(x, y, width, height){ c.pushMatrix(); c.scale(width/100, height/100); c.stroke(0); c.strokeWeight(1); // head/body c.fill(242, 184, 48); //body c.ellipse(x, y, 80, 80); //legs c.bezier(x-20, y+35, x-20, y+70, x, y+60, x, y+40); c.bezier(x+10, y+25, x+15, y+30, x+37, y+80, x+35, y+15); //head c.fill(240, 160, 48); c.bezier(x-30, y-26, x-30, y-100, x+30, y-100, x+30, y-26); c.bezier(x-30, y-26, x-50, y, x-5, y-30, x-15, y-26); c.bezier(x-15, y-26, x-30, y-10, x, y, x, y-26); c.bezier(x, y-26, x+8, y, x+30, y-10, x+15, y-26); c.bezier(x+15, y-26, x+15, y-26, x+50, y, x+30, y-26); //eyes c.fill(255, 255, 255); c.ellipse(x-10, y-58, 10, 15); c.ellipse(x+10, y-58, 10, 15); c.fill(0); c.ellipse(x-8, y-58, 5, 10); c.ellipse(x+8, y-58, 5, 10); c.fill(255, 255, 255); c.ellipse(x-7, y-60, 3, 3); c.ellipse(x+7, y-60, 3, 3); //beak c.fill(143, 14, 14); c.bezier(x-5, y-50, x-15, y-10, x-5, y-10, x, y-30); c.bezier(x, y-30, x+5, y-10, x+15, y-10, x+5, y-50); c.fill(255, 179, 0); c.bezier(x-10, y-50, x-6, y-20, x+6, y-20, x+10, y-50); c.fill(99, 69, 13); c.triangle(x-10, y-50, x+10, y-50, x, y-35); c.fill(255, 179, 0); c.arc(x, y-50, 20, 10, 180, 360); c.bezier(x-10, y-50, x+6, y-45, x, y-40, x+10, y-50); //comb c.fill(143, 14, 14); c.beginShape(); c.vertex(x, y-82); c.bezierVertex(x+5, y-95, x+70, y-45, x+30, y-45); c.bezierVertex(x+5, y-60, x+25, y-60, x, y-82); c.endShape(); //wings //right wing c.fill(242, 184, 48); c.beginShape(); c.vertex(x+25, y-20); c.bezierVertex(x+100, y-70, x, y-80, x+150, y-90); c.bezierVertex(x+200, y-90, x+80, y-20, x+20, y); c.endShape(); //left wing c.beginShape(); c.vertex(x-35, y-21); c.bezierVertex(x-80, y-90, x-100, y, x-150, y+10); c.bezierVertex(x, y+40, x-40, y+20, x-35, y+20); c.endShape(); c.noFill(); //right feathers c.bezier(x+150, y-90, x+195, y-90, x+100, y-60, x+90, y-60); c.bezier(x+130, y-55, x+50, y-25, x+60, y-29, x+60, y-31); //left feathers c.bezier(x-120, y+16, x-90, y, x-90, y, x-70, y-20); c.bezier(x-80, y+23, x-45, y, x-50, y, x-50, y); //feet c.fill(255, 106, 0); //right foot c.bezier(x-20, y+70, x, y+60, x+20, y+50, x-30, y+60); //left foot c.bezier(x+20, y+30, x+40, y+100, x+35, y+10, x+35, y+30); c.popMatrix(); }; chicken(140, 170, 90, 90); images = [ {img: getImage("avatars/marcimus"), name: 'Marcimus', clr: color(255, 97, 187)}, {img: getImage("avatars/mr-pants"), name: 'Mr. Pants', clr: color(99, 211, 255)}, {img: getImage("avatars/mr-pink"), name: 'Mr. Pink', clr: color(252, 58, 68)}, {img: evilMP, name: 'Evil Mr. Pink', clr: color(0, 51, 255)}, {img: getImage("avatars/old-spice-man"), name: 'Old Spice Man', clr: color(100, 255, 61)}, {img: getImage("avatars/orange-juice-squid"), name: 'OJ Squid', clr: color(250, 125, 8)}, {img: getImage("avatars/robot_female_1"), name: 'Robot Girl', clr: color(130, 130, 130)}, {img: getImage("avatars/robot_male_1"), name: 'Robot Boy', clr: color(130)}, {img: getImage("avatars/spunky-sam"), name: 'Spunky Sam', clr: color(7, 130, 179)}, {img: getImage("creatures/Hopper-Happy"), name: 'Hopper', clr: color(250, 156, 40)}, {img: getImage("creatures/OhNoes"), name: 'Oh Noes', clr: color(125, 250, 162)}, {img: evilON, name: 'Evil Oh Noes', clr: color(159, 56, 255)}, {img: getImage("creatures/BabyWinston"), name: 'Baby Winston', clr: color(250, 250, 53)}, {img: getImage("creatures/Winston"), name: 'Winston', clr: color(255, 255, 0)}, {img: evilW, name: 'Evil Winston', clr: color(0, 51, 255)}, {img: c, name: 'Peck', clr: color(255, 183, 0)}, ]; var hearts = []; var stars = []; var ohNoes = {}; var hopper = {}; var spunkySam = {}; var purplePi = {}; var mrPink = {}; var ojSquid = {}; var reloadTime = 25; //define players var p1 = { x: 50, y: 0, w: 20, h: 20, img: 10, keys: {up: UP, left: LEFT, right: RIGHT, shoot: DOWN}, type: "player", name: "Player 1", }; var p2 = { x: 200, y: 0, w: 20, h: 20, img: 1, keys: {up: 'w', left: 'a', right: 'd', shoot: 's'}, type: "cpu", name: "Player 2", }; var p3 = { x: 385, y: 0, w: 20, h: 20, img: 2, keys: {up: 'g', left: 'v', right: 'n', shoot: 'b'}, type: "cpu",//change this to "cpu" for a computer controlled enemy, "player" for a you controlled player, and "player auto-pilot" for a you controlled player that automatically gets hearts when you need them! name: "Player 3", }; var p4 = { x: 505, y: 0, w: 20, h: 20, img: 3, keys: {up: 'i', left: 'j', right: 'l', shoot: 'k'}, type: "cpu",//change this to "cpu" for a computer controlled enemy, "player" for a you controlled player, and "player auto-pilot" for a you controlled player that automatically gets hearts when you need them! name: "Player 4", }; //allows me to use keys var keys = []; keyPressed = function() { keys[keyCode] = keys[key.toString().toLowerCase()] = true; }; keyReleased = function() { keys[keyCode] = keys[key.toString().toLowerCase()] = false; }; var blocks = []; //array for pushing blocks var cannons = []; var bullets = []; var grenades = []; var shake = 0; //collision detection function var collide = function(obj1, obj2) { if (obj1.x < obj2.x + obj2.w && obj1.x + obj1.w > obj2.x && obj1.y < obj2.y + obj2.h && obj1.y + obj1.h > obj2.y) { return true; //collision is true } }; var Bullet = function(x, y, a, speed, name, type){ this.x = x; this.y = y; this.w = 5; this.h = 5; this.a = a; this.speed = speed; this.name = name; this.deleted = false; this.type = type; this.display = function(){ fill(100); noStroke(); ellipse(this.x+this.w/2, this.y+this.h/2, this.w, this.h); }; this.update = function(){ this.y+=sin(this.a)this.speed; this.x+=cos(this.a)this.speed; if(this.x>width\|\|this.x<0){ this.deleted=true; } for(var i = 0; i < blocks.length; i++){ if(collide(this, blocks[i])\|\|this.x<0\|\|this.x>width){ this.deleted = true; } } for(var i = 0; i < players.length; i++){ if(collide(this, players[i])&&this.name!==players[i].name&&players[i].health>0){ if(players[i].shield<=10){ players[i].health-=0.5; } this.deleted = true; players[i].velx+=cos(this.a)this.speed/4; players[i].vely+=sin(this.a)this.speed/4; if(random(0, 5)>players.length){ textboxes.newTextbox(20, 550, 200, 30, this.name+" hits "+players[i].name, 12, 400, 100); } } } }; }; var Grenade = function(x, y, a, speed, name, type){ this.x = x; this.y = y; this.w = 10; this.h = 10; this.xVel = cos(a)speed; this.yVel= sin(a)speed; this.name = name; this.deleted = false; this.type = type; this.explode=function(){ if(!this.deleted){ shake=15; this.deleted = true; for(var i = 0; i < 60; i++){ bullets.push(new Bullet(this.x, this.y, random(0, 360), random(1, 4), "A grenade", "")); } for(var i = 0; i < players.length; i++){ var d = dist(this.x, this.y, players[i].x, players[i].y); if(d<400){ var a = atan2(this.x-players[i].x, players[i].y-this.y)+90; var speed = map(d, 0, 400, 20, 0); players[i].velx=cos(a)speed; players[i].vely=sin(a)speed; } } for(var i = 0; i < blocks.length; i++){ var d = dist(this.x, this.y, blocks[i].x, blocks[i].y); if(d<400&&blocks[i].type==="crate"){ var a = atan2(this.x-blocks[i].x, blocks[i].y-this.y)+90; var speed = map(d, 0, 400, 20, 0); blocks[i].velx=cos(a)speed; blocks[i].vely=sin(a)speed; } } } }; this.display = function(){ fill(100); noStroke(); ellipse(this.x+this.w/2, this.y+this.h/2, this.w, this.h); }; this.update = function(){ this.yVel+=0.1; this.x+=this.xVel; this.y+=this.yVel; for(var i = 0; i < blocks.length; i++){ if(collide(this, blocks[i])\|\|this.x<0\|\|this.x>width&&!this.deleted){ this.explode(); } } for(var i = 0; i < players.length; i++){ if(collide(this, players[i])&&this.name!==players[i].name&&players[i].health>0&&!this.deleted){ this.explode(); } } for(var i = 0; i < bullets.length; i++){ if(collide(this, bullets[i])&&!this.deleted&&!bullets[i].deleted){ this.explode(); } } if(this.x>width\|\|this.x<0){ this.explode(); } }; }; //Player Object var Player = function(x, y, w, h, color, type, img, k, name) { this.x = x; this.y = y; this.w = w; this.h = h; this.startX = x; this.startY = y; this.dir = 1; this.velx = 0; this.vely = 0; this.moveSpeed = 0.5; this.maxSpeed = 6; this.JH = 9; this.falling = false; this.gravity = 0.4; this.color = color; this.type = type; this.health = 3; this.dead = false; this.img = img; this.talk = 0; this.lives = 3; this.keys = k; this.name = name; this.reload = 0; this.grenade=false; this.aim = -90; this.aiming=false; this.shield=0; this.wait = 1; this.closest = Infinity; }; //UPDATE PLAYER Player.prototype.update = function(plyr) { this.shield=max(this.shield-1, 0); this.reload++; this.health = constrain(this.health, 0, 3); this.wait+=0.001; this.wait = constrain(this.wait, 0, 1); if(this.health>0){ if(this.type === "player"){ var k = this.keys; if (keys[k.up] && !this.falling) { if(this.shield<10){ this.vely = -this.JH; //Makes player begin to jump when up key is pressed this.falling = true; //Lets computer know that player is jumping }else{ this.vely-=0.8; } } if (keys[k.left]&&this.velx>-5) { if(this.aiming){ this.aim-=2; }else{ if(!keys[k.shoot]){ this.dir = -1; } this.velx-=0.5; //This number } } if (keys[k.right]&&this.velx<5) { //opposite if(this.aiming){ this.aim+=2; }else{ this.velx+=0.5; //this number if(!keys[k.shoot]){ this.dir = 1; } } } if(keys[k.shoot]){ if(this.aiming&&this.reload>reloadTime){ this.reload=0; this.grenade=false; this.aiming=false; grenades.push(new Grenade(this.x, this.y, this.aim, 5, this.name, "")); }else if(!this.grenade){ if(this.reload>reloadTimethis.wait){ bullets.push(new Bullet(this.x+this.w/2, this.y+this.h/2, -90+(90this.dir), 10, this.name)); this.reload = 0; } } if(this.grenade&&this.reload>reloadTime){ this.reload=0; this.aiming=true; } } //if statement that makes player stationary if neither the left or right arrow keys are pressed if (!keys[k.left] && !keys[k.right]\|\|this.aiming) { if(this.velx>0){ this.velx-=0.5; } if(this.velx<0){ this.velx+=0.5; } if(this.velx>-0.5&&this.velx<0.5){ this.velx=0; } } } if(this.type === "cpu"){ this.velx = constrain(this.velx, -5, 5); if(this.health<2.1&&hearts.length>0\|\|stars.length>0){ if(hearts.length>0&&this.health<2.1){ var h = hearts[hearts.length-1]; var closest = Infinity; for(var i = 0; i < hearts.length; i++){ var d = dist(this.x, this.y, hearts[i].x, hearts[i].y); if(d<closest){ h = hearts[i]; closest = d; } } if(!this.grenade){ if(this.x < h.x\|\|random(0, 1) < 0.05){ this.velx+=0.5; } if(this.x > h.x\|\|random(0, 1) < 0.05){ this.velx-=0.5; } if(this.y > h.y&&!this.falling\|\|random(0, 1) < 0.05&&!this.falling){ if(this.shield<10){ this.vely = -this.JH; //Makes player begin to jump when up key is pressed this.falling = true; //Lets computer know that player is jumping }else{ this.vely-=0.8; } } } }else if(stars.length>0){ var h = stars[stars.length-1]; var closest = Infinity; for(var i = 0; i < stars.length; i++){ var d = dist(this.x, this.y, stars[i].x, stars[i].y); if(d<closest){ closest = d; h = stars[i]; } } if(!this.grenade){ if(this.x < h.x\|\|random(0, 1) < 0.05){ this.velx+=0.5; } if(this.x > h.x\|\|random(0, 1) < 0.05){ this.velx-=0.5; } if(this.y > h.y&&!this.falling){ if(this.shield<10){ this.vely = -this.JH; //Makes player begin to jump when up key is pressed this.falling = true; //Lets computer know that player is jumping }else{ this.vely-=0.8; } } } } }else{ this.closest = Infinity; var P; for(var i = 0; i < plyr.length; i++){ var p = plyr[i]; if(p!==this){ var d = dist(this.x, this.y, p.x, p.y); if(d<this.closest){ this.closest = d; P = p; } } } if(this.closest>60&&!this.grenade){ if(this.x<P.x\|\|random(0, 1)<0.1){ this.velx+=0.5; this.dir = 1; } if(this.x>P.x\|\|random(0, 1)<0.1){ this.velx-=0.5; this.dir = -1; } }else{ if(this.x>P.x\|\|random(0, 1)<0.1){ this.velx+=0.5; this.dir = -1; } if(this.x<P.x\|\|random(0, 1)<0.1){ this.velx-=0.5; this.dir = 1; } } if(this.y>P.y&&!this.falling&&random(0, 1)<0.3\|\|random(0, 1)<0.01&&!this.falling){ if(this.shield<10){ this.vely = -this.JH; //Makes player begin to jump when up key is pressed this.falling = true; //Lets computer know that player is jumping }else{ this.vely-=0.8; } } } if(this.closest<80\|\|random(0, 1)<0.3){ if(!this.grenade){ if(this.reload>reloadTimethis.wait){ bullets.push(new Bullet(this.x+this.w/2, this.y+this.h/2, -90+(90this.dir), 10, this.name)); this.reload = 0; } }else{ this.reload=0; this.grenade=false; grenades.push(new Grenade(this.x, this.y, random(-180, 0), 5, this.name, "")); } } } } if(this.dead){ this.x = this.startX; this.y = this.startY; this.vely = 0; this.velx = 0; this.health = 3; this.dead = false; this.lives--; } if(this.y>height){ this.dead = true; textboxes.newTextbox(20, 550, 200, 30, this.name+" loses a life.", 12, 400, 100); } //moves player this.x += this.velx; //APPLY COLLISION WITH X POS this.applyCollision(this.velx, 0); if(this.shield<10){ this.falling = true; }else{ this.falling=false; } this.y += this.vely; //APPLY COLLISION WITH Y POS this.applyCollision(0, this.vely); this.vely += this.gravity; //makes player stay on screen this.x = constrain(this.x, 0, width - this.w); }; //COLLISION APPLIED HERE (WATCH CAREFULLY) Player.prototype.applyCollision = function(velx, vely) { if(this.health>0){ for (var i = 0; i < blocks.length; i++) { //applies the collision detection function by saying "if (collide(this, blocks[i]))" if (collide(this, blocks[i])) { //if y velocity is greater than 0 (player is falling) and they hit the block, they stop and aren't falling if (vely > 0) { if(blocks[i].type==="crate"){ blocks[i].vely=this.vely; } if(this.vely>21){ this.vely=-0.5; this.health-=1; }else{ this.vely = 0; } this.falling = false; this.y = blocks[i].y - this.h; } //if y velocity is less than 0 (player is jumping up) and they hit the block, they hit and go back down if (vely < 0) { if(blocks[i].type==="crate"){ blocks[i].vely=this.vely; } this.vely = 0; this.falling = true; this.y = blocks[i].y + blocks[i].h; } //if x velocity is less than 0 (player is going left) and they hit the block, they stop if (velx < 0) { if(blocks[i].type==="crate"){ blocks[i].velx=this.velx; } this.velx = 0; if(this.type==="cpu"&&!this.falling&&random(0, 1)<0.3){ this.vely=-this.JH; } this.x = blocks[i].x + blocks[i].w; } //if x velocity is greater than 0 (player is going right) and they hit the block, they stop if (velx > 0) { if(blocks[i].type==="crate"){ blocks[i].velx=this.velx; } this.velx = 0; this.x = blocks[i].x - this.w; if(this.type==="cpu"&&!this.falling&&random(0, 1)<0.3){ this.vely=-this.JH; } } if(blocks[i].type==="moving"){ var a = atan2(this.x-blocks[i].x, blocks[i].y-this.y)-90; this.velx+=cos(a)20; this.vely+=sin(a)20; this.health-=0.5; this.shield=0; } } } for(var i = 0; i < hearts.length; i++){ var h = hearts[i]; if(collide(this, {x: h.x, y: h.y, w: 20, h: 20})&&this.health<2.1){ this.health++; hearts.splice(i, 1); textboxes.newTextbox(20, 550, 200, 30, this.name+" gains one life.", 12, 400, 100); } } for(var i = 0; i <stars.length; i++){ var s = stars[i]; if(collide(this, {x: s.x, y: s.y, w: 20, h: 20})){ if(s.type==="machine"){ this.wait=0.1; } if(s.type==="grenade"){ this.grenade=true; this.aim = true; } if(s.type==="shield"){ this.shield+=1000; } stars.splice(i, 1); textboxes.newTextbox(20, 550, 200, 30, this.name+" just got a power-up!", 12, 400, 100); } } } }; Player.prototype.draw = function() { noStroke(); pushMatrix(); translate(this.x, this.y); if(this.health<=0){ translate(this.w/2, this.height/2); rotate(frameCountthis.velx5); translate(-this.w/2, -this.height/2); } if(this.dir===-1){ translate(this.w, 0); } scale(this.dir, 1); image(images[this.img].img, 0, 0, this.w, this.h); stroke(100); if(!this.grenade){ if(this.wait<0.9){ stroke(random(0, 255), 0, 0); } strokeWeight(this.h/5); line(this.w/3, this.h/1.5, this.w, this.h/1.5); strokeWeight(this.h/10); line(this.w/2, this.h/1.5, this.w/2, this.h/1.1); }else{ fill(100); noStroke(); ellipse(this.w, this.h/2, 10, 10); } popMatrix(); for(var i = 0; i < this.health; i++){ image(heart, this.x+i20-20, this.y-this.h, 20, 20); } if(this.aiming){ pushMatrix(); noFill(); stroke(images[this.img].clr); strokeWeight(3); translate(this.x+(this.w/2)+(cos(this.aim)100), this.y+(this.h/2)+(sin(this.aim)100)); ellipse(0, 0, 20, 20); line(cos(frameCount2)16, sin(frameCount2)16, cos(180+frameCount2)16, sin(180+frameCount2)16); line(cos(90+frameCount2)16, sin(90+frameCount2)16, cos(270+frameCount2)16, sin(270+frameCount2)16); popMatrix(); } if(this.y<0){ noStroke(); fill(images[this.img].clr); pushMatrix(); translate(this.x+this.w/2, 0); triangle(0, 10, -10, 20, 10, 20); popMatrix(); } if(this.shield>0){ strokeWeight(this.w/20); stroke(0, 200, 255, min(this.shield+random(-10, 10), 100)); fill(0, 200, 255, min(this.shield+random(-10, 10), 100)); ellipse(this.x+this.w/2, this.y+this.h/2, this.w, this.h); } }; Player.prototype.apply = function(plyr) { //draw and update player to display it if(mode==="play"\|\|mode==="pause"){ this.draw(); } if(mode==="play"){ this.update(plyr); } }; Player.prototype.updateName = function(dsply){ this.name = images[this.img].name; if(dsply){ textAlign(CENTER, CENTER); fill(0); textSize(15); text(this.name, 300, 90); } }; var Texture = function(x2, y2, w, h, clr, amount){ if(!reduceLag){ strokeWeight(6); for(var x = 0; x < w; x+=4){ for(var y = 0; y < h; y+=4){ var n = noise((x+x2)/50, (y+y2)/50); stroke(red(clr)n, green(clr)n, blue(clr)n, alpha(clr)); point(x+2, y+2); } } }else{ noStroke(); fill(clr); rect(0, 0, w, h); } return get(0, 0, w, h); }; //Block Object var Block = function(x, y, w, h, clr, type) { //these must stay the same this.x = x; this.y = y; this.w = w; this.h = h; this.velx = 0; this.vely = 0; this.color = clr; this.type = type; this.texture = Texture(x, y, w, h, clr, 1, type); if(type==="moving"){ this.velx=1; } }; Block.prototype.update = function(){ if(this.type==="moving"){ this.x+=this.velx; for(var i = 0; i < blocks.length; i++){ if(blocks[i]!==this){ if(collide(this, blocks[i])){ this.velx=-1; } } } } if(this.type==="crate"){ if(this.velx>-0.5&&this.velx<0.5){ this.velx=0; } this.x += this.velx; //APPLY COLLISION WITH X POS this.applyCollision(this.velx, 0); this.y += this.vely; //APPLY COLLISION WITH Y POS this.applyCollision(0, this.vely); this.vely += 0.2; //makes player stay on screen this.x = constrain(this.x, 0, width - this.w); if(this.velx>0){ this.velx-=0.5; } if(this.velx<0){ this.velx+=0.5; } } }; Block.prototype.applyCollision = function(velx, vely) { for (var i = 0; i < blocks.length; i++) { //applies the collision detection function by saying "if (collide(this, blocks[i]))" if (collide(this, blocks[i])&&blocks[i]!==this) { //if y velocity is greater than 0 (player is falling) and they hit the block, they stop and aren't falling if (vely > 0) { if(blocks[i].type==="crate"){ blocks[i].vely=this.vely; } this.vely = 0; this.y = blocks[i].y - this.h; } //if y velocity is less than 0 (player is jumping up) and they hit the block, they hit and go back down if (vely < 0) { if(blocks[i].type==="crate"){ blocks[i].vely=this.vely; } this.vely = 0; this.y = blocks[i].y + blocks[i].h; } //if x velocity is less than 0 (player is going left) and they hit the block, they stop if (velx < 0) { if(blocks[i].type==="crate"){ blocks[i].velx=this.velx; } this.velx=-0.9; this.x = blocks[i].x + blocks[i].w; } //if x velocity is greater than 0 (player is going right) and they hit the block, they stop if (velx > 0) { if(blocks[i].type==="crate"){ blocks[i].velx=this.velx; } this.velx=-0.9; this.x = blocks[i].x - this.w; } } } }; Block.prototype.display = function() { //draw the blocks //noStroke(); //fill(this.color); //rect(this.x, this.y, this.w, this.h); image(this.texture, this.x, this.y, this.w, this.h); }; var Cannon = function(x, y, w, h){ this.x = x; this.y = y; this.w = w; this.h = h; this.a = 0; this.update = function(){ var closest = Infinity; for(var i = 0; i < players.length; i++){ var p = players[i]; var d = dist(this.x, this.y, p.x, p.y); if(d<closest){ closest=d; var x = p.x+(p.velx(d/20)); var y = p.y+(p.vely(d/20)); this.a = atan2(this.x-x, y-this.y)+90; } } if(random(0, 1)<0.01){ bullets.push(new Bullet(this.x+this.w/2, this.y+this.h/2, this.a, 5, "A cannon", "")); } }; this.display = function(){ pushMatrix(); translate(this.x+this.w/2, this.y+this.h/2); fill(100); noStroke(); rotate(this.a); ellipse(0, 0, this.w, this.h); rectMode(CENTER); rect(this.w/3, 0, this.w, this.h/2); rectMode(CORNER); popMatrix(); }; }; var resetPlayers = function(){ var player1 = new Player(p1.x, p1.y, p1.w, p1.h, color(0, 255, 21), p1.type, p1.img, p1.keys, p1.name); var player2 = new Player(p2.x, p2.y, p2.w, p2.h, color(255, 0, 0), p2.type, p2.img, p2.keys, p2.name); var player3 = new Player(p3.x, p3.y, p3.w, p3.h, color(255, 0, 0), p3.type, p3.img, p3.keys, p3.name); var player4 = new Player(p4.x, p4.y, p4.w, p4.h, color(255, 0, 0), p4.type, p4.img, p4.keys, p4.name); players = [player1, player2, player3, player4]; bullets = []; stars = []; hearts = []; }; resetPlayers(); //Draw all of the platforms here (use loops as well to make things efficient var drawBlocks = function(idx) { cannons = []; blocks = []; for(var y = 0; y < BlockGrid[idx].length; y++){ for(var x = 0; x < BlockGrid[idx][y].length; x++){ if(BlockGrid[idx][y][x]==="b"){ blocks.push(new Block(xgrid, ygrid, grid, grid, color(150), "block")); } if(BlockGrid[idx][y][x]==="#"){ blocks.push(new Block(xgrid, ygrid, grid, grid, color(163, 83, 3), "crate")); } if(BlockGrid[idx][y][x]==="+"){ blocks.push(new Block(xgrid, ygrid, grid, grid, color(255, 0, 0), "moving")); } if(BlockGrid[idx][y][x]==="&"){ cannons.push(new Cannon(xgrid, ygrid, grid, grid)); } } } blocks.push(new Block(0, height-grid, width, grid, color(150), "block")); }; buttons.player1.add(Button, { x: 250, y: 200, w: 100, h: 50, txt: "UP: "+players[0].keys.up, pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ players[0].keys.up=keyCode; p1.keys.up=keyCode; this.txt = "UP: "+(a[players[0].keys.up-48]\|\|keyCode); }, }); buttons.player1.add(Button, { x: 250, y: 260, w: 100, h: 50, txt: "LEFT: "+players[0].keys.left, pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ players[0].keys.left=keyCode; p1.keys.left=keyCode; this.txt = "LEFT: "+(a[players[0].keys.left-48]\|\|keyCode); }, }); buttons.player1.add(Button, { x: 250, y: 320, w: 100, h: 50, txt: "RIGHT: "+players[0].keys.right, pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ players[0].keys.right=keyCode; p1.keys.right=keyCode; this.txt = "RIGHT: "+(a[players[0].keys.right-48]\|\|keyCode); }, }); buttons.player1.add(Button, { x: 250, y: 380, w: 100, h: 50, txt: "SHOOT: "+players[0].keys.shoot, pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ players[0].keys.shoot=keyCode; p1.keys.shoot=keyCode; this.txt = "SHOOT: "+(a[players[0].keys.shoot-48]\|\|keyCode); }, }); buttons.player1.add(Button, { x: 250, y: 440, w: 100, h: 50, txt: players[0].type.toUpperCase(), pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ if(players[0].type==="cpu"){ players[0].type = "player"; p1.type="player"; }else{ players[0].type = "cpu"; p1.type="cpu"; } this.txt = players[0].type.toUpperCase(); }, }); buttons.player1.add(Button, { x: 250, y: 500, w: 100, h: 50, txt: "Image", pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ players[0].img++; p1.img++; if(players[0].img>images.length-1){ players[0].img=0; p1.img=0; } for(var i = 0; i < players.length; i++){ if(i!==0&&players[i].img===p1.img){ p1.img++; players[0].img++; } } }, }); buttons.player1.add(Button, { x: 10, y: 540, w: 100, h: 50, txt: "Back", pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ mode="options"; }, }); buttons.player2.add(Button, { x: 250, y: 200, w: 100, h: 50, txt: "UP: "+players[0].keys.up, pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ players[1].keys.up=keyCode; p2.keys.up=keyCode; this.txt = "UP: "+(a[players[1].keys.up-48]\|\|keyCode); }, }); buttons.player2.add(Button, { x: 250, y: 260, w: 100, h: 50, txt: "LEFT: "+players[1].keys.left, pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ players[1].keys.left=keyCode; p2.keys.left=keyCode; this.txt = "LEFT: "+(a[players[1].keys.left-48]\|\|keyCode); }, }); buttons.player2.add(Button, { x: 250, y: 320, w: 100, h: 50, txt: "RIGHT: "+players[1].keys.right, pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ players[1].keys.right=keyCode; p2.keys.right=keyCode; this.txt = "RIGHT: "+(a[players[1].keys.right-48]\|\|keyCode); }, }); buttons.player2.add(Button, { x: 250, y: 380, w: 100, h: 50, txt: "SHOOT: "+players[1].keys.shoot, pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ players[1].keys.shoot=keyCode; p2.keys.shoot=keyCode; this.txt = "SHOOT: "+(a[players[1].keys.shoot-48]\|\|keyCode); }, }); buttons.player2.add(Button, { x: 250, y: 440, w: 100, h: 50, txt: players[1].type.toUpperCase(), pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ if(players[1].type==="cpu"){ players[1].type = "player"; p2.type="player"; }else{ players[1].type = "cpu"; p2.type="cpu"; } this.txt = players[1].type.toUpperCase(); }, }); buttons.player2.add(Button, { x: 250, y: 500, w: 100, h: 50, txt: "Image", pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ players[1].img++; p2.img++; if(players[1].img>images.length-1){ players[1].img=0; p2.img=0; } for(var i = 0; i < players.length; i++){ if(i!==1&&players[i].img===p2.img){ p2.img++; players[1].img++; } } }, }); buttons.player2.add(Button, { x: 10, y: 540, w: 100, h: 50, txt: "Back", pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ mode="options"; }, }); buttons.player3.add(Button, { x: 250, y: 200, w: 100, h: 50, txt: "UP: "+players[2].keys.up, pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ players[2].keys.up=keyCode; p3.keys.up=keyCode; this.txt = "UP: "+(a[players[2].keys.up-48]\|\|keyCode); }, }); buttons.player3.add(Button, { x: 250, y: 260, w: 100, h: 50, txt: "LEFT: "+players[2].keys.left, pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ players[2].keys.left=keyCode; p3.keys.left=keyCode; this.txt = "LEFT: "+(a[players[2].keys.left-48]\|\|keyCode); }, }); buttons.player3.add(Button, { x: 250, y: 320, w: 100, h: 50, txt: "RIGHT: "+players[2].keys.right, pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ players[2].keys.right=keyCode; p3.keys.right=keyCode; this.txt = "RIGHT: "+(a[players[2].keys.right-48]\|\|keyCode); }, }); buttons.player3.add(Button, { x: 250, y: 380, w: 100, h: 50, txt: "SHOOT: "+players[2].keys.shoot, pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ players[2].keys.shoot=keyCode; p3.keys.shoot=keyCode; this.txt = "SHOOT: "+(a[players[2].keys.shoot-48]\|\|keyCode); }, }); buttons.player3.add(Button, { x: 250, y: 440, w: 100, h: 50, txt: players[2].type.toUpperCase(), pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ if(players[2].type==="cpu"){ players[2].type = "player"; p3.type="player"; }else{ players[2].type = "cpu"; p3.type="cpu"; } this.txt = players[2].type.toUpperCase(); }, }); buttons.player3.add(Button, { x: 250, y: 500, w: 100, h: 50, txt: "Image", pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ players[2].img++; p3.img++; if(players[2].img>images.length-1){ players[2].img=0; p3.img=0; } for(var i = 0; i < players.length; i++){ if(i!==2&&players[i].img===p3.img){ p3.img++; players[2].img++; } } }, }); buttons.player3.add(Button, { x: 10, y: 540, w: 100, h: 50, txt: "Back", pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ mode="options"; }, }); buttons.player4.add(Button, { x: 250, y: 200, w: 100, h: 50, txt: "UP: "+players[3].keys.up, pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ players[3].keys.up=keyCode; p4.keys.up=keyCode; this.txt = "UP: "+(a[players[3].keys.up-48]\|\|keyCode); }, }); buttons.player4.add(Button, { x: 250, y: 260, w: 100, h: 50, txt: "LEFT: "+players[3].keys.left, pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ players[3].keys.left=keyCode; p4.keys.left=keyCode; this.txt = "LEFT: "+(a[players[3].keys.left-48]\|\|keyCode); }, }); buttons.player4.add(Button, { x: 250, y: 320, w: 100, h: 50, txt: "RIGHT: "+players[3].keys.right, pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ players[3].keys.right=keyCode; p4.keys.right=keyCode; this.txt = "RIGHT: "+(a[players[3].keys.right-48]\|\|keyCode); }, }); buttons.player4.add(Button, { x: 250, y: 380, w: 100, h: 50, txt: "SHOOT: "+players[3].keys.shoot, pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ players[3].keys.shoot=keyCode; p4.keys.shoot=keyCode; this.txt = "SHOOT: "+(a[players[3].keys.shoot-48]\|\|keyCode); }, }); buttons.player4.add(Button, { x: 250, y: 440, w: 100, h: 50, txt: players[3].type.toUpperCase(), pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ if(players[3].type==="cpu"){ players[3].type = "player"; p4.type="player"; }else{ players[3].type = "cpu"; p4.type="cpu"; } this.txt = players[3].type.toUpperCase(); }, }); buttons.player4.add(Button, { x: 250, y: 500, w: 100, h: 50, txt: "Image", pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ players[3].img++; p4.img++; if(players[3].img>images.length-1){ players[3].img=0; p4.img=0; } for(var i = 0; i < players.length; i++){ if(i!==3&&players[i].img===p4.img){ p4.img++; players[3].img++; } } }, }); buttons.player4.add(Button, { x: 10, y: 540, w: 100, h: 50, txt: "Back", pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ mode="options"; }, }); buttons.options.add(Button, { x: 400, y: 475, w: 50, h: 50, txt: ">", pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ blockIdx++; if(blockIdx>BlockGrid.length-1){ blockIdx=0; } drawBlocks(blockIdx); resetPlayers(); }, }); buttons.options.add(Button, { x: 150, y: 475, w: 50, h: 50, txt: "<", pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ blockIdx--; if(blockIdx<0){ blockIdx=BlockGrid.length-1; } drawBlocks(blockIdx); resetPlayers(); }, }); buttons.options.add(Button, { x: 310, y: 260, w: 200, h: 50, txt: "Reduce Lag: "+reduceLag, pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ reduceLag=!reduceLag; this.txt = "Reduce Lag: "+reduceLag; drawBlocks(blockIdx); }, }); buttons.menu.add(Button, { x: 200, y: 140, w: 200, h: 50, txt: "Old Game", pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ mode = "play"; }, }); buttons.menu.add(Button, { x: 200, y: 200, w: 200, h: 50, txt: "New Game", pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ mode = "play"; resetPlayers(); drawBlocks(blockIdx); }, }); buttons.gameOver.add(Button, { x: 200, y: 200, w: 200, h: 50, txt: "Restart", pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ mode = "play"; resetPlayers(); drawBlocks(blockIdx); }, }); buttons.gameOver.add(Button, { x: 200, y: 260, w: 200, h: 50, txt: "Menu", pressClr: color(150, 170, 170), normClr: color(150), txtSize: 14, overStroke: color(0, 191, 255), overStrokeW: 3, func: function(){ mode = "menu"; resetPlayers(); }, }); drawBlocks(blockIdx); //apply the block drawings var Logo = function(){ this.time = 0; this.code = [ "var x = 10;", "draw = function(){\n\n};", "for(var i = 0; i < 100; i++){\n\n}", "var y = 0;", "x+=10;", "var x = 10;", "draw = function(){\n\n};", "for(var i = 0; i < 100; i++){\n\n}", "var y = 0;", "x+=10;", "var x = 10;", "draw = function(){\n\n};", "for(var i = 0; i < 100; i++){\n\n}", "var y = 0;", "x+=10;", "", ]; this.code2 = "var Logo = function(){\n this.time = 0;\n this.code = [\n ''var x = 0'',\n ];\n this.code2 = ''Mr. JPrograms'';\n this.text = '' '';\n this.x = [ ];\n this.y = [ ];\n this.sizes = [ ];\n this.display = function(){\n this.time++;\n };\n};\n\nvar logo = ne w Logo();\ndraw = function(){\n background(255);\n if(logo.time<520){\n logo.display();\n }\n};"; this.text = ""; this.x = []; this.y = []; this.sizes = []; for(var i = 0; i < this.code.length; i++){ this.x.push(random(0, 400)); this.y.push(random(0, 400)); this.sizes.push(random(10, 20)); } this.display = function(){ this.time++; if(this.time<520){ var code = this.code; var x = this.x; var y = this.y; var sizes = this.sizes; background(255); textAlign(LEFT, CENTER); for(var i = 0; i < code.length; i++){ fill(0); textSize(sizes[i]); text(code[i], x[i], y[i]); x[i]+=sizes[i]/5; if(x[i]>400){x[i]=0;y[i]=random(0, 400);sizes[i]=random(10, 20);} } textAlign(LEFT, TOP); textSize(15); if(this.text.length<this.code2.length){ this.text+=this.code2[this.text.length]; } fill(100); if(frameCount%20>10){ text(this.text+"\|", 10, 10); }else{ text(this.text, 10, 10);} if(this.time<255){ fill(255-this.time); }else{ fill(0, 0, 0, this.time-255); noStroke(); rect(0, 0, 400, 400); fill(0); } textAlign(CENTER, CENTER); textSize(50); text("Mr. JPrograms", 200, 200); textSize(6.5); text("With help from: funhawk012BOO, philupthebrick, and microbots", 127, 222); } }; }; var logo = new Logo(); var draw = function() { frameRate(FR); background(200); if(logo.time<520&&mode==="logo"){ pushMatrix(); scale(width/400, height/400); logo.display(); popMatrix(); buttons[mode].draw(); return; } if(mode==="logo"&&logo.time===520){ mode = "menu"; } if(mode==="play"\|\|mode==="pause"){ pushMatrix(); shake=max(shake-0.5, 0); if(toggleShake){ translate(random(-shake, shake), random(-shake, shake)); } for (var i = 0; i < blocks.length; i++) { if(mode!=="pause"){ blocks[i].update(); } blocks[i].display(); //display blocks } for(var i = bullets.length-1; i >= 0; i--){ if(mode==="pause"\|\|mode==="play"){ bullets[i].display(); } if(mode==="play"){ bullets[i].update(); } if(bullets[i].deleted){ bullets.splice(i, 1); } } for(var i = grenades.length-1; i >= 0; i--){ if(mode==="pause"\|\|mode==="play"){ grenades[i].display(); } if(mode==="play"){ grenades[i].update(); } if(grenades[i].deleted){ grenades.splice(i, 1); } } for(var i = 0; i < cannons.length; i++){ var c = cannons[i]; if(mode==="play"){ c.update(); } c.display(); } for(var i = players.length-1; i >= 0; i--){ players[i].apply(players); textSize(12); fill(0); players[i].updateName(false); text(players[i].name+"'s lives: "+players[i].lives, 100, 50+(i15)); if(players[i].lives<=0){ textboxes.newTextbox(20, 550, 200, 30, players[i].name+" is eliminated.", 12, 400, 100); players.splice(i, 1); } } if(players.length<=1){ mode = "gameOver"; } for(var i = hearts.length-1; i >= 0; i--){ var h = hearts[i]; image(heart, h.x, h.y, 20, 20); if(mode==="play"){ h.y++; if(h.y > height){ hearts.splice(i, 1); } } } for(var i = stars.length-1; i >= 0; i--){ var s = stars[i]; image(star, s.x, s.y, 20, 20); if(mode==="play"){ s.y+=3; if(s.y > height){ stars.splice(i, 1); } } } popMatrix(); if(mode==="play"){ if(random(0, 8)<0.01){ hearts.push(new PVector(random(0, width-20), 0)); } if(random(0, 8)<0.01){ var r = random(0, 1); if(r<0.35){ stars.push({x: random(0, width), y: 0, type: "grenade"}); }else if(r<0.7){ stars.push({x: random(0, width), y: 0, type: "machine"}); }else{ stars.push({x: random(0, width), y: 0, type: "shield"}); } } } textboxes.apply(); } if(mode==="pause"){ noStroke(); fill(255, 255, 255, 100); rect(0, 0, width, height); }else{ } if(mode==="options"){ pushMatrix(); translate(220, 450); scale(0.25); for(var i = 0; i < blocks.length; i++){ blocks[i].display(); } for(var i = 0; i < cannons.length; i++){ cannons[i].display(); } popMatrix(); textAlign(CENTER); textSize(10); fill(0); text("By: "+names[blockIdx].creator+"\nName: "+names[blockIdx].name, 300, 441); } try{ displays[mode](); }catch(error){} buttons[mode].draw(); noStroke(); //fill(200, 200, 200, 50); //rect(0, 0, 400, 400); fill(0, 0, abs(cos(frameCount))*255); textAlign(CENTER, BOTTOM); textSize(50); text("B", width/2-50, 90); text("E", width/2+50, 90); textSize(30); text("ATTL", width/2, 72); textSize(9); text("KHAN EDITION", width/2, 80); }; mousePressed = function(){ buttons[mode].mousePressed(); }; mouseReleased = function(){ buttons[mode].mouseReleased(); };
Folds	31,61,62,93,94,125,126,157,158,189,190,219,220,253,254,284,285,313,370,374,390,419,422,426,428,458,459,462,463,468,469,475,476,491,492,503,505,507,508,511,512,514,515,517,518,520,521,544,548,553,556,646,651,653,655,679,681,694,696,711,712,727,728,743,744,758,759,773,774,788,789,803,804,818,819,834,835,850,851,866,867,882,883,898,922,1000,1046,1056,1057,1067,1068,1078,1081,1083,1084,1086,1095,1099,1101,1141,1143,1208,1262,1323,1328,1355,1626,1634,1635,1643,1645,1662,1664,1678,1679,1712,1713,1756,1757,1765,1767,1802,1841,1857,1858,1874,1875,1891,1892,1908,1909,1930,1931,1957,1958,1972,1974,1990,1991,2007,2008,2024,2025,2041,2042,2063,2064,2090,2091,2105,2107,2123,2124,2140,2141,2157,2158,2174,2175,2196,2197,2223,2224,2238,2240,2256,2257,2273,2274,2290,2291,2307,2308,2329,2330,2356,2357,2371,2373,2392,2393,2412,2413,2429,2431,2445,2446,2463,2465,2482,2483,2499,2506,2581,2584,2747,2749,2751,2752,2754
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgJidru-qCww
Votes	562
Spin-Offs	84
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	{"id":"6004175585148928","title":"Concept: Player on Block Collision","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Mr. JPrograms
Author Name	jprograms
Author ID	kaid_868862302296985534725580
Author Profile Access	PUBLIC

Archive Data

Added	5 months ago, 1739457258563
Updated	3 months ago, 1744820785381
Source Deleted	unknown