alert('My code simulates the battle and finds the weak spots. It predicts the future of the flying objects in different situations, so that only 100% enemy hits are launched in the real battle, avoiding useless waist of precious missiles. After internal simulation completed, then begins the real battle with visual (already knowing where it can hit). Each missile is ensured a kill. Let them drop like flies! Fire!'); moves = [ "u", "d", "l", "r" ]; var canvas; var ctx; var rows; var columns; var enemies=[]; var allies =[]; var mis; var squareSize =8; var missiles = []; var ecopies =[]; var acopies=[]; var exploded =[]; var count = 0; var grid = { color:"grey", draw : function (){ for(let a =0;a<=canvas.width;a+=squareSize){ ctx.beginPath(); ctx.moveTo(a,0); ctx.lineTo(a,canvas.height); ctx.closePath();ctx.strokeStyle=this.color;ctx.lineWidth=0.2; ctx.stroke(); } for(let a =0;a<=canvas.height;a+=squareSize){ ctx.beginPath(); ctx.moveTo(0,a); ctx.lineTo(canvas.width,a); ctx.closePath(); ctx.stroke(); } } } //i probably could benefit from a super class. i would call it UFO. copy and paste was just as easy though. class Enemy{ constructor(){ this.number = Math.random()*100; this.speed = Math.ceil(Math.random()*4); this.pattern = getPattern(); this.color = "blue"; this.size = [Math.ceil(Math.random()*4), Math.ceil(Math.random()*4)]; this.life = 1; this.xPos = Math.floor(Math.random()*columns)*squareSize; this.yPos = Math.floor(Math.random()*(rows-1))*squareSize; this.moveIndex =0; } draw(){ ctx.beginPath(); ctx.fillStyle = this.color; ctx.fillRect(this.xPos,this.yPos,this.size[0]*squareSize,this.size[1]*squareSize); ctx.closePath(); } update(){ switch(this.pattern[this.moveIndex]){ case "u": this.yPos -= this.speed*squareSize; break; case "d": this.yPos += this.speed*squareSize; break; case "l": this.xPos -= this.speed*squareSize; break; case "r": this.xPos += this.speed*squareSize; break; } this.moveIndex++; if(this.moveIndex >this.pattern.length-1){ this.moveIndex=0; } } } class Ally{ constructor(){ this.speed = Math.ceil(Math.random()*4); this.pattern = getPattern(); this.color = "green"; this.size = [Math.ceil(Math.random()*4), Math.ceil(Math.random()*4)]; this.life = 1; this.xPos = Math.floor(Math.random()*columns)*squareSize; this.yPos = Math.floor(Math.random()*(rows-1))*squareSize; this.moveIndex =0; } draw(){ ctx.beginPath(); ctx.fillStyle = this.color; ctx.fillRect(this.xPos,this.yPos,this.size[0]*squareSize,this.size[1]*squareSize); ctx.closePath(); } update(){ switch(this.pattern[this.moveIndex]){ case "u": this.yPos -= this.speed*squareSize; break; case "d": this.yPos += this.speed*squareSize; break; case "l": this.xPos -= this.speed*squareSize; break; case "r": this.xPos += this.speed*squareSize; break; } this.moveIndex++; if(this.moveIndex >this.pattern.length-1){ this.moveIndex=0; } } } class Missile{ constructor(col){ this.speed =1; this.pattern = "u"; this.color = "red"; this.size = [1,1]; this.life = 1; this.xPos = col*squareSize; this.yPos = (rows-1)*squareSize; this.moveIndex =0; this.power = 1; } draw(){ ctx.beginPath(); ctx.fillStyle = this.color; ctx.fillRect(this.xPos,this.yPos,this.size[0]*squareSize,this.size[1]*squareSize); ctx.closePath(); } update(){ switch(this.pattern[this.moveIndex]){ case "u": this.yPos -= this.speed*squareSize; break; case "d": this.yPos += this.speed*squareSize; break; case "l": this.xPos -= this.speed*squareSize; break; case "r": this.xPos += this.speed*squareSize; break; } this.moveIndex++; if(this.moveIndex >this.pattern.length-1){ this.moveIndex=0; } } checkIfHit(enem){ for(let e of enem){ if(this.xPos>=e.xPos && this.xPos<(e.xPos + e.size[0]*squareSize)){ if(this.yPos>=e.yPos && this.yPos<(e.yPos + e.size[1]*squareSize)){ return e; } } } return false; } } function getPattern(){ var p=""; var m=Math.ceil(Math.random()*4); for(let a=0;a=1){ for(let j=0;j

defend the base 3