/*================================================= Danidre's Base Defense Version 6 Features: -Makes grid -Generate objects (moveable) -Generate missiles (moveable) -Object destroyed when touch missile -Specific piece on object destroyed by missile power -Missiles destroy any other enemies within power range -Objects/missiles face movement direction -Explosions on impact -Damaging enemies increases score by 40. -Damaging allies decreases score by 30 -Clones all default variables -Simulation works -Resets board -Code fixed -Displays best simulation on loop -Code formatted -More visually pleasing -List of simulations -Skip, end, and show direction -Speed up or down secodns per frame -Implemented pause -Check for explosions and movements separately -Spawn objects above last row (affected by their size on y) -Offer how it works button and confirm -Publish! :DDDDD =================================================*/ //=====================================Initializers======================================== var looper, username; var isReplaying = false, showDirections = false, skipSim = false, endSim = false, isAwesome = false, paused = false, tick = false; var ll = 4; var minSize = 10, maxSize = 20, defaultSize = 15, dirSize = 3; var minSim = 20, maxSim = 50; var minLoop = 100, maxLoop = 200; var maxSpeed = 2, maxObjects = 15, maxMissiles = 5, maxPower= 2, maxIterations = minLoop, maxSimulations = minSim, maxPatterns = 10, loopSpeed = 200; var width, height, gridWidth, gridHeight; var boardSize, boardCanvas, boardCtx, summaryT; var objectTypes = ["enemy", "ally"], patternTypes = ["L", "R", "U", "D", "S"]; var objectColours = ["#008CBA", "#4CAF50"], missileColours = ["#f44336"], dirColours = ["#555"], explosionColours = ["#e4e156"]; var enemyScore = 50, allyScore = -25; var clone = {}, summaries = []; var score = 0, iterateCount = 0, simulateCount = 0, replayId = 0; var actionT = "Simulating", cFont = "Arial", defaultName = "AwesomeUser"; //========================================Setters========================================== var object = [], missile = [], explosion = [], currentMissile = []; var objectNum = random(5, maxObjects), missileNum = random(1, maxMissiles), explosionNum = 0; //===============================Load and Loop====================================== window.onload = function() { boardCanvas = document.getElementById("board"); boardCtx = boardCanvas.getContext("2d"); summaryT = document.getElementById("summary"); width = boardCanvas.width; height = boardCanvas.width; updateSPF(); makeBoard(); makeObject(objectNum); makeMissile(missileNum); copyInfo(); simulate(); }; function iterate() { if(!paused) { if(tick) { moveMissiles(); moveObjects(); } else checkCollisions(); moveExplosions(); if(!hasMore(object)||!hasMore(missile)||iterateCount>=maxIterations||skipSim) { if(isReplaying) { replay(); } else { summaries[simulateCount -1] = {score:score, x:saveMissiles(), time:iterateCount, id:(simulateCount-1), skipped:skipSim}; simulate(); } } // if(!isReplaying) iterateCount++; tick = !tick; //loop between movements and collisions } draw(); } function replay() { pasteInfo(); clearInfo(); loadMissiles(replayId); looper = setInterval(iterate, loopSpeed/ll); } function simulate() { if(simulateCount maxSize || isNaN(boardSize)) boardSize = defaultSize; if(boardSize < minSize) boardSize = minSize; if(missileNum > boardSize || isNaN(missileNum)) missileNum = defaultSize; if(missileNum < minSize) missileNum = minSize; if(maxSimulations > maxSim) maxSimulations = maxSim; if(maxSimulations < minSim || isNaN(maxSimulations)) maxSimulations = minSim; if(maxIterations > maxLoop) maxIterations = maxLoop; if(maxIterations < minLoop || isNaN(maxIterations)) maxIterations = minLoop; gridWidth = width / boardSize; gridHeight = height / boardSize; } 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++; } function makeMissile() { var obj; for(var i = 0; i < missileNum; i++) { obj = {}; obj.power = {w:random(1,maxPower), h:random(1,maxPower)}; obj.speed = random(1, maxSpeed); obj.colour = random(missileColours, 1); obj.pattern = makePattern(); obj.x; 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 makeObject() { var obj; for(var i = 0; i < objectNum; i++) { obj = {}; obj.speed = random(1, maxSpeed); obj.type = random(objectTypes, 1); obj.colour = obj.type==="enemy"? objectColours[0] : objectColours[1]; obj.pattern = makePattern(); obj.w = random(1, 3); obj.h = random(1, 3); obj.x = random(boardSize-1); obj.y = random((boardSize-1)-obj.h); obj.tiles = []; for(var j = 0; j < obj.w; j++) { obj.tiles[j] = []; for(var k = 0; k < obj.h; k++) { obj.tiles[j][k] = {alive:true}; } } obj.pathindex = -1; obj.dir = obj.pattern[obj.pathindex]; obj.turndir = true; obj.alive = true; object[i] = obj; } } function makePattern() { var patNum = random(1, maxPatterns); var pat = new Array(patNum); for(var i = 0; i < patNum; i++) pat[i] = random(patternTypes, 1); return pat; } //=========================================Move Stuff========================================== 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 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 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; } if(!hasTiles(object[i].tiles,object[i].w,object[i].h)) object[i].alive = false; } } } //========================================Draw Stuff============================================ 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 drawGrid() { boardCtx.beginPath(); for(var i = 0; i <= boardSize; i++) { boardCtx.moveTo(i * gridWidth, 0); boardCtx.lineTo(i * gridWidth, height); boardCtx.stroke(); boardCtx.moveTo(0, i * gridHeight); boardCtx.lineTo(width, i * gridHeight); boardCtx.stroke(); } boardCtx.closePath(); } 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); if(showDirections) dir(xx, yy, w, h, random(dirColours, 1), missile[i].dir); } } 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) { for(var j = 0; j < object[i].w; j++) { x = object[i].x + j; xx = x*w; for(var k = 0; k < object[i].h; k++) { y = object[i].y + k; yy = y*h; if(object[i].tiles[j][k].alive) {//trace("k") square(xx, yy, w, h, object[i].colour); if(showDirections) dir(xx, yy, w, h, random(dirColours, 1), object[i].dir); object[i].tiles[j][k].x = x; object[i].tiles[j][k].y = y; } } } } } function drawPaused() { if(paused) { var s = "PAUSED"; var h = width/(400/50); boardCtx.font = h+"pt "+cFont; var w = boardCtx.measureText(s).width; boardCtx.fillStyle = "white"; boardCtx.strokeStyle = "black"; boardCtx.beginPath(); boardCtx.rect((width/2)-(w/2),(width/2)-(h/2),w,(h)); boardCtx.closePath(); boardCtx.fill(); boardCtx.stroke(); boardCtx.fillStyle = "black"; boardCtx.fillText(s, (width/2)-(w/2), (width/2)+(h/2)); } } function drawScoreT() { boardCtx.clearRect(0, width, width, boardCanvas.height-width); var s = "Score: " + score; var h = width/(400/18); boardCtx.font = h+"pt "+cFont; var w = boardCtx.measureText(s).width; boardCtx.fillStyle = "black"; boardCtx.fillText(s, 0, width+h); } function drawSimulationT() { var s = actionT + ": " + simulateCount + "/" + maxSimulations + "[" + iterateCount + "]"; var h = width/(400/18); boardCtx.font = h+"pt "+cFont; var w = boardCtx.measureText(s).width; boardCtx.fillStyle = "black"; boardCtx.fillText(s, width-w, width+h); } //=========================================Property Calls=========================================== function about() { alert("Danidre's Base Defense is a simulation game made for the 'Defend the Base' Contest Challenge."); alert("Objects are spawned randomly, each with different sizes, speeds, and movement patterns. They can either be allies or enemies.\n\nMissiles are made with random patterns, speed and power (which determines how many objects are destroyed horizontally and vertically upon direct impact with the missile)"); alert("Patterns:\nL-Left\nR-Right\nU-Up\nD-Down\nS-Stationary\n\nScore:\nEnemies: +"+enemyScore+"\nAllies: "+allyScore); alert("Buttons:\n\nAbout-Shows this information.\nSkip-Skips a simulation.\nEnd-Abruptly ends simulation.\nPause-Pauses/Unpauses simulation.\nDirections-Toggles option to view object directions on/off.\nSPF- Enter number of seconds per frame."); alert("Each simulation runs a random combination of missile launch positions, and at the end displays the best simulation based on score and time."); } function checkCollisions() { for(var i = 0; i < objectNum; i++) if(object[i].alive) 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) destroyObject(missile[j].x, missile[j].y, missile[j].power, true, j); } function clearBoard() { boardCtx.clearRect(0, 0, width, boardCanvas.height); } function clearInfo() { score = 0; iterateCount = 0; skipSim = false; tick = false; clearInterval(looper); } function copyInfo() { var c = {}; //====Setters==== c.object = cloneIt(object), c.missile = cloneIt(missile), c.explosion = cloneIt(explosion), c.objectNum = cloneIt(objectNum), c.missileNum = cloneIt(missileNum), c.explosionNum = cloneIt(explosionNum); //====Properties==== var i; for(i = 0; i < c.missileNum; i++) c.missile[i] = missile[i]; for(i = 0; i < c.objectNum; i++) c.object[i] = object[i]; clone = c; } function destroyObject(x, y, power, t, id) { for(var i = 0; i < objectNum; i++) { for(var j = 0; j < object[i].w; j++) for(var k = 0; k < object[i].h; k++) { if(object[i].tiles[j][k].x===x&&object[i].tiles[j][k].y===y&&object[i].tiles[j][k].alive) { makeExplosion(x, y, power) object[i].tiles[j][k].alive = false; score += object[i].type==="enemy"? enemyScore : allyScore; if(id!==undefined) missile[id].alive = false; if(t) { for(var a = 0; a < power.w; a++) for(var b = 0; b < power.h; b++) { destroyObject(x-a, y-b, {w:1, h:1}, false); destroyObject(x+a, y-b, {w:1, h:1}, false); destroyObject(x-a, y+b, {w:1, h:1}, false); destroyObject(x+a, y+b, {w:1, h:1}, false); } } } } } } function dir(x, y, w, h, c, d) { var xx = yy = ww = hh = 0; ww = w/dirSize; hh = h/dirSize; switch(d) { case "L": xx = x; yy = y + h / 2 - (hh/2); break; case "R": xx = x + w - ww; yy = y + h / 2 - (hh/2); break; case "U": xx = x + w / 2 - (ww/2); yy = y; break; case "D": xx = x + w / 2 - (ww/2); yy = y + h - hh; break; default: xx = x + w / 2 - (ww/2); yy = y + h / 2 - (hh/2); } boardCtx.fillStyle = c; boardCtx.beginPath(); boardCtx.rect(xx, yy, ww, hh); boardCtx.closePath(); boardCtx.fill(); boardCtx.stroke(); } function end() { endSim = true; } 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 getSummary() { actionT = "Replaying"; toggleDirections(); //sort by score, then time summaries.sort(sortObjects(["score", "time"], [-1, 1])); isReplaying = true; endSim = false; setId(0, (summaries[0].id)); if(isAwesome) { var award = ["a cookie", "a promotion", "a badge", "a trophy", "a medal", "an award"]; alert("Lieutenant Collonel:\nThe simulation is complete, and we have found the best simulation that takes out as many enemies and as little allies as possible! We could not have done it without you!"); alert("Commander Admiral Danidre:\n*cough*"); alert("Lieutenant Collonel:\nCommander! You're saved!\n\nWell done "+username+"! Your efforts were able to save our commander!"); alert("Commander Admiral Danidre:\n"+username+", huh? Lieutenant, give that soldier "+random(award, 1)+".\n\n*Walks off into sunset with shades*"); alert("As a bonus feature, a list has been provided with all simulations ranked.\nClick on them to replay their performances.\n\nUpvote if you like it, and help me win this contest!"); alert("Replay to win a new award.\n\nTHANKS FOR PLAYING!"); summaryT.style.height = "200px"; var sum = ""; for(var i = 0; i < summaries.length; i++) sum += ""; /**/ sum += "

