Viewing Program

Program Data

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

Title	TANKS
ID	6341123318431744
Created	4 years ago, 1625668315034
Updated	4 years ago, 1625672929844
Code	/ ████████╗░█████╗░███╗░░██╗██╗░░██╗░██████╗ ╚══██╔══╝██╔══██╗████╗░██║██║░██╔╝██╔════╝ ░░░██║░░░███████║██╔██╗██║█████═╝░╚█████╗░ ░░░██║░░░██╔══██║██║╚████║██╔═██╗░░╚═══██╗ ░░░██║░░░██║░░██║██║░╚███║██║░╚██╗██████╔╝ ░░░╚═╝░░░╚═╝░░╚═╝╚═╝░░╚══╝╚═╝░░╚═╝╚═════╝░ A challenging game of Tactics and Technique Liam K. July 2021 Hello... Its been a while since I've released a game on my own, but I hope to become a bit more active. I will be trying to release once a week, but we will see how that turns out. I made this program in ~1.5 weeks, I started with the pathfinding about a month ago, and then came back and made the game. This program has over 1000 lines of graphics, so let me know if you have trouble loading this program. If you enjoyed this project, please consider subscribing. Thanks in advance! Subscribe: https://www.khanacademy.org/cs/i/6652809926492160 Instructions:{ Arrows/WASD for movement, Click to shoot, 1-3 to change weapons Destroy all enemy tanks to proceed. } Credits:{ I used several reference images Tanks :https://www.clipartmax.com/png/middle/42-422007_preview-top-down-tank-png.png Blocks/ some graphics:https://www.coolmathgames.com/0-awesome-tanks-2 Barrel: surviv.io TANKS logo: Black Ops One font, off google fonts I also used this article as reference for the enemy pathfinding https://en.wikipedia.org/wiki/Pathfinding All code was made by me, other that loop protection disabler which was either made by Batuhan or Daniel. }, Todo: IIFE everything get rid of new relax / (function() {return this;})().LoopProtector.prototype.leave = function() {}; size(600,600,1); var levels, level, blocks, loadLevel; var keys = []; var scene = 'load'; var click = false; var fonts = [ createFont('Verdana'),createFont('Verdana Bold') ]; textAlign(CENTER,CENTER); var texts = [ 'The Beginning', 'A little harder', 'Detonation', 'More tanks', 'Cornered', 'Shotguns', 'A little harder 2', 'Both types', 'The labyrinth', '3 2 1 FIGHT!', 'Cannon Tanks', 'All types', 'Bomb Shelter', 'Almost done', 'Finale', ]; var inBlock = function(X,Y){ var x = floor(X/60); var y = floor(Y/60); var b = blocks[constrain(y,0,blocks.length-1)][constrain(x,0,blocks[0].length-1)]; return(b); }; var rectRect = function(x1,y1,w1,h1,x2,y2,w2,h2){ return(x1 + w1 > x2 && y1 + h1 > y2 && x1 < x2 + w2 && y1 < y2 + h2); }; var pointRect = function(px,py,x,y,w,h){ return(px > x && px < x + w && py > y && py < y + h); }; var cam = { x:0, y:0, }; cam.follow =function(obj){ cam.x = lerp(cam.x,-obj.x+270,0.1); cam.y = lerp(cam.y,-obj.y+270,0.1); pushMatrix(); translate(cam.x,cam.y); translate(obj.x,obj.y); scale(obj.scale); translate(-obj.x,-obj.y); }; var trans = { running:false, to:null, y:0, state:1, y2:-20, x:-600, }; trans.run = function(){ if(trans.running){ noStroke(); fill(20); rect(0,0,600,trans.y); if(trans.to === 'play'){ fill(255); textFont(fonts[1],width/15); text('Level '+(level + 1),300,trans.y-300); textSize(width/30); text(texts[level],300,trans.y-260); } if(trans.state === 1){ trans.y = lerp(trans.y,600.5,0.1); if(trans.y >= 600){ trans.state = 2; scene = trans.to; loadLevel(); trans.x = -600; } } if(trans.state === 2){ trans.y = lerp(trans.y,-5,0.1); if(trans.y <= 0){ trans.y = 0; trans.state = 3; } } if(trans.state === 3){ trans.x = lerp(trans.x,5,0.1); if(trans.x >= 0\|\|scene === 'play'){ trans.running = false; trans.state = 1; } } } }; var curLoad = 0; var imgs = { tire:{ w:45, h:75, d:function(){ pushMatrix(); translate(-20,-10); stroke(20); strokeWeight(2); fill(50,33,29); rect(25,10,35,70,30); noStroke(); fill(64,50,45); rect(27,18,32,55,12); fill(82,76,71); rect(27,25,32,40,10); fill(112, 107, 98); rect(27,40,32,10,7); rect(27,38,15,10,20); rect(27+17,42,15,10,20); var tread = function(x,y,l){ pushMatrix(); translate(x,y); stroke(20); strokeWeight(1); fill(20,100); rect(0,0,l,5,2); popMatrix(); }; for(var i = 0; i < 5; i ++){ tread(35,10+i15,15); if(i < 4){ tread(25,18+i15,10); tread(50,18+i15,10); } } popMatrix(); }, }, playerTurret:{ w:60, h:60, d:function(){ pushMatrix(); translate(-320,-189); //Turret strokeWeight(2); stroke(20); fill(27,177,206); rect(325,190,50,30); arc(350,220,50,50,0,180); strokeWeight(0.5); fill(64,199,193); rect(325,190,50,14); noStroke(); fill(27,179,206); rect(325,190,50,8); rect(325,195,50,6,3); fill(44,125,194); arc(350,220,46,46,0,180); rect(325,207,25,15,12); rect(350,207,25,15,12); noFill(); stroke(20); strokeWeight(2); arc(350,220,50,50,0,180); line(325,220,325,190); line(375,220,375,190); line(325,190,375,190); strokeWeight(1); fill(184,211,233); ellipse(350,223,28,28); noStroke(); fill(44,125,194); ellipse(350,223,22,22); stroke(20,200); for(var i = 0; i < 360; i += 60){ ellipse(350+cos(i)10,223+sin(i)10,1,1); } rect(344.5,235,10,4,5); noStroke(); fill(20); rect(338,194,24,3); popMatrix(); } }, playerTank:{ w:115, h:135, d:function(){ pushMatrix(); translate(-190,-130); stroke(20); fill(39,84,132); rect(200,152,94,100); fill(30,54,81); noStroke(); rect(200,152,20,100); rect(272,152,20,100); rect(200,205,94,45); arc(246,205,50,19,180,360); triangle(220,152,220,167,225,152); triangle(272,152,272,167,267,152); noFill(); stroke(20); strokeWeight(1); arc(228,253,10,10,180,360); arc(265,253,10,10,180,360); pushMatrix(); translate(88,0); stroke(20); strokeWeight(2); fill(52,101,128); rect(190,133,25,130,10); noStroke(); fill(35,81,120); rect(190,205,25,30,20); rect(190,162,25,30,20); rect(190,233,25,30,10); fill(44,125,194); rect(190,228,25,30,10); rect(190,215,25,30,20); rect(190,133,25,30,10); rect(190,152,25,30,20); fill(35,150,199); rect(190,142,25,30,20); rect(190,223,25,30,20); noFill(); stroke(0); rect(190,133,25,130,10); stroke(0,100); for(var i = 9; i < 128; i += 14){ point(209,133+i); } point(195,142); point(195,254); popMatrix(); stroke(20); strokeWeight(2); fill(52,101,128); rect(190,133,25,130,10); noStroke(); fill(35,81,120); rect(190,205,25,30,20); rect(190,162,25,30,20); rect(190,233,25,30,10); fill(44,125,194); rect(190,228,25,30,10); rect(190,215,25,30,20); rect(190,133,25,30,10); rect(190,152,25,30,20); fill(35,150,199); rect(190,142,25,30,20); rect(190,223,25,30,20); noFill(); stroke(0); rect(190,133,25,130,10); stroke(0,100); for(var i = 9; i < 128; i += 14){ point(195,133+i); } point(209,142); point(209,254); fill(39,84,132); stroke(20); strokeWeight(1); rect(220,170,8,8); arc(225,176,8,10,0,180); rect(263,170,8,8); arc(267,176,8,10,0,180); var light = function(x){ pushMatrix(); translate(x,0); stroke(20); strokeWeight(2); fill(35,81,120); arc(217,150,20,20,0,180); fill(221,220,184); arc(217,150,20,10,180,360); noStroke(); fill(66, 134, 194); arc(217,150,13,6,0,180); popMatrix(); }; light(0); light(60); popMatrix(); }, }, enemyTurret:{ w:60, h:60, d:function(){ pushMatrix(); translate(-320,-189); //Turret strokeWeight(2); stroke(20); fill(204, 29, 29); rect(325,190,50,30); arc(350,220,50,50,0,180); strokeWeight(0.5); fill(199, 66, 66); rect(325,190,50,14); noStroke(); fill(204, 29, 29); rect(325,190,50,8); rect(325,195,50,6,3); fill(194, 45, 45); arc(350,220,46,46,0,180); rect(325,207,25,15,12); rect(350,207,25,15,12); noFill(); stroke(20); strokeWeight(2); arc(350,220,50,50,0,180); line(325,220,325,190); line(375,220,375,190); line(325,190,375,190); strokeWeight(1); fill(232, 183, 183); ellipse(350,223,28,28); noStroke(); fill(194, 45, 45); ellipse(350,223,22,22); stroke(20,200); for(var i = 0; i < 360; i += 60){ ellipse(350+cos(i)10,223+sin(i)10,1,1); } rect(344.5,235,10,4,5); noStroke(); fill(20); rect(338,194,24,3); popMatrix(); } }, enemyTank:{ w:115, h:135, d:function(){ pushMatrix(); translate(-190,-130); stroke(20); fill(130, 39, 39); rect(200,152,94,100); fill(79, 30, 30); noStroke(); rect(200,152,20,100); rect(272,152,20,100); rect(200,205,94,45); arc(246,205,50,19,180,360); triangle(220,152,220,167,225,152); triangle(272,152,272,167,267,152); noFill(); stroke(20); strokeWeight(1); arc(228,253,10,10,180,360); arc(265,253,10,10,180,360); pushMatrix(); translate(88,0); stroke(20); strokeWeight(2); fill(128, 53, 53); rect(190,133,25,130,10); noStroke(); fill(120, 36, 36); rect(190,205,25,30,20); rect(190,162,25,30,20); rect(190,233,25,30,10); fill(194, 45, 45); rect(190,228,25,30,10); rect(190,215,25,30,20); rect(190,133,25,30,10); rect(190,152,25,30,20); fill(199, 36, 36); rect(190,142,25,30,20); rect(190,223,25,30,20); noFill(); stroke(0); rect(190,133,25,130,10); stroke(0,100); for(var i = 9; i < 128; i += 14){ point(209,133+i); } point(195,142); point(195,254); popMatrix(); stroke(20); strokeWeight(2); fill(128, 53, 53); rect(190,133,25,130,10); noStroke(); fill(120, 36, 36); rect(190,205,25,30,20); rect(190,162,25,30,20); rect(190,233,25,30,10); fill(194, 45, 45); rect(190,228,25,30,10); rect(190,215,25,30,20); rect(190,133,25,30,10); rect(190,152,25,30,20); fill(199, 36, 36); rect(190,142,25,30,20); rect(190,223,25,30,20); noFill(); stroke(0); rect(190,133,25,130,10); stroke(0,100); for(var i = 9; i < 128; i += 14){ point(195,133+i); } point(209,142); point(209,254); fill(130, 39, 39); stroke(20); strokeWeight(1); rect(220,170,8,8); arc(225,176,8,10,0,180); rect(263,170,8,8); arc(267,176,8,10,0,180); var light = function(x){ pushMatrix(); translate(x,0); stroke(20); strokeWeight(2); fill(120, 36, 36); arc(217,150,20,20,0,180); fill(221,220,184); arc(217,150,20,10,180,360); noStroke(); fill(194, 68, 68); arc(217,150,13,6,0,180); popMatrix(); }; light(0); light(60); popMatrix(); }, }, machineGun:{ w:50, h:90, d:function(){ pushMatrix(); translate(-315,-115); noFill(); stroke(20); strokeWeight(2); fill(105, 95, 90); rect(342,120,4,50,2); rect(353,120,4,50,2); fill(112,109,101); rect(346,120,7,50,3); strokeWeight(1); fill(137,132,130); rect(340,124,20,4); rect(340,136,20,4); strokeWeight(2); fill(115,95,91); rect(340,168,20,30); fill(147,149,147); noStroke(); rect(343,170,14,30); fill(187,184,172); rect(346,170,8,30); var bullet = function(x,y){ pushMatrix(); translate(x,y); stroke(20); strokeWeight(2); //noStroke(); fill(102,96,89); rect(0,4,4,7); arc(2,5,4,10,180,360); popMatrix(); }; bullet(335,170); bullet(330,171); bullet(325,173); bullet(320,171); popMatrix(); }, }, shotgun:{ w:30, h:70, d:function(){ pushMatrix(); translate(-335,-150); stroke(20); strokeWeight(2); fill(115,95,91); rect(338,153,24,15); fill(147,149,147); noStroke(); rect(341,154,18,20); fill(187,184,172); rect(344,154,12,20); stroke(20); strokeWeight(2); fill(115,95,91); rect(340,168,20,50); noStroke(); rect(341,167,18,50); fill(147,149,147); rect(343,167,14,50); fill(187,184,172); rect(346,167,8,50); stroke(20); noFill(); arc(350,166,22,8,0,180); stroke(20,100); arc(350,166,24,12,0,180); popMatrix(); } }, playerCannon:{ w:30, h:55, d:function(){ pushMatrix(); translate(-335,-150); stroke(20); strokeWeight(2); fill(32, 97, 150); rect(338,153,24,15); fill(44,125,194); noStroke(); rect(341,154,18,20); fill(35,150,199); rect(344,154,12,20); stroke(20); strokeWeight(2); fill(32, 97, 150); rect(340,168,20,35); noStroke(); rect(341,167,18,35); fill(44,125,194); rect(343,167,14,35); fill(35,150,199); rect(346,167,8,35); stroke(20); noFill(); arc(350,166,22,8,0,180); stroke(20,100); arc(350,166,24,12,0,180); popMatrix(); }, }, enemyCannon:{ w:30, h:55, d:function(){ pushMatrix(); translate(-335,-150); stroke(20); strokeWeight(2); fill(148, 33, 33); rect(338,153,24,15); fill(194, 45, 45); noStroke(); rect(341,154,18,20); fill(199, 36, 36); rect(344,154,12,20); stroke(20); strokeWeight(2); fill(148, 33, 33); rect(340,168,20,35); noStroke(); rect(341,167,18,35); fill(194, 45, 45); rect(343,167,14,35); fill(199, 36, 36); rect(346,167,8,35); stroke(20); noFill(); arc(350,166,22,8,0,180); stroke(20,100); arc(350,166,24,12,0,180); popMatrix(); }, }, grass:{ w:60, h:60, d:function(){ fill(66, 143, 66); noStroke(); rect(0,0,70,70); stroke(65, 117, 54,20); strokeWeight(2); for(var i = 0; i < 700; i ++){ point(random(0,60),random(0,60)); } filter(BLUR,1); }, }, wall:{ w:60, h:60, d:function(){ noStroke(); fill(20); rect(0,0,60,60); fill(122,99,92); rect(1,1,58,58,6); fill(194,176,162); beginShape(); for(var i = 5; i < 55; i += random(3,5)){ vertex(i,random(3,5)); } for(var i = 5; i < 55; i += random(3,5)){ vertex(random(57,55),i); } for(var i = 5; i < 55; i += random(3,5)){ vertex(60-i,random(55,57)); } for(var i = 5; i < 55; i += random(3,5)){ vertex(random(3,5),60-i); } endShape(CLOSE); fill(162,144,130); beginShape(); for(var i = 10; i < 50; i += random(3,5)){ vertex(i,random(3,5)+3); } for(var i = 10; i < 50; i += random(3,5)){ vertex(random(57,55)-3,i); } for(var i = 10; i < 50; i += random(3,5)){ vertex(60-i,random(55,57)-3); } for(var i = 10; i < 50; i += random(3,5)){ vertex(random(3,5)+3,60-i); } endShape(CLOSE); fill(194,176,162); for(var i = 0; i < 10; i ++){ var s = random(1,3); ellipse(random(5,55),random(5,55),s,s); } }, }, crate:{ w:60, h:60, d:function(){ noStroke(); strokeWeight(2); stroke(02); fill(122, 75, 0); rect(0,0,60,60); strokeWeight(1); stroke(99, 55, 7); for(var i = 10; i < 50; i += 10){ fill(100+noise(i/21)50, 50+noise(i/21)50, 2+noise(i/21)50); rect(10,i,40,10); } } }, stonePath:{ w:60, h:60, d:function(){ noStroke(); fill(0); rect(0,0,60,60); stroke(20); fill(150,140,130); strokeWeight(2); rect(10,35,10,10,4); rect(45,50,15,10,4); rect(30,40,15,10,4); rect(20,50,15,10,4); rect(0,25,15,10,4); rect(15,0,10,16,4); rect(0,50,10,10,4); rect(15,15,15,10,4); rect(40,0,10,10,4); rect(50,0,10,15,4); rect(30,15,10,10,4); rect(30,25,15,15,4); rect(45,25,15,10,4); rect(0,0,15,10,4); fill(140,130,120); rect(15,25,15,10,4); rect(50,15,10,10,4); rect(0,0,15,10,4); rect(0,10,15,15,4); rect(0,35,10,15,4); rect(20,35,10,15,4); rect(45,35,15,15,4); rect(25,0,15,15,4); rect(40,10,10,15,4); rect(10,45,10,15,4); rect(35,50,10,10,4); noStroke(); } }, machineGunBullet:{ w:8, h:20, d:function(){ fill(100); stroke(20); strokeWeight(2); rect(2,10,5,10); arc(4.5,10,5,15,180,360); }, }, shotgunBullet:{ w:8, h:11, d:function(){ fill(100); stroke(20); strokeWeight(2); arc(4.5,6,5,10,180,360); rect(2,5,5,5); } }, cannonBullet:{ w:11, h:24, d:function(){ fill(100); stroke(20); strokeWeight(2); arc(6,10,8,18,180,360); rect(2,11,8,12); } }, cracks1:{ w:60, h:60, d:function(){ stroke(20); strokeWeight(3); line(25,30,50,50); } }, cracks2:{ w:60, h:60, d:function(){ stroke(20); strokeWeight(3); line(25,30,50,50); line(25,30,10,50); } }, cracks3:{ w:60, h:60, d:function(){ stroke(20); strokeWeight(3); line(25,30,50,50); line(25,30,10,50); line(33,35,50,15); } }, cracks4:{ w:60, h:60, d:function(){ stroke(20); strokeWeight(3); line(25,30,50,50); line(25,30,10,50); line(33,35,50,15); line(25,30,15,10); } }, cracks5:{ w:60, h:60, d:function(){ stroke(20); strokeWeight(3); line(25,30,50,50); line(25,30,10,50); line(33,35,50,15); line(25,30,15,10); line(40,24,33,15); } }, death:{ w:60, h:60, d:function(){ fill(31,11,7); noStroke(); randomSeed(5); for(var i = 0; i < 800; i ++){ var s = random(3,10); var x = random(0,60); var y = random(0,60); if(dist(30,30,x,y) < 25){ ellipse(x,y,s,s); } } fill(77, 58, 45); for(var i = 0; i < 800; i ++){ var s = random(4,7); var x = random(0,60); var y = random(0,60); if(dist(35,35,x,y) < 13){ ellipse(x,y,s,s); } } fill(31,11,7); for(var i = 0; i < 10; i ++){ var s = random(2,4); ellipse(random(0,60),random(0,60),s,s); } } }, tanks:{ w:600, h:300, d:function(){ var TANKS = function(x,y,clr){ pushMatrix(); translate(x,y); translate(115,-100); translate(300,100); scale(1.2); translate(-300,-100); fill(clr); rect(11,165,64,16); rect(30,185,26,55); quad(69,241,92,241,106,198,95,168); quad(98,165,123,165,152,241,128,241); quad(100,231,134,231,118,216,105,216); quad(159,173,159,241,181,241,181,209); quad(160,165,186,165,231,241,205,241); quad(209,165,231,165,231,232,209,197); rect(244,164,24,76); quad(272,228,272,193,290,165,316,165); quad(282,222,296,201,316,240,290,240); rect(347,165,31,15); rect(367,175,11,11); quad(377,165,377,186,390,186,390,176); rect(335,165,8,46); quad(335,165,320,179,320,198,335,211); rect(342,191,35,20); rect(367,191,10,49); quad(376,191,376,240,392,225,392,208); rect(320,217,24,9); rect(344,226,18,14); quad(320,225,345,226,344,240,332,240); textAlign(LEFT,CENTER); textFont(fonts[1],13); text('A challenging game of',5,250); text('Tactics and Technique',235,250); textAlign(CENTER,CENTER); popMatrix(); }; background(0); TANKS(0,0,255); var mask = get(0,0,600,200); background(255,0); noStroke(); fill(0); rect(0,0,600,200); fill(20); pushMatrix(); translate(0,10); beginShape(); vertex(2,95); curveVertex(2,95); curveVertex(2,95); curveVertex(72,65); curveVertex(182,79); curveVertex(262,49); curveVertex(344,54); curveVertex(427,29); curveVertex(501,31); curveVertex(574,0); curveVertex(599,0); curveVertex(599,0); curveVertex(599,50); curveVertex(599,50); curveVertex(547,85); curveVertex(484,86); curveVertex(394,114); curveVertex(290,110); curveVertex(210,140); curveVertex(96,128); curveVertex(2,159); curveVertex(2,159); vertex(2,159); endShape(CLOSE); popMatrix(); var img = get(0,0,600,200); if(img){ img.mask(mask); } background(255,0); for(var i = 0; i < 10; i ++){ for(var j = 0; j < 360; j += 20){ //TANKS(i,-i,color(0)); } } for(var i = 0; i < 360; i += 20){ //TANKS(sin(i)5,cos(i)5,color(0)); } //TANKS(-5,5,0); image(img,0,0); } }, overlay1:{ w:600, h:600, d:function(){ stroke(255,15); strokeWeight(2); for(var i = 0; i < 600; i += 2){ for(var j = 0; j < 600; j += 2){ var n = noise(i/161,j/161); if(n >= 0.46){ point(i,j); } } } }, }, overlay2:{ w:600, h:600, d:function(){ stroke(0,15); for(var i = 0; i < 600; i += 2){ for(var j = 0; j < 660; j += 2){ var n = noise((i+600)/161,(j+600)/161); if(n >= 0.46){ point(i,j); } } } } }, backdrop:{ w:600, h:600, d:function(){ background(31, 140, 74); image(imgs.overlay1,0,0); image(imgs.overlay2,0,0); } }, menuTank:{ w:400, h:400, d:function(){ pushMatrix(); translate(10,0); noStroke(); background(0); fill(255); ellipse(88,157,70,70); fill(0); arc(180,219,209,166,185,340); triangle(41,160,74,148,42,151); var mask = get(0,0,400,400); fill(252,147,16); rect(0,0,400,400); var img = get(0,0,400,400); if(img){ img.mask(mask); } background(255,0); image(img,0,0); fill(0,70); noStroke(); beginShape(); vertex(2,316); vertex(48,309); vertex(343,302); vertex(400,311); vertex(2,316); endShape(CLOSE); noFill(); stroke(20); strokeWeight(4); fill(82,152,58); quad(96,193,107,220,276,220,283,192); arc(190,219,199,151,200,340); noStroke(); fill(6,46,10); arc(107,220,100,30,-98,0); arc(276,220,100,30,180,276); rect(110,215,150,5); fill(161,217,116); for(var i = 200; i < 270; i += 2){ var s = map(i,200,270,14,4); ellipse(190+cos(i)72,200+sin(i)45,s,s); } noStroke(); fill(51,111,30); ellipse(192,181,50,45); fill(144,201,105); ellipse(190,180,50,45); fill(103, 161, 58); for(var i = 0; i < 360; i += 90){ ellipse(190+cos(i)20,180+sin(i)17,4,4); } fill(0,70); beginShape(); vertex(219,152); vertex(234,159); vertex(244,179); vertex(245,197); vertex(240,211); vertex(260,206); vertex(271,205); vertex(277,198); vertex(277,189); vertex(259,167); vertex(228,151); endShape(CLOSE); beginShape(); vertex(204,177); vertex(246,196); vertex(240,209); vertex(192,189); endShape(CLOSE); var Tread = function(){ var tread = function(x,y,r,s,clr){ pushMatrix(); translate(x,y); scale(s); rotate(r); noStroke(); fill(20); for(var i = 0; i < 6; i ++){ var y = (i%2===0?0:3); rect(i10,y,10,10); } fill(clr); for(var i = 0; i < 6; i ++){ var y = (i%2===0?0:3); rect(i10,y,10,7); } popMatrix(); }; fill(30); rect(35,310,60,4); tread(36,301,0,1,60); tread(33,295,0,1,90); tread(30,288,0,1,120); tread(28,281,0,1,150); tread(26,274,0,1,180); tread(24,266,0,1,200); tread(26,258,0,1,170); tread(29,250,0,1,140); tread(30,242,0,1,0); stroke(20); strokeWeight(4); noFill(); beginShape(); vertex(28,238); curveVertex(28,238); curveVertex(25,264); curveVertex(24,274); curveVertex(35,308); curveVertex(38,314); vertex(38,314); endShape(); fill(50); beginShape(); vertex(97,246); curveVertex(97,246); curveVertex(87,266); curveVertex(87,278); curveVertex(97,311); curveVertex(108,313); curveVertex(122,307); curveVertex(135,285); vertex(135,285); endShape(CLOSE); }; Tread(); pushMatrix(); translate(190,300); scale(-1,1); translate(-195,-300); Tread(); popMatrix(); stroke(20); strokeWeight(3); fill(88,150,58); beginShape(); vertex(106,225); vertex(97,217); vertex(55,213); vertex(34,208); vertex(10,250); vertex(42,252); vertex(46,249); vertex(50,251); vertex(90,252); vertex(100,254); endShape(CLOSE); noStroke(); fill(44,95,29); beginShape(); vertex(96,219); vertex(89,237); vertex(88,251); vertex(99,253); vertex(103,224); endShape(CLOSE); fill(133,198,99); beginShape(); vertex(13,248); vertex(35,210); vertex(54,215); vertex(95,218); vertex(41,234); endShape(CLOSE); pushMatrix(); translate(190,200); scale(-1,1); translate(-194,-200); stroke(20); strokeWeight(3); fill(88,150,58); beginShape(); vertex(106,225); vertex(97,217); vertex(55,213); vertex(34,208); vertex(10,250); vertex(42,252); vertex(46,249); vertex(50,251); vertex(90,252); vertex(100,254); endShape(CLOSE); noStroke(); fill(44,95,29); beginShape(); vertex(96,219); vertex(89,237); vertex(88,251); vertex(99,253); vertex(103,224); endShape(CLOSE); fill(133,198,99); beginShape(); vertex(13,248); vertex(35,210); vertex(54,215); vertex(95,218); vertex(41,234); endShape(CLOSE); popMatrix(); noFill(); fill(88,152,65); stroke(20); strokeWeight(3); beginShape(); vertex(103,218); vertex(190,221); vertex(278,217); vertex(289,262); vertex(262,293); vertex(217,294); vertex(161,294); vertex(123,288); vertex(99,255); endShape(CLOSE); noStroke(); fill(35, 59, 27); beginShape(); vertex(99,253); vertex(167,260); vertex(220,260); vertex(288,260); vertex(263,293); vertex(194,293); vertex(149,292); vertex(124,287); endShape(CLOSE); fill(33, 51, 27); beginShape(); vertex(216,261); vertex(287,261); vertex(264,296); vertex(266,273); endShape(CLOSE); fill(143,202,91); triangle(103,223,147,258,100,253); fill(40,76,25); triangle(142,222,279,236,275,221); quad(274,222,216,260,267,260,284,253); stroke(20); strokeWeight(3); fill(90,153,66); quad(179,182,201,182,208,135,172,135); arc(190,180,22,20,0,180); noStroke(); fill(109,172,97); triangle(174,135,181,135,181,180); fill(43,91,30); triangle(207,135,200,135,197,189); triangle(207,135,192,135,200,153); fill(80,159,58); stroke(20); strokeWeight(5); quad(160,77,220,77,210,130,170,130); arc(190,80,60,40,180,360); arc(190,127,40,20,0,180); noStroke(); fill(233,248,222); ellipse(190,80,52,33); fill(10); ellipse(190,80,35,22); fill(99, 93, 98); arc(193,80,20,15,-90,0); arc(193,80,20,12,0,90); fill(150,209,111); quad(165,86,173,128,181,134,181,98); fill(28,83,20); quad(215,86,209,128,199,134,200,98); popMatrix(); } }, barrel:{ w:60, h:60, d:function(){ stroke(20); strokeWeight(3); fill(160); ellipse(30,30,56,56); noStroke(); fill(120); ellipse(30,30,45,45); fill(20); ellipse(22,22,9,9); } }, }; var particles = []; var Particle = function(config){ this.x = config.x; this.y = config.y; this.d = config.d; this.r = config.r; this.speed = config.speed; this.deacc = config.deacc; this.clr = config.clr; this.splicing = false; }; Particle.prototype.display = function(){ fill(this.clr); noStroke(); ellipse(this.x,this.y,this.d,this.d); }; Particle.prototype.move = function(){ this.x += cos(this.r)this.speed; this.y += sin(this.r)this.speed; this.speed -= this.deacc; if(this.speed <= 0){ this.splicing = true; } }; var bullets = []; var Bullet = function(config){ this.x = config.x; this.y = config.y; this.r = config.r; this.from = config.from; this.damage = config.damage \|\| 6; this.speed = config.speed \|\| 12; this.range = config.range \|\| 200; this.type = config.type; this.distanceTravelled = 0; this.splicing = false; }; Bullet.prototype.display = function(){ pushMatrix(); imageMode(CENTER); translate(this.x,this.y); rotate(this.r+90); switch(this.type){ case 'machineGun': image(imgs.machineGunBullet,0,0); break; case 'shotgun': image(imgs.shotgunBullet,0,0); break; case 'cannon': image(imgs.cannonBullet,0,0); break; } imageMode(CORNER); popMatrix(); }; Bullet.prototype.move = function(){ this.x += cos(this.r)this.speed; this.y += sin(this.r)this.speed; this.distanceTravelled += this.speed; if(this.distanceTravelled > this.range){ this.splicing = true; } }; Bullet.prototype.collWalls = function(){ for(var i = 0; i < blocks.length; i ++){ for(var j = 0; j < blocks[i].length; j ++){ if(blocks[i][j].type === 'wall'\|\|blocks[i][j].type === 'crate'){ if(pointRect(this.x+5,this.y+2,blocks[i][j].x,blocks[i][j].y,60,60)){ this.splicing = true; if(blocks[i][j].type === 'crate'){ blocks[i][j].health -= this.damage; } } } } } }; var Player = function(x,y){ this.x = x; this.y = y; this.w = 60; this.h = 60; this.toR = 0; this.r = 0; this.i = this.x/60; this.j = this.y/60; this.px = this.x; this.py = this.y; this.speed = 6; this.gun = 'machineGun'; this.fireTime = 0; this.health = 100; }; Player.prototype.draw = function() { pushMatrix(); translate(this.x+30,this.y+30); rotate(this.r+90); translate(-this.x-30,-this.y-30); image(imgs.tire,this.x-3,this.y-3,15,25); image(imgs.tire,this.x-3,this.y+39,15,25); image(imgs.tire,this.x+49,this.y-3,15,25); image(imgs.tire,this.x+49,this.y+39,15,25); image(imgs.playerTank,this.x+2.5,this.y,this.w-5,this.h); this.a = atan2((mouseY - cam.y) - (this.y + 30),( mouseX - cam.x) - (this.x + 30)); popMatrix(); imageMode(CENTER); pushMatrix(); translate(this.x-cos(this.r)10+30,this.y+30-sin(this.r)10); rotate(this.a+90); switch(this.gun){ case 'machineGun': image(imgs.machineGun,-5,-30,25,50); break; case 'shotgun': var img = imgs.shotgun; image(img,0,-30,img.width/2,img.height/2); break; case 'cannon': var img = imgs.playerCannon; image(img,0,-25,img.width/2,img.height/2); break; } image(imgs.playerTurret,0,0,30,30); popMatrix(); imageMode(CORNER); this.block = blocks[this.j][this.i]; if(this.block.type === 'none'&&(this.px!==this.x\|\|this.py!== this.y) && frameCount% 10 === 0){ particles.push(new Particle({ x:this.x+30, y:this.y+30, r:random(0,360), speed:1, deacc:0.04, d:20, clr:color(27, 135, 59,200), })); } if(this.block.type !== 'finish'){ this.block.pastType = this.block.type; this.block.type = 'finish'; } }; Player.prototype.move = function(){ this.px = this.x; this.py = this.y; if(keys[LEFT]\|\|keys[65]){ this.x -= this.speed; this.toR = 180; if(this.r <= 0){ this.toR = -180; } } else if(keys[RIGHT]\|\|keys[68]){ this.x += this.speed; this.toR = 0; if(this.r >= 190){ this.toR = 360; } } if(keys[UP]\|\|keys[87]){ this.y -= this.speed; this.toR = 270; if(this.r < 90){ this.toR = -90; } } else if(keys[DOWN]\|\|keys[83]){ this.y+=this.speed; this.toR = 90; if(this.toR >= 270){ this.toR = 360+90; } if(this.toR >= -180){ this.toR = -270; } } this.i = ~~((this.x+30)/60); this.j = ~~((this.y+30)/60); if(this.r < this.toR){ this.r += this.speed; } else if(this.r > this.toR){ this.r -= this.speed; } if(!keys[RIGHT] \|\| this.r <= 190){ this.r = this.r%360; } }; Player.prototype.collide = function(obj){ if(rectRect(this.x,this.y,this.w,this.h,obj.x,obj.y,obj.w,obj.h)){ if(this.py + 60 <= obj.y) { this.y = obj.y - 60; } else if(this.px >= obj.x + obj.w) { this.x = obj.x+obj.w; } else if(this.px <= obj.x- 60) { this.x = obj.x-60; } else if(this.py >= obj.y + obj.h){ this.y = obj.y+obj.h; } } }; Player.prototype.attack = function(){ if(mouseIsPressed){ switch(this.gun){ case 'machineGun': if(this.fireTime % 7 === 0){ bullets.push(new Bullet({ x:this.x-cos(this.r)10+30+cos(this.a)45, y:this.y+30-sin(this.r)10+sin(this.a)45, r:this.a+random(-5,5), from:this, type:this.gun, range:250, damage:6, })); } break; case 'shotgun': if(this.fireTime % 32 === 0){ for(var i = -30; i < 30; i += 10){ bullets.push(new Bullet({ x:this.x-cos(this.r)10+30+cos(this.a)45, y:this.y+30-sin(this.r)10+sin(this.a)45, r:this.a+i, from:this, damage:4, type:this.gun })); } } break; case 'cannon': if(this.fireTime % 32 === 0){ bullets.push(new Bullet({ x:this.x-cos(this.r)10+30+cos(this.a)45, y:this.y+30-sin(this.r)10+sin(this.a)45, r:this.a, from:this, type:this.gun, range:350, damage:23, speed:14, })); } break; } } this.fireTime ++; }; Player.prototype.healthbar = function(){ for(var i = 0 ;i < bullets.length; i ++){ if(pointRect(bullets[i].x,bullets[i].y,this.x,this.y,60,60)&&bullets[i].from === 'enemy'){ this.health -= bullets[i].damage; bullets[i].splicing = true; particles.push(new Particle({ x:bullets[i].x, y:bullets[i].y, r:180-bullets[i].r, speed:2, deacc:0.05, d:10, clr:color(76, 172, 199,200) })); } } if(this.health < 100&&this.health >=1){ colorMode(HSB); rectMode(CENTER); fill(this.health,255,255); rect(this.x+30,this.y-10,this.health/2,5); rectMode(CORNER); colorMode(RGB); this.health += 0.12; } if(this.health <= 1){ trans.running = true; trans.to = 'play'; } }; Player.prototype.switchWeapons = function(){ if(keys[49]){ this.gun = 'machineGun'; } else if(keys[50]){ this.gun = 'shotgun'; } else if(keys[51]){ this.gun = 'cannon'; } }; var player = new Player(); var enemies = []; var Enemy = function(i,j,gun){ this.i = i; this.j = j; this.x = i * 60; this.y = j * 60; this.index = 0; this.speed = 5; this.w = 60; this.h = 60; this.gun = gun; this.canSee = false; this.fireTime = 0; this.facing = 0; this.health = 100; }; Enemy.prototype.lineOfSight = function(){ var x=this.x+30,y=this.y+30, collided=false; var a = atan2(player.y - this.y,player.x-this.x); var moveX=cos(a)60; var moveY=sin(a)60; var distTraveled = 0; while(!collided){ x += moveX; y += moveY; distTraveled += 60; var b = inBlock(x,y); if(b === undefined){ return(false); } if(b.type === 'wall'\|\|b.type === 'crate'){ collided = true; } if(rectRect(x,y,60,60,player.x,player.y,player.w,player.h)){ collided = true; } } if(rectRect(x,y,60,60,player.x,player.y,player.w,player.h)){ return(distTraveled); } return(false); }; Enemy.prototype.display = function(){ pushMatrix(); translate(this.x+30,this.y+30); rotate(this.facing+90); translate(-this.x-30,-this.y-30); image(imgs.tire,this.x-3,this.y-3,15,25); image(imgs.tire,this.x-3,this.y+39,15,25); image(imgs.tire,this.x+49,this.y-3,15,25); image(imgs.tire,this.x+49,this.y+39,15,25); image(imgs.enemyTank,this.x+2.5,this.y,this.w-5,this.h); this.canSee = this.lineOfSight(); this.a = atan2(player.y+30 - (this.y + 30),( player.x+30) - (this.x + 30)); if(!this.canSee\|\|this.canSee >= 300){ this.a = this.facing; } popMatrix(); imageMode(CENTER); pushMatrix(); translate(this.x-cos(this.facing)10+30,this.y+30-sin(this.facing)10); rotate(this.a+90); switch(this.gun){ case 'machineGun': image(imgs.machineGun,-5,-30,25,50); break; case 'shotgun': var img = imgs.shotgun; image(img,0,-30,img.width/2,img.height/2); break; case 'cannon': var img = imgs.enemyCannon; image(img,0,-25,img.width/2,img.height/2); break; } image(imgs.enemyTurret,0,0,30,30); popMatrix(); imageMode(CORNER); this.block = blocks[this.j][this.i]; if(this.block.type === 'none'&&(this.found) && frameCount% 10 === 0){ particles.push(new Particle({ x:this.x+30, y:this.y+30, r:random(0,360), speed:1, deacc:0.04, d:20, clr:color(27, 135, 59,200), })); } }; Enemy.prototype.find = function(){ this.found = false; for(var i = 0; i < blocks.length; i ++){ for(var j = 0; j < blocks.length; j ++){ if(blocks[i][j]!== undefined){ blocks[i][j].counter = 0; blocks[i][j].checked = false; if(blocks[i][j].type === 'wall'\|\|blocks[i][j].type === 'crate'\|\|blocks[i][j].type === 'barrel'){ blocks[i][j].counter = 100; blocks[i][j].checked = true; } if(blocks[i][j].type === 'finish'){ this.open = [blocks[i][j]]; blocks[i][j].checked = true; } } } } for(var i = 0; i < this.open.length; i ++){ var o = this.open[i]; var cs = o.checkSurroundings(); for(var j = 0; j < cs.length; j ++){ if(cs[j].type!=='wall'&&!cs[j].checked){ cs[j].counter = o.counter + 1; cs[j].checked = true; this.open.push(cs[j]); } if(cs[j].i === this.i && cs[j].j === this.j){ i = this.open.length; this.found = true; } } } var start = blocks[this.j][this.i]; this.path = [start]; if(this.found){ for(var i = 0; i < start.counter; i ++){ var c = this.path[i].counter; var cs = this.path[i].checkSurroundings(); for(var j = 0; j < cs.length; j ++){ if(cs[j].counter === c-1){ this.path.push(cs[j]); break; } } } } }; Enemy.prototype.move = function(){ if(this.index < this.path.length-1&& this.found){ var p = this.path[this.index]; if(~~this.x < p.x){ this.x +=this.speed; this.facing = 0; } else if(this.x > p.x){ this.x -=this.speed; this.facing = 180; } else if(this.y < p.y){ this.y +=this.speed; this.facing = 90; } else if(this.y > p.y){ this.y -=this.speed; this.facing = 270; } else{ this.index ++; } } if(abs(this.x/60 - ~~(this.x/60)) < 0.05 && abs(this.y/60 - ~~(this.y/60)) < 0.2){ this.i = ~~(this.x/60); this.j = ~~(this.y/60); } }; Enemy.prototype.attack = function(){ if(this.canSee < 350&&this.found){ switch(this.gun){ case 'machineGun': if(this.fireTime % 8 === 0){ bullets.push(new Bullet({ x:this.x-cos(this.facing)10+30+cos(this.a)45, y:this.y+30-sin(this.facing)10+sin(this.a)45, r:this.a+random(-5,5), from:'enemy', type:this.gun, range:250, damage:5, })); } break; case 'shotgun': if(this.fireTime % 32 === 0){ for(var i = -30; i < 30; i += 10){ bullets.push(new Bullet({ x:this.x-cos(this.facing)10+30+cos(this.a)45, y:this.y+30-sin(this.facing)10+sin(this.a)45, r:this.a+i, from:'enemy', damage:3, type:this.gun })); } } break; case 'cannon': if(this.fireTime % 32 === 0){ bullets.push(new Bullet({ x:this.x-cos(this.facing)10+30+cos(this.a)45, y:this.y+30-sin(this.facing)10+sin(this.a)45, r:this.a, from:'enemy', type:this.gun, range:350, damage:20, speed:14, })); } break; } } this.fireTime ++; }; Enemy.prototype.healthbar = function(){ for(var i = 0 ;i < bullets.length; i ++){ if(pointRect(bullets[i].x,bullets[i].y,this.x,this.y,60,60)&&bullets[i].from !== 'enemy'){ this.health -= bullets[i].damage; bullets[i].splicing = true; particles.push(new Particle({ x:bullets[i].x, y:bullets[i].y, r:180-bullets[i].r, speed:2, deacc:0.05, d:10, clr:color(201, 76, 76,200) })); } } if(this.health < 100&&this.health >=1){ colorMode(HSB); rectMode(CENTER); fill(this.health,255,255); rect(this.x+30,this.y-10,this.health/2,5); rectMode(CORNER); colorMode(RGB); } if(this.health <= 0){ blocks[this.j][this.i].type = 'dead'; this.dead = true; for(var i = 0; i < 30; i ++){ particles.push(new Particle({ x:this.x+30, y:this.y+30, r:random(0,360), speed:random(4,8), deacc:random(0.2,0.3), d:random(8,12), clr:color(255, random(0,255), 0,200) })); } } }; blocks = []; var Block = function(i,j,type){ this.i = i; this.j = j; this.x = i60; this.y = j60; this.type = type; this.pastType = 'none'; this.counter = 0; this.checked = false; this.w = 60; this.h = 60; this.rot = ~~random(0,4)90; this.health = 100; }; Block.prototype.checkSurroundings = function(){ return([ blocks[this.j+1][this.i], blocks[this.j-1][this.i], blocks[this.j][this.i+1], blocks[this.j][this.i-1], ]); }; Block.prototype.draw = function() { noStroke(); this.counter = 0; this.checked = false; pushMatrix(); translate(this.x+30,this.y+30); rotate(this.rot); translate(-this.x-30,-this.y-30); switch(this.type){ case 'wall': image(imgs.wall,this.x,this.y); this.counter = 100; break; case 'finish': this.type = this.pastType; if(this.pastType === 'none'\|\|this.pastType === 'barrel'){ image(imgs.grass,this.x,this.y); } else if(this.pastType === 'path'){ image(imgs.stonePath,this.x,this.y); } else if(this.pastType === 'dead'){ image(imgs.grass,this.x,this.y); image(imgs.death,this.x,this.y); } break; case 'dead': image(imgs.grass,this.x,this.y); image(imgs.death,this.x,this.y); break; case 'crate': image(imgs.crate,this.x,this.y); if(this.health < 100 && this.health > 80){ image(imgs.cracks1,this.x,this.y); } if(this.health <= 80 && this.health > 60){ image(imgs.cracks2,this.x,this.y); } if(this.health <= 60 && this.health > 40){ image(imgs.cracks3,this.x,this.y); } if(this.health <= 40 && this.health > 20){ image(imgs.cracks4,this.x,this.y); } if(this.health <= 20 && this.health > 0){ image(imgs.cracks5,this.x,this.y); } if(this.health <= 0){ this.type = 'none'; } break; case 'none': image(imgs.grass,this.x,this.y); break; case 'path': image(imgs.stonePath,this.x,this.y); break; case 'barrel': image(imgs.grass,this.x,this.y); //barrel code handled elsewhere break; } popMatrix(); }; Block.prototype.runColl = function(obj){ switch(this.type){ case 'wall': case 'crate': obj.collide(this); break; } }; var barrels = []; var Barrel = function(x,y){ this.x = x; this.y = y; this.w = 60; this.h = 60; this.health = 30; this.d = 100; this.expSpeed = 4; this.exploded = false; }; Barrel.prototype.draw = function(){ if(!this.exploded){ image(imgs.barrel,this.x,this.y); } else{ image(imgs.death,this.x,this.y); } if(this.health < 30 && this.health > 0&&frameCount% (~~(this.health/2)+1) === 1){ particles.push(new Particle({ x:this.x+30, y:this.y+30, r:random(0,360), speed:random(2,4), deacc:random(0.1,0.2), d:random(8,12), clr:color(0,50) })); } }; Barrel.prototype.bulletColl = function(){ if(!this.exploded){ for(var i = 0; i < bullets.length; i ++){ var d = dist(bullets[i].x,bullets[i].y,this.x+30,this.y+30); if(d < 30){ this.health -= bullets[i].damage; bullets[i].splicing = true; particles.push(new Particle({ x:this.x+30, y:this.y+30, r:random(0,360), speed:random(2,4), deacc:random(0.1,0.2), d:random(8,12), clr:color(0,50) })); } } } if(this.health <= 0&&!this.exploded){ this.exploded = true; for(var i = 0; i < 50; i ++){ particles.push(new Particle({ x:this.x+30, y:this.y+30, r:random(0,360), speed:random(4,8), deacc:random(0.2,0.3), d:random(8,12), clr:color(255, random(0,255), 0,200) })); } } }; Barrel.prototype.explode = function(){ if(this.exploded&&this.d >= 0){ this.expSpeed += 0.1; this.d += this.expSpeed; if(this.d > 200){ this.d = -1; } for(var i = 0; i < enemies.length; i ++){ if(dist(enemies[i].x+30,enemies[i].y +30,this.x+30,this.y+30) <= this.d + 30){ enemies[i].health -= 2; } } if(dist(player.x+30,player.y+30,this.x+30,this.y+30) <= this.d + 30){ player.health -= 2; } for(var i = 0; i < barrels.length; i ++){ if(dist(barrels[i].x+30,barrels[i].y+30,this.x+30,this.y+30) <= this.d+30){ barrels[i].health -= 2; } } } }; var Button = function(x,y,txt,to){ this.x = x; this.y = y; this.txt = txt; this.to = to; this.w = 0; }; Button.prototype.display = function(){ pushMatrix(); translate(trans.x,0); stroke(20); strokeWeight(5); noFill(); rect(this.x,this.y,400,50,5); fill(20); textFont(fonts[1],35); text(this.txt,this.x+200,this.y+25); fill(0,30); noStroke(); rect(this.x+200-this.w/2,this.y,this.w,50,5); popMatrix(); }; Button.prototype.update = function(){ if(pointRect(mouseX,mouseY,this.x+trans.x,this.y,400,50)){ cursor('pointer'); this.w = lerp(this.w,400,0.1); if(click&&!trans.running){ trans.running = true; trans.to = this.to; } } else{ this.w = lerp(this.w,0,0.1); } }; Button.prototype.run = function(){ this.display(); this.update(); }; var btns = { play:new Button(100,500,'Play','play'), menu:new Button(100,500,'Return','menu'), }; level = 0; levels = [ [ 'XXXXXXXXXXXX', 'XX________XX', 'XX_1______XX', 'XX________XX', 'XXX______XXX', 'XXX______XXX', 'XXXw____wXXX', 'XXXw____wXXX', 'XXXw____wXXX', 'XXX______XXX', 'XXX______XXX', 'XXX______XXX', 'XX________XX', 'XX____P___XX', 'XX________XX', 'XXXXXXXXXXXX', ], [ 'XXXXXXXXXXXX', 'X__________X', 'X__1____1__X', 'X__________X', 'X_X______X_X', 'X_X______X_X', 'X_X______X_X', 'X_X______X_X', 'X_X______X_X', 'X_X______X_X', 'X_X______X_X', 'X_X______X_X', 'X__________X', 'X_____P____X', 'X__________X', 'XXXXXXXXXXXX', ], [ 'XXXXXXXXXXXX', 'X__________X', 'X__________X', 'X__________X', 'X__________X', 'X__________X', 'XXX111111XXX', 'XXXbbbbbbXXX', 'XXX______XXX', 'XXX______XXX', 'X__________X', 'X__________X', 'X__________X', 'X_____P____X', 'X__________X', 'XXXXXXXXXXXX', ], [ 'XXXXXXXXXXXXXXXXXXXX', 'XX_______b________XX', 'X__________________X', 'X_b___XXX__XXX___b_X', 'X_______X__X1______X', 'X_______X__X_______X', 'XwwXXXXXXwwXXXXXXwwX', 'Xss___X______X1__ssX', 'Xss___X______X___ssX', 'Xss_b_w___P__w_b_ssX', 'Xss___w______w___ssX', 'Xss___X______X___ssX', 'Xss__1X______X___ssX', 'XwwXXXXXXwwXXXXXXwwX', 'X_______X__X_______X', 'X_______X__X1___b__X', 'X_____XXX__XXX_____X', 'X_____b____________X', 'XX_________b______XX', 'XXXXXXXXXXXXXXXXXXXX', ], [ 'XXXXXXXXXXXXXXXX', 'X__1wssssssw___X', 'X___wssssssw___X', 'X1__X______X__1X', 'XwwXX______XXwwX', 'Xss__________ssX', 'Xss_w____w___ssX', 'Xss___b______ssX', 'Xssb___P__b__ssX', 'Xss__w_______ssX', 'Xss______w___ssX', 'Xss__________ssX', 'XwwXX___b__XXwwX', 'X___X______X__1X', 'X___wssssssw___X', 'X__1wssssssw1__X', 'XXXXXXXXXXXXXXXX', ], [ 'XXXXXXXXXXXX', 'XX________XX', 'XX_2______XX', 'XX________XX', 'XXX______XXX', 'XXX______XXX', 'XXXw____wXXX', 'XXXw____wXXX', 'XXXw____wXXX', 'XXX______XXX', 'XXX______XXX', 'XXX______XXX', 'XX________XX', 'XX____P___XX', 'XX________XX', 'XXXXXXXXXXXX', ], [ 'XXXXXXXXXXXX', 'X__________X', 'X__2____2__X', 'X__________X', 'X_X______X_X', 'X_X______X_X', 'X_X______X_X', 'X_X______X_X', 'X_X______X_X', 'X_X______X_X', 'X_X______X_X', 'X_X______X_X', 'X__________X', 'X_____P____X', 'X__________X', 'XXXXXXXXXXXX' ], [ 'XXXXXXXXXXXX', 'XX________XX', 'X__1____2__X', 'X____w__b__X', 'X_b________X', 'X________w_X', 'X__w__b____X', 'X__________X', 'X__b___w_b_X', 'X__________X', 'X__________X', 'X___w_b____X', 'X__________X', 'X_____P__w_X', 'XX________XX', 'XXXXXXXXXXXX' ], [ 'XXXXXXXXXXXX', 'X__2_______X', 'X_XXXXXXXXXX', 'X_X_____2__X', 'X_X________X', 'XwXwXXXXXXwX', 'X_X1X____X_X', 'X_X_X_PX_X_X', 'X_X_XXXX_X_X', 'X_X______X_X', 'XwXXXXXXXXwX', 'X________X_X', 'X__X_____X_X', 'X1_XXXXXXX_X', 'X__________X', 'XXXXXXXXXXXX' ], [ 'XXXXXXXXXXXX', 'X____w____2X', 'X_____XX___X', 'X_2____XX__X', 'X_______XX_X', 'X________XXX', 'X_b_______XX', 'X_____P____X', 'X________b_X', 'XX_________X', 'XXX___b____X', 'X_XX_______X', 'X__XX______X', 'X___XX_____X', 'X2____w____X', 'XXXXXXXXXXXX' ], [ 'XXXXXXXXXXXX', 'X____XX____X', 'X__3_XX_3__X', 'X____XX____X', 'X____XX____X', 'X____XX____X', 'X____XX____X', 'X____XX____X', 'X____XX____X', 'X____XX____X', 'X____XX____X', 'X__________X', 'X__________X', 'X_____P____X', 'X__________X', 'XXXXXXXXXXXX' ], [ 'XXXXXXXXXXXX', 'X____ww____X', 'X__2_ww_3__X', 'X____XX____X', 'X____XX____X', 'X____XX____X', 'X____XX____X', 'XwwXXXXXXXXX', 'XwwXXXXXXXXX', 'X____XX____X', 'X____XX____X', 'X____XX____X', 'X_1__XX_P__X', 'X____ww____X', 'X____ww____X', 'XXXXXXXXXXXX' ], [ 'XXXXXXXXXXXX', 'X__________X', 'X__________X', 'X__________X', 'X__________X', 'X__________X', 'X__________X', 'X__________X', 'X__________X', 'X_____2222_X', 'X_____2222_X', 'Xbbbbb_____X', 'XXXXbbbb_bbX', 'X__Xbbbb_bbX', 'X_______P__X', 'XXXXXXXXXXXX' ], [ 'XXXXXXXXXXXXXXXXXXXX', 'XP___w_____________X', 'X____X_bbb___11____X', 'X____X_____________X', 'XXXXXXXXXXXXXXXXXwwX', 'X___________X______X', 'X___________X______X', 'X___3_______X__2___X', 'X___________X___b__X', 'XwwXXXX_____XXXXXwwX', 'X_____X_____X______X', 'X__2__X__2__X______X', 'X_____X_____X______X', 'X_____X_____X___3__X', 'XwwXXXXXXXXXX______X', 'X___________XXXXXwwX', 'X__1________X___3__X', 'X___________w______X', 'X___________w______X', 'XXXXXXXXXXXXXXXXXXXX', ], [ 'XXXXXXXXXXXXXXXXXXXX', 'XP_________________X', 'X_________b________X', 'X______________b___X', 'X___b______________X', 'X_________1________X', 'X______b____b______X', 'X__________________X', 'X________________3_X', 'X___b_____b____b___X', 'X_________1________X', 'X__________________X', 'X_______b______b___X', 'X___2______2_______X', 'X______b____b______X', 'X__________________X', 'X_____________b__3_X', 'X__b_____b_________X', 'X__________________X', 'XXXXXXXXXXXXXXXXXXXX', ], ]; loadLevel = function(){ enemies = []; blocks = []; barrels = []; particles = []; player.health = 100; for(var i = 0; i < levels[level].length; i ++){ var t = []; for(var j = 0; j < levels[level][i].length; j ++){ switch(levels[level][i][j]){ case 'X': t.push(new Block(j,i,'wall')); break; case 'P': var gun = player.gun; player = new Player(j60,i60); player.gun = gun; t.push(new Block(j,i,'none')); break; case '1': enemies.push(new Enemy(j,i,'machineGun')); t.push(new Block(j,i,'none')); break; case '2': enemies.push(new Enemy(j,i,'shotgun')); t.push(new Block(j,i,'none')); break; case '3': enemies.push(new Enemy(j,i,'cannon')); t.push(new Block(j,i,'none')); break; case 'w': t.push(new Block(j,i,'crate')); break; case 's': t.push(new Block(j,i,'path')); break; case 'b': t.push(new Block(j,i,'barrel')); barrels.push(new Barrel(j60,i60)); break; default: t.push(new Block(j,i,'none')); break; } } blocks.push(t); } }; var play = function(){ background(0); cam.follow(player); for(var i = 0; i < blocks.length; i ++){ for(var j = 0; j < blocks[i].length; j ++){ var b = blocks[i][j]; if(b.x >= -cam.x-60&& b.y >= -cam.y-60 && b.x <= -cam.x + 600 && b.y <= -cam.y + 600){ b.draw(); } } } for(var i = 0; i < blocks.length; i ++){ for(var j = 0; j < blocks[i].length; j ++){ var b = blocks[i][j]; if(b.x >= player.x - 60 && b.y >= player.y - 60 && b.x <= player.x + 120 && b.y <= player.y + 120){ b.runColl(player); } } } for(var i = 0; i < barrels.length; i ++){ barrels[i].draw(); barrels[i].bulletColl(); barrels[i].explode(); if(!barrels[i].exploded){ player.collide(barrels[i]); } } for(var i = 0; i < bullets.length; i ++){ bullets[i].display(); bullets[i].move(); bullets[i].collWalls(); } for(var i = 0; i < bullets.length; i ++){ if(bullets[i].splicing){ bullets.splice(i,1); } } for(var i = 0; i < particles.length; i ++){ particles[i].display(); particles[i].move(); } for(var i = 0; i < particles.length; i ++){ if(particles[i].splicing){ particles.splice(i,1); } } player.draw(); for(var i = 0; i < enemies.length; i ++){ enemies[i].display(); if(!trans.running){ enemies[i].find(); enemies[i].move(); enemies[i].attack(); enemies[i].healthbar(); } } for(var i = 0; i < enemies.length; i ++){ if(enemies[i].dead){ enemies.splice(i,1); } } player.switchWeapons(); player.healthbar(); player.move(); player.attack(); if(enemies.length <= 0&&!trans.running){ if(level !== levels.length - 1){ trans.running = true; trans.to = 'play'; level ++; } else{ trans.running = true; trans.to = 'win'; } } popMatrix(); fill(0); textSize(10); text(this.__frameRate,0,600); }; var menu = function(){ image(imgs.backdrop,0,0); image(imgs.tanks,trans.x,0); image(imgs.menuTank,100-trans.x,120); btns.play.run(); }; var win = function(){ image(imgs.backdrop,0,0); fill(0); textFont(fonts[1],100); text('You Win',300+trans.x,100); textFont(fonts[1],20); text('Congratulations are in order. Nice job soldier!',300-trans.x,440); image(imgs.menuTank,100-trans.x,100); btns.menu.run(); }; var load = function(){ if(curLoad < Object.keys(imgs).length ){ background(255,0); var img = imgs[Object.keys(imgs)[curLoad]]; img.d(); imgs[Object.keys(imgs)[curLoad]] = get(0,0,img.w,img.h); background(0,0,0,0); curLoad++; if(curLoad === Object.keys(imgs).length ){ trans.running = true; trans.to = 'menu'; } } background(0); fill(255); textFont(fonts[1],width/15); text("Loading... "+~~(curLoad / +Object.keys(imgs).length100)+'%',width/2,height/2); }; draw = function() { try { cursor('default'); switch(scene){ case 'play': play(); break; case 'load': load(); break; case 'menu': menu(); break; case 'win': win(); break; } click = false; trans.run(); } catch(e){ if (!e.infiniteLoopNodeType) { println(e.stack.slice(0, e.stack.indexOf("at Processing"))); noLoop(); } } }; keyPressed = function(){ keys[keyCode] = true; }; keyReleased = function(){ keys[keyCode] = false; }; mouseClicked = function(){ click = true; }; //Not too shabby. I made this in ~1 week.
Folds	15,19,21,36,51,53,56,72,74,80,81,83,84,86,88,91,92,102,104,112,113,151,154,1360,1363,1373,1374,1378,1379,1388,1391,1404,1405,1423,1424,1431,1432,1445,1447,1467,1468,1524,1525,1572,1573,1589,1590,1641,1642,1673,1674,1685,1689,1709,1710,1739,1740,1792,1793,1843,1844,1873,1874,1925,1926,1967,1970,1986,1987,1994,1995,2060,2061,2068,2071,2082,2083,2103,2104,2137,2138,2160,2162,2169,2170,2184,2185,2197,2198,2201,2202,2205,2208,2493,2494,2542,2544,2629,2630,2636,2637,2647,2648,2665,2667,2693,2695,2697,2698,2700,2702,2704
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgP2W_eahCww
Votes	372
Spin-Offs	18
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Liam K.
Author Name	liamk.ka
Author ID	kaid_160653079463992085090428
Author Profile Access	PUBLIC

Archive Data

Added	6 months ago, 1739456816666
Updated	4 months ago, 1744828601173
Source Deleted	unknown