/************************************ * Javascript Classes * *************************************/ class StlDivBlip{ constructor(id,stlStr,divStr,blip){ this.id = id; this.stlStr = stlStr; this.divStr = divStr; this.isCntSame = true; this.stlStrCnt = stlStr.length; this.prvStlStrCnt = stlStr.length; this.divStrCnt = divStr.length; this.prvDivStrCnt = divStr.length; this.blip = blip; }} class Blip{ constructor (id) { this.id = id; this.x = rndInt(Math.round(boardX/fldPadNum),Math.round(boardX/fldPadNum)*(fldPadNum-1)); this.y = rndInt(Math.round(boardX/fldPadNum),Math.round(boardY/fldPadNum)*(fldPadNum-1)); this.sizeX = rndInt(1,3); this.sizeY = rndInt(1,3); this.speedX = rndInt(1,maxBlpSpd); this.speedY = rndInt(1,maxBlpSpd); this.power = this.sizeX*this.sizeY; this.ptrnArray = "udlr"; this.pattern = ""; for(var i = 0; i < rndInt(3,4); i++){ this.pattern += this.ptrnArray[rndInt(0,3)]; } this.alliance = (rndInt(0,3) ? "blue" : "green"); }} class StlDivChain{ constructor(maxSize){ this.currSize = 0; this.dataArray = []; this.idIndex = [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0];//50 ints for(var i = 0; i < maxSize; i++){ this.dataArray[i] = {}; }} add(id,stl,div,blp){ this.dataArray[this.currSize] = new StlDivBlip(id,stl,div,blp); this.idIndex[this.currSize++] = id; } fnd(id){ for(var i = 0; i < this.currSize; i++){ if(this.idIndex[i] == id){ return i; }} return -1; } mod(id,styDivBlip){ var i = this.fnd(id); if (i > -1){ this.dataArray[i] = styDivBlip; }} rmv(id){ var i = this.fnd(id); if (i > -1){ for(var j = i; j < this.currSize; j++){ this.dataArray[j] = this.dataArray[j+1]; this.idIndex[j] = this.idIndex[j+1]; } this.currSize--; }} read(id){ var i = this.fnd(id); if (i > -1){ return this.dataArray[i]; } return null; } cnct(){ var style = ""; var div = ""; for(var i = 0; i < this.currSize; i++){ style += this.dataArray[i].stlStr; div += this.dataArray[i].divStr; } return [style,div]; } dsp(index){ console.log(this.dataArray[this.currSize].stlStr); console.log(this.dataArray[this.currSize].divStr); }} class FireSoln{ constructor(bogies, allies,timeFrame){ this.bogies = bogies; this.allies = allies; this.framesToEdge = Math.ceil(boardX/(fldPadNum*maxBlpSpd)); this.missleSpeed = Math.ceil(boardX/(this.framesToEdge)); this.bogiePower = 0; this.futurePosBogies = []; this.futurePosAllies = []; for (var i = 0; i < this.bogies.length; i++){ this.bogiePower += this.bogies[i].power; this.futurePosBogies.push(futurePosAt(timeFrame,this.bogies[i])); } for (var j = 0; j < this.allies.length; j++){ this.futurePosAllies.push(futurePosAt(timeFrame,this.allies[j])); } this.bogiePower += Math.round(this.bogiePower*0.15); this.bogiefutureCoords; this.missleId = 0; this.missles = []; this.misslePower = 0; while (this.misslePower < this.bogiePower){ this.missles.push(new Blip(this.missleId)); this.missles[this.missleId].power = rndInt(2,9); this.misslePower += this.missles[this.missleId].power; this.missleId++; } } } /************************************ * Global Variables * *************************************/ var boardX = 48; var boardY = 48; var blipCount = 16; var fieldPaddingPercent = 33; //reasonablish range of 20-40 var maxBlpSpd = 3; var framerate = 80; var fldPadNum = Math.floor(100/fieldPaddingPercent); var idInc = 0; var styles = ""; var initDivs = ""; var divs = ""; var simTimer; var frameInc= 0; var bogies =[]; var allies = []; var soln1; /************************************ * Program Start * *************************************/ var pgMan = new StlDivChain(50); function loop(){ //Destroy on Boundry // Record as escape ally or enemy updatePos(); updateBoard(); frameInc++; } /************************************ * Event Listeners * *************************************/ function pageLoaded(){ initializeBoard(); //add blips to radar for (var i =0; i < blipCount; i++){ newEntry(); } //get a list of bogieBlips for FireSoln class for(var k = 0;k< pgMan.currSize;k++){ if(pgMan.dataArray[k].blip.alliance == "blue"){ bogies.push(pgMan.dataArray[k].blip); } if (pgMan.dataArray[k].blip.alliance == "green"){ allies.push(pgMan.dataArray[k].blip); }} soln1 = new FireSoln(bogies, allies, 4); } function simulation(){ simTimer = setInterval(loop,framerate); } function updatePos(){ for(var i = 0; i < pgMan.currSize;i++){ var blip = pgMan.dataArray[i].blip; var ptrnBit = blip.pattern[frameInc%blip.pattern.length-1 ]; switch(ptrnBit) { case "u": blip.y = blip.y-blip.speedY; break; case "d": blip.y = blip.y+blip.speedY; break; case "l": blip.x = blip.x-blip.speedX; break; case "r": blip.x = blip.x+blip.speedX; break; default: break; } if (isInBounds(blip)){ modStlDivBlip(blip); } else {pgMan.rmv(blip.id);console.log(frameInc);} } updateBoard(); } function isInBounds(blip){ if((blip.x > 0 && blip.x+blip.sizeX < boardX+2) && (blip.y > 0 && blip.y+blip.sizeY < boardY+2)){ return true; } else {return false;} } function transition(char){ var id = document.getElementById("blipSelect").value; if (pgMan.read(id) !==null){ var blip = pgMan.read(id).blip; switch(char) { case "u": blip.y = blip.y-1; break; case "d": blip.y = blip.y+1; break; case "l": blip.x = blip.x-1; break; case "r": blip.x = blip.x+1; break; default: break; } if (isInBounds(blip)){ modStlDivBlip(blip); } else {pgMan.rmv(id);} updateBoard(); } else{ console.log("No object with id of "+ id + " curently exists in the idIndex."); }} /************************************ * Function Descriptions * *************************************/ function rndInt(min, max) { return Math.floor(Math.random() * (max - min + 1) ) + min;} function initializeBoard(){ var initStylesElement = document.getElementById("initialStyles"); var initDivsElement = document.getElementById("gameBoard"); var initStyles = ".wrapper { display: grid; grid-template-columns: repeat("+boardX+", 1fr); grid-auto-rows: 12px;}.wrapper { border: 2px solid#f76707; border-radius: 5px; background-color: #fff4e6;}.blip{z-index:2;}"; for(var y = 0; y < boardY;y++){ for(var x = 0; x < boardX;x++){ initStyles += ".box"+x+"x"+y+"{grid-column:"+(y+1)+"; grid-row:"+(x+1)+";border-style: outset; border: 1px solid #aaddff; z-index:1;}"; initDivs += "

\r"; }} initStylesElement.innerHTML = initStyles; initDivsElement.innerHTML = initDivs; //Debug dropdown blip selector var blipSelector = document.getElementById("blipSelect"); var optnString = ""; for(var j = 0; j < blipCount; j++){ optnString += ""; } blipSelector.innerHTML = optnString; } function updateBoard(){ var addedStyles = document.getElementById("additionalStyles"); var addedDivs = document.getElementById("gameBoard"); var pgStr = pgMan.cnct(); addedStyles.innerHTML = pgStr[0]; addedDivs.innerHTML = initDivs + pgStr[1]; } function newEntry(){ blp = new Blip(idInc++); pgMan.add(blp.id, ".blip.blip"+blp.id+"{grid-column: "+blp.x+"/"+(blp.x+blp.sizeX)+"; grid-row: "+blp.y+"/"+(blp.y+blp.sizeY)+";background-color:"+ blp.alliance+";opacity:0.8;border-radius: 5px;}", "

"+ blp.id+ "

", blp); updateBoard(); } function modStlDivBlip(blp){ var stlDivBlip = new StlDivBlip(blp.id, ".blip.blip"+blp.id+"{grid-column: "+blp.x+"/"+(blp.x+blp.sizeX)+"; grid-row: "+blp.y+"/"+(blp.y+blp.sizeY)+";background-color:"+ blp.alliance+";opacity:0.8;border-radius: 5px;}", "

"+ blp.id+ "

", blp); pgMan.mod(blp.id,stlDivBlip); } function futurePosAt(frames, blip){ var speedX = (blip.pattern.split("d").length - 1)-(blip.pattern.split("u").length - 1); var speedY = (blip.pattern.split("r").length - 1)-(blip.pattern.split("l").length - 1); return [blip.x +(speedX*frames), blip.y +(speedY*frames)]; }

styleDivMaker