"use strict"; var canvas, ctx; var b_divs = 13, b_size = 20, b_array = []; var origin = { x: 0, y: 0 }; var vectors = [], globalData = []; var directions = ["DLR", "LD", "RD", "ULR", "RU", "LU"]; var missiles = [], missilePads = [], missileNo = 150; var missileDom, cells_destroyedDom, cells_destroyed = 0; var w = screen.width, h = w * 1.35; (function(defA, defB) { var inputMissile = ~~parseInt(prompt("Enter the number(integer) of missiles\nThis MUST range from 20-200\ndefault is " + defA)); var inputSize = ~~parseInt(prompt("Enter cell size(integer).\nThis must range from 10-15\ndefault is " + defB)); if (isNaN(inputMissile) || inputMissile < 20 || inputMissile > 200 ) { missileNo = defA; } else { missileNo = inputMissile } if (isNaN(inputSize) || inputSize < 10 || inputSize > 15 ) { b_divs = defB; } else { b_divs = inputSize; } })(50, 14); function Render() { ctx.clearRect(0, 0, canvas.width, canvas.height); for (var i in b_array) { b_array[i].render(); } for (var j in vectors) { vectors[j].render(); } for (var k in missiles) { var m = missiles[k]; m.render(); if (m.y < (origin.y + 1) * b_size) { missiles.splice(k, 1); } } if (missileNo > 0) checkForHits(); window.requestAnimationFrame(Render); } function moveVectors() { globalData = []; for (var j in vectors) { var v = vectors[j]; var vx = 0, vy = 0; if (v.m == 2) v.m = 0; else v.m += 1; if (v.pattern[v.m] == "L") { v.x -= v.v; vx = -v.v; } else if (v.pattern[v.m] == "R") { v.x += v.v; vx = v.v; } else if (v.pattern[v.m] == "D") { v.y += v.v; vy = v.v; } else if (v.pattern[v.m] == "U") { v.y -= v.v; vy = -v.v; } if (v.x > b_divs || v.y > b_divs - 1 || (v.x + v.w) < 2 || (v.y + v.h) < 1 || v.bodies.length == 0) { vectors.splice(j, 1); } for (var i in v.bodies) { v.bodies[i].x += vx * b_size; v.bodies[i].y += vy * b_size; globalData.push({ x: v.bodies[i].x, y: v.bodies[i].y, t: v.t, b: j }); } } if (missileNo > 0) setTimeout(moveVectors, 1000); } function checkForHits() { for (var k in missiles) { var m = missiles[k]; for (var i in globalData) { var gb = globalData[i]; if (m.x > gb.x && m.x < gb.x + b_size && m.y < gb.y + b_size / 2 && m.y > gb.y - b_size / 2) { vectors[gb.b].removeBody(m.x, m.y); cells_destroyed++; cells_destroyedDom.innerHTML = "cells destroyed:" + cells_destroyed; missiles.splice(k, 1); break; } } } } function createMissiles() { for (var i in globalData) { var x0 = (origin.x + 1) * b_size; var y0 = (origin.y + 1) * b_size; var xL = (origin.x + b_divs) * b_size; var yL = (origin.y + b_divs) * b_size; var gb = globalData[i]; if (gb.x < x0 || gb.y < y0 || gb.x > xL || gb.y > yL || gb.t == "a") continue; if (checkForAllies(gb.x)) continue; var mx = gb.x + b_size / 2; var my = (b_divs) * b_size; missiles.push(new Missile(mx, my)); missileNo--; missileDom.innerHTML = "missiles:" + missileNo; console.log("new Missile:|x=>" + mx + " : y=>" + my + "|"); break; } if (missileNo > 0) { setTimeout(createMissiles, 2000); } } function checkForAllies(x) { var ally_y = []; var enem_y = []; for (var i in globalData) { var gb = globalData[i]; if (gb.x != x) continue; if (gb.t == "e") { enem_y.push(gb.y); } if (gb.t == "a") { ally_y.push(gb.y); } } var max_e = Math.max.apply(null, enem_y); var max_a = Math.max.apply(null, ally_y); if (max_e > max_a) return false else return true; } window.onload = function() { missileDom = document.querySelector("#missileNo"); cells_destroyedDom = document.querySelector("#cells"); canvas = document.querySelector("canvas"); canvas.width = w; canvas.height = h; ctx = canvas.getContext("2d"); init(); Render(); } function init() { origin.x = 1; origin.y = 1; initBoard(b_divs, b_divs, b_size); spawnEnemies(); initMissiles(); moveVectors(); checkForHits(); missileDom.innerHTML = "missiles:" + missileNo; setTimeout(createMissiles, 2100); } function spawnEnemies() { var d1 = [Rand(0, 5), 1, "RD"]; var d2 = [Rand(5, b_divs - 3), 1, "LD"]; var d3 = [Rand(0, 5), b_divs - 3, "RU"]; var d4 = [Rand(5, b_divs - 2), b_divs - 3, "LU"]; var d_arr = [d1, d2, d3, d4]; d_arr = shuffle(d_arr); var v1 = d_arr[0]; var v2 = d_arr[1]; var maxRand; if (b_size < 13) maxRand = 2; else maxRand = 3; vectors.push(new Vector(v1[0], v1[1], Rand(1, maxRand), Rand(1, maxRand), "a", v1[2])); vectors.push(new Vector(v2[0], v2[1], Rand(1, maxRand), Rand(1, maxRand), "e", v2[2])); if (missileNo > 0) setTimeout(spawnEnemies, 7000); } function Board(x, y, s, no, lpad) { if ((no + "").length == 1) { no = " " + no; } var _this = this; _this.x = x; _this.y = y; _this.size = s; _this.no = no; _this.lpad = lpad; _this.render = function() { ctx.beginPath(); ctx.fillStyle = "black" ctx.lineWidth = 1; ctx.rect(_this.x, _this.y, _this.size, _this.size); ctx.stroke(); if (!isNaN(_this.no)) { ctx.beginPath(); ctx.lineWidth = 2; ctx.fillStyle = "orange"; ctx.arc(_this.x + b_size / 2, _this.y + b_size / 2, b_size / 2, 0, 2 * Math.PI); ctx.fill(); ctx.stroke(); ctx.fillStyle = "black"; ctx.font = "10px Arial"; ctx.fillText(_this.no, _this.x + 5, _this.y + 15); } if (_this.lpad) { ctx.beginPath(); ctx.fillStyle = "red"; ctx.lineWidth = 2; ctx.arc(_this.x + b_size / 2, _this.y + b_size / 2, b_size / 3, 0, 2 * Math.PI); ctx.fill(); ctx.stroke(); } } } function initBoard(w, h, s) { for (var x = 0; x < w; x++) { for (var y = 0; y < h; y++) { if (x == 0) { var no = y; } else if (y == 0) { var no = x; } else { var no = NaN; } var lpad; if (y == b_divs - 1 && x != 0) lpad = true else lpad = false var xA = x + origin.x; var yA = y + origin.y; b_array.push(new Board(xA * s, yA * s, s, no, lpad)); } } } function Vector(x, y, w, h, t, d) { var _this = this; _this.x = x; _this.y = y; _this.w = w; _this.h = h; _this.m = 0; _this.t = t; _this.v = Rand(1, 2); _this.pattern = shuffle(d.split("")); _this.bodies = []; var s = b_size; for (var x = 0; x < _this.w + _this.x; x++) { for (var y = 0; y < _this.h + _this.y; y++) { if (x < _this.x || y < _this.y) continue; var xA = x + origin.x; var yA = y + origin.y; _this.bodies.push({ x: xA * s + 1, y: yA * s + 1 }); } } _this.render = function() { for (var i in _this.bodies) { var bd = _this.bodies[i]; var x0 = (origin.x + 1) * b_size; var y0 = (origin.x + 1) * b_size; var x1 = (b_divs + origin.x) * b_size; var y1 = (b_divs - 1 + origin.y) * b_size; if (bd.x > x1 || bd.y > y1 || bd.x < x0 || bd.y < y0) continue; ctx.save(); ctx.globalAlpha=0.5; ctx.beginPath(); if (_this.t == "a") ctx.fillStyle = "green"; else ctx.fillStyle = "blue"; ctx.rect(bd.x, bd.y, b_size - 2, b_size - 2); ctx.fill(); ctx.restore(); } } _this.removeBody = function(x, y) { var iter = 0; for (var i in _this.bodies) { var bd = _this.bodies[i]; var dist = Dist(bd.x, bd.y, x, y); if (dist < b_size) { _this.bodies.splice(i, 1); iter++; break; } } if (iter == -50) { var len = _this.bodies.length - 1; _this.bodies.splice(len, 1); } } } function Missile(x, y) { var _this = this; _this.x = x; _this.y = y; _this.isHit = false; _this.power = 1; _this.render = function() { var x = _this.x; var y = _this.y; _this.y -= 8; ctx.beginPath(); ctx.lineWidth = 2; ctx.fillStyle = "yellow"; ctx.roundRect(x, y, b_size / 3, b_size, 4); ctx.fill(); ctx.stroke(); } } function initMissiles() { for (var i = 2; i < b_divs + 1; i++) { missilePads.push({ x: i * b_size, y: (b_divs) * b_size }); } } function shuffle(arr) { for (var i = arr.length - 1; i > 0; i--) { var j = Math.floor(Math.random() * (i + 1)); var temp = arr[i]; arr[i] = arr[j]; arr[j] = temp; } return arr; }

Defend The Base