Rank	Sim #	Score	Time	Launch Positions
" + (i+1) + "	"+(summaries[i].id+1)+"	"+(summaries[i].skipped?"Skipped":summaries[i].score)+"	"+summaries[i].time+"	"+summaries[i].x+"
"+summaries[i].time+"	"+(summaries[i].skipped?"Skipped":summaries[i].score)+"

"; summaryT.innerHTML = sum; } else { alert("Simulation completed. Displaying best simulation.\n\nReplay with story mode for extra features. Upvote if you like it."); } } function hasMore(array) { var holder = new Array(array.length); for(i = 0; i < holder.length; i++) { holder[i] = array[i].alive; } if(holder.indexOf(true) ===-1) { return false; } else { return true; } } function hasTiles(array, w, h) { var holder = [], k = 0; for(i = 0; i < w; i++) for(j = 0; j < h; j++) { holder[k] = array[i][j].alive; k++; } if(holder.indexOf(true) ===-1) { return false; } else { return true; } } function loadMissiles(id) { for(var i = 0; i < missileNum; i++) { missile[i].x = cloneIt(summaries[id].x[i]); } } function pasteInfo() { var c = cloneIt(clone); //====Setters==== object = c.object, missile = c.missile, explosion = c.explosion; objectNum = c.objectNum, missileNum = c.missileNum, explosionNum = c.explosionNum; //====Properties==== var i; for(i = 0; i < missileNum; i++) missile[i] = c.missile[i]; for(i = 0; i < objectNum; i++) object[i] = c.object[i]; } function saveMissiles() { return cloneIt(currentMissile); } function setId(order, id) { replayId = order; simulateCount = id+1; replay(); window.location.href = "#canvas"; } function skip() { skipSim = true; } function spawnMissiles() { for(var i = 0; i < missileNum; i++) { missile[i].x = random(0, (boardSize-1)); currentMissile[i] = cloneIt(missile[i].x); } } 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 toggleDirections() { showDirections = !showDirections; document.getElementById("dirB").innerHTML = "Directions (" + showDirections + ")"; } function togglePause() { paused = !paused; } function updateSPF(a) { if(a!==undefined) document.getElementById("spf").value = a; var spf = parseFloat(document.getElementById("spf").value); if(isNaN(spf)) { spf = 1; } else if(spf < 0) { spf = 0; } else if(spf > 2) { spf = 2; } document.getElementById("spf").value = spf; loopSpeed = (spf*1000); } //===========================================Utilities========================================== function cloneIt(obj){ if(obj === null || typeof(obj) !== 'object') return obj; var temp = new obj.constructor(); for(var key in obj) temp[key] = cloneIt(obj[key]); return temp; } 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 sortObjects(keys, orders) { var varA, varB; return function(a, b) { for(var i = 0; i < keys.length; i++) { if(!a.hasOwnProperty(keys[i]) || !b.hasOwnProperty(keys[i])) { return 0; } varA = (typeof a[keys[i]] === 'string') ? a[keys[i]].toUpperCase() : a[keys[i]]; varB = (typeof b[keys[i]] === 'string') ? b[keys[i]].toUpperCase() : b[keys[i]]; if (varA > varB) return orders[i] === -1? -1 : 1; else if (varA < varB) return orders[i] === -1? 1 : -1; } }; } function trace(message) { console.clear(); console.log(message); }

Dani Base Defense Simulation Game [Contest]