/*================================================= Danidre's Base Defense Version 2 Features: -Object destroyed when touch missile -Specific piece on object destroyed by missile power -Missiles destroy any other enemies within power range To do: -Make score: --When damaged- enemies += 40, allies -= 35; --When destroyed- enemies += 150, allies -= 80; -Make object/missile face movement direction -Make explosion size animation =================================================*/ var minSize = 5, maxSize = 10, defaultSize = 10; var maxSpeed = 2, maxObjects = 10, maxMissiles = 5, maxPower= 2, frameSpeed = 500; var width, height; var gridWidth, gridHeight; var boardSize, grid; var boardCanvas, boardCtx, gridCanvas, gridCtx; var object = [], objectColours = ["blue", "green"], objectNum = 1; //random(1, maxObjects); var missile = [], missileColours = ["red", "yellow"], missileNum = 3; //random(1, maxMissiles); var patternTypes = ["L", "R", "U", "D"]; window.onload = function() { boardCanvas = document.getElementById("board"); boardCtx = boardCanvas.getContext("2d"); gridCanvas = document.getElementById("grid"); gridCtx = gridCanvas.getContext("2d"); width = boardCanvas.width; height = boardCanvas.height; makeBoard(); makeGrid(); makeObject(objectNum); makeMissile(missileNum); setInterval(loop, frameSpeed/2); } function makeBoard() { //boardSize = parseInt(prompt("Enter board size")); if(boardSize > maxSize || isNaN(boardSize)) boardSize = defaultSize; if(boardSize < minSize) boardSize = minSize; gridWidth = width / boardSize; gridHeight = height / boardSize; /*grid = new Array(boardSize); for(var i = 0; i < grid.length; i++) { grid[i] = new Array(boardSize); for(var j = 0; j < grid.length; j++) { grid[i][j] = {}; } }*/ } function makeGrid() { gridCtx.beginPath(); for(var i = 0; i <= boardSize; i++) { gridCtx.moveTo(i * gridWidth, 0); gridCtx.lineTo(i * gridWidth, height); gridCtx.stroke(); gridCtx.moveTo(0, i * gridHeight); gridCtx.lineTo(width, i * gridHeight); gridCtx.stroke(); } gridCtx.closePath(); } function clearBoard() { /*for(var x = 0; x < grid.length; x++) for(var y = 0; y < grid[0].length; y++) { //drawGrid(x, y, gridWidth, gridHeight, boardSize); grid[x][y].id = "white"; }*/ boardCtx.clearRect(0, 0, width, height); } function loop() { moveObjects(); moveMissiles(); clearBoard(); drawObjects(); drawMissiles(); //drawGrid(gridWidth, gridHeight); } /*function drawGrid(w, h) { for(var x = 0; x < grid.length; x++) { xx = x*w; for(var y = 0; y < grid[0].length; y++) { yy = y*h; boardCtx.fillStyle = grid[x][y].id; boardCtx.beginPath(); boardCtx.rect(xx, yy, w, h); boardCtx.closePath(); boardCtx.fill(); boardCtx.stroke(); } } }*/ function drawObjects() { var x, y, xx, yy, j; var w = gridWidth, h = gridHeight; for(var i = 0; i < object.length; i++) if(object[i].alive) { j = -1; for(var a = 0; a < object[i].w; a++) { x = object[i].x + a; xx = x*w; for(var b = 0; b < object[i].h; b++) {j++ // for(var j = 0; j < object[i].tiles.length; j++) { y = object[i].y + b; yy = y*h; if(object[i].tiles[j].alive) { square(xx, yy, w, h, object[i].colour); object[i].tiles[j].x = x; object[i].tiles[j].y = y; } //setGrid(x, y, object[i].colour); //trace(x+":"+y+":"+w+":"+h) } } } } function drawMissiles() { var x, y, xx, yy; var w = gridWidth, h = gridHeight; for(var i = 0; i < missile.length; i++) if(missile[i].alive) { x = missile[i].x; xx = x*w; y = missile[i].y; yy = y*h; square(xx, yy, w, h, missile[i].colour); //setGrid(x, y, missile[i].colour); //trace(x+":"+y+":"+w+":"+h) } } function square(x, y, w, h, c) { boardCtx.fillStyle = c; boardCtx.beginPath(); boardCtx.rect(x, y, w, h); boardCtx.closePath(); boardCtx.fill(); boardCtx.stroke(); } function setGrid(x,y,col) { try { grid[x][y].id = col; } catch(e) {} } function makeObject() { var obj; for(var i = 0; i < objectNum; i++) { obj = {}; obj.speed = 1;///random(1, maxSpeed); obj.colour = random(objectColours, 1); obj.pattern = ["S", "S"," S", "S", "U"];//makePattern(); obj.x = 4+i;//random(boardSize-1); obj.y = 1;//random(boardSize-1); obj.w = 3;//random(1, 3); obj.h = 1;//random(1, 3); obj.tiles = new Array(obj.w*obj.h); for(var j = 0; j < obj.tiles.length; j++) obj.tiles[j] = {alive:true}; obj.pathindex = -1; obj.dir = 0; obj.turndir = true; obj.alive = true; object[i] = obj; } } function makeMissile() { var obj; for(var i = 0; i < missileNum; i++) { obj = {}; obj.power = {w:1,h:1};//{w:random(1,maxPower), h:random(1,maxPower)}; obj.speed = random([1,4], 1);//1;//random(1, maxSpeed); obj.colour = random(missileColours, 1); obj.pattern = "U";//makePattern(); obj.x = 4+i; obj.y = (boardSize - 1); obj.w = 1; obj.h = 1; obj.pathindex = -1; obj.dir = 0; obj.turndir = true; obj.alive = true; missile[i] = obj; } } function makePattern() { var patNum = random(1, 5); var pat = new Array(patNum); for(var i = 0; i < patNum; i++) pat[i] = random(patternTypes, 1); return pat; } function moveObjects() { for(var i = 0; i < objectNum; i++) { if(object[i].alive) { object[i].turndir = !object[i].turndir; if(object[i].turndir) { object[i].dir = object[i].pattern[object[i].pathindex]; } else { object[i].x += getPosition(object[i].speed, object[i].pattern[object[i].pathindex]).x; object[i].y += getPosition(object[i].speed, object[i].pattern[object[i].pathindex]).y; if(object[i].pathindex < object[i].pattern.length-1) object[i].pathindex++; else object[i].pathindex = 0; if((object[i].x+object[i].w)<=0||(object[i].y+object[i].h)<=0||object[i].x>=boardSize||object[i].y>=boardSize) object[i].alive = false; } for(var j = 0; j < missileNum; j++) { if(missile[j].alive) if(missile[j].x >= object[i].x && missile[j].x < object[i].x + object[i].w && missile[j].y >= object[i].y && missile[j].y < object[i].y + object[i].h) { //object[i].alive = false; destroyObject(missile[j].x, missile[j].y, missile[j].power); missile[j].alive = false; } } if(!hasTiles(object[i].tiles)) object[i].alive = false; } else {trace("ded")} } } function destroyObject(x, y, power) { for(var i = 0; i < objectNum; i++) { for(j = 0; j < object[i].tiles.length; j++) { for(k = 0; k < power.w; k++) { for(l = 0; l < power.h; l++) { if(object[i].tiles[j].x === x+k && object[i].tiles[j].y === y+l|| object[i].tiles[j].x === x-k && object[i].tiles[j].y === y-l|| object[i].tiles[j].x === x+k && object[i].tiles[j].y === y-l || object[i].tiles[j].x === x-k && object[i].tiles[j].y === y+l ) object[i].tiles[j].alive = false; } } } } } function moveMissiles() { for(var i = 0; i < missileNum; i++) { if(missile[i].alive) { missile[i].turndir = !missile[i].turndir; if(missile[i].turndir) { missile[i].dir = missile[i].pattern[missile[i].pathindex]; } else { missile[i].x += getPosition(missile[i].speed, missile[i].pattern[missile[i].pathindex]).x; missile[i].y += getPosition(missile[i].speed, missile[i].pattern[missile[i].pathindex]).y; if(missile[i].pathindex < missile[i].pattern.length-1) missile[i].pathindex++; else missile[i].pathindex = 0; if((missile[i].x+missile[i].w)<=0||(missile[i].y+missile[i].h)<=0||missile[i].x>=boardSize||missile[i].y>=boardSize) missile[i].alive = false; } } } } function getPosition(speed, currentPath) { var pos = {x:0, y:0}; switch(currentPath) { case "L": pos.x -= speed; break; case "R": pos.x += speed; break; case "U": pos.y -= speed; break; case "D": pos.y += speed; break; } return pos; } function hasTiles(array) { var holder = new Array(array.length); for(i = 0; i < holder.length; i++) { holder[i] = array[i]["alive"]; } //trace() if(holder.indexOf(true) ===-1) { return false; } else { return true; } } function random(a, b) { var result; if(a !== null && typeof a === "object") { //treat as list if(b === 1) result = a[random(a.length-1)]; else result = a.sort(function() {return random()>.5 ? -1 : 1; }); } else if(typeof a === "string") { //treat as string if(b === 1) result = a.split("")[random(a.length-1)]; else result = a.split("").sort(function() {return random()>.5 ? -1 : 1; }).join(""); } else if(typeof a === "number") { //treat as number if(typeof b === "number") { //treat as range result = Math.round(Math.random() * (b - a)) + a; } else { //treat as number result = Math.round(Math.random() * a); } } else { //treat as val between 0 and 1 result = Math.random(); } return result; } function trace(message) { console.clear(); console.log(message); }

DtB v2 [35% complete]