/************************************ * 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,2) ? "green" : "blue"); }} 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, boardX, fieldPadNum, blpSpd){ this.bogies = bogies; this.bogiePower = 0; for (var i = 0; i < this.bogies.length; i++){ this.bogiePower += this.bogies[i].power; } this.bogiePower += Math.round(bogiePower*0.15); this.missleId = 0; this.framesToEdge = Math.round(this.boardX/(this.fieldPadNum*this.blpSpd)); this.patternSize = 4; this.missleSpeed = Math.ceil(this.boardX/(this.framesToEdge*this.patternSize)); this.missles = []; this.misslePower = 0; while (misslePower < bogiePower){ this.missles.push(new Blip(this.missleId)); this.missles[this.missleId].power = rndInt(2,9); for(var j = 0; j < bogies.length; j++){ } misslePower += this.missles[this.missleId].power; missleId++; } this.framesToEdge = Math.round(boardX/(fieldPadNum*blpSpd)); this.patternSize = 4; this.missleSpeed = Math.ceil(boardX/(this.framesToEdge*patternSize)); } } /************************************ * Global Variables * *************************************/ var boardX = 48; var boardY = 48; var blipCount = 16; var fieldPaddingPercent = 25; //reasonablish range of 20-40 var maxBlpSpd = 3; var framerate = 80; var fldPadNum = Math.round(100/fieldPaddingPercent); var idInc = 0; var styles = ""; var initDivs = ""; var divs = ""; var simTimer; var frameInc= 0; /************************************ * 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(); for (var i =0; i < blipCount; i++){ newEntry(); } var blipSelector = document.getElementById("blipSelect"); var optnString = ""; for(var j = 0; j < blipCount; j++){ optnString += ""; } blipSelector.innerHTML = optnString; } 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 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; } 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 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 rndInt(min, max) { return Math.floor(Math.random() * (max - min + 1) ) + min;}

[CONTEST] Defend the Base