/*================================================= Danidre's Base Defense Version 3 Features: -Objects/missiles face movement direction -Explosions on impact -Damaging enemies increases score by 40. -Damaging allies decreases score by 30 To do: -Make vars to hold all default information in preps for simulation -Make simulation --Starts with: ---All default values ---Different x coords for missiles ---New simulation var info to hold best score, and the missile values for that respective score. --Ends: ---When all enemies leave ---When all missiles leave ---After Y iterations (in case of loops values) (Y:100) --Should run X simulations before selecting best one. (X: 10) -Make a resetBoard -Fix code -Make it more visually pleasing -Make show dir button =================================================*/ var minSize = 5, maxSize = 10, defaultSize = 10, dirSize = 3; 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 = [], objectNum = 3; //random(1, maxObjects); var missile = [], missileNum = 1; //random(1, maxMissiles); var explosion = [], explosionNum = 0; var exploded = false; var objectTypes = ["enemy", "ally"]; var objectColours = ["blue", "green"], missileColours = ["red"], dirColours = ["yellow"], explosionColours = ["orange"]; var patternTypes = ["L", "R", "U", "D"]; var score, scoreT; var enemyScore = 40, allyScore = -30; 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; score = 0; scoreT = document.getElementById("score"); /*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() { if(!exploded) { moveObjects(); moveMissiles(); } else { exploded = false; } moveExplosions(); clearBoard(); drawObjects(); drawMissiles(); drawExplosions(); //drawGrid(gridWidth, gridHeight); updateScore(); } function updateScore() { scoreT.innerHTML = "Score: " + score; } /*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); dir(xx, yy, w, h, random(dirColours, 1), object[i].dir); 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); dir(xx, yy, w, h, random(dirColours, 1), missile[i].dir); //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.type = random(objectTypes, 1); obj.colour = obj.type==="enemy"? objectColours[0] : objectColours[1]; obj.pattern = ["S","D"];//makePattern();// ["S", "S", "S", "S", "S"," S", "S", "U"];//makePattern(); obj.x = 3+i;//random(boardSize-1); obj.y = 1;//random(boardSize-1); obj.w = 3;//random(1, 3); obj.h = 2;//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 = obj.pattern[obj.pathindex]; obj.turndir = true; obj.alive = true; object[i] = obj; } } function makeMissile() { var obj; for(var i = 0; i < missileNum; i++) { obj = {}; obj.power = {w:2,h:2};//{w:random(1,maxPower), h:random(1,maxPower)}; obj.speed = 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+=1; 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 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 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; score += object[i].type==="enemy"? enemyScore : allyScore; trace(object[i].type + "at"); } } } } } makeExplosion(x, y, power) } function makeExplosion(x, y, power) { var obj = {}; obj.x = x; obj.y = y; obj.w = power.w; obj.h = power.h; obj.colour = random(explosionColours, 1) obj.alive = true; obj.count = 0; explosion[explosionNum] = obj; explosionNum++; exploded = true; } function drawExplosions() { var x, y, xx, yy, ww, hh; var w = gridWidth, h = gridHeight; for(var i = 0; i < explosion.length; i++) if(explosion[i].alive) { x = explosion[i].x - explosion[i].w + 1; xx = x*w; y = explosion[i].y - explosion[i].h + 1; yy = y*h; ww = explosion[i].w*2-1; hh = explosion[i].h*2-1; ww *= w; hh *= h; square(xx, yy, ww, hh, explosion[i].colour); } } function moveExplosions() { for(var i = 0; i < explosionNum; i++) { if(explosion[i].alive) if(explosion[i].count===1) explosion[i].alive = false; else { explosion[i].count++; } } } 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 dir(x, y, w, h, c, d) { var xx = yy = ww = hh = 0; switch(d) { case "L": ww = w/dirSize; hh = h/dirSize; xx = x; yy = y + h / 2 - (hh/2); break; case "R": ww = w/dirSize; hh = h/dirSize; xx = x + w - ww; yy = y + h / 2 - (hh/2); break; case "U": ww = w/dirSize; hh = h/dirSize; xx = x + w / 2 - (ww/2); yy = y; break; case "D": ww = w/dirSize; hh = h/dirSize; xx = x + w / 2 - (ww/2); yy = y + h - hh; break; //default: } boardCtx.fillStyle = c; boardCtx.beginPath(); boardCtx.rect(xx, yy, ww, hh); boardCtx.closePath(); boardCtx.fill(); boardCtx.stroke(); } 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 v3 [57% complete]