/*Upvote and comment to support development of more more codes like this*/ var playerCollectibles = { dungeonKeys: 0, eventCollectible: 0, items: 0, coins: 0, enemies: 0 }; var floorStatistics = { currentFloor: 0, currentVisits: 0, floorName: "", dungeonKeys: 0, eventCollectible: 0, coins: 0, items: 0, enemies: 0, treasure: 0 }; var floorVisits = { thisFloor: 0, baes_Ix_1: 0, baes_Ix_6: 0, baes_Ix_2: 0, baes_Ix_7: 0, baes_Ix_3: 0, baes_Ix_8: 0, baes_Ix_4: 0, baes_Ix_9: 0, baes_Ix_5: 0, baes_Ix_Top: 0, forestPath_1: 0, forestPath_6: 0, forestPath_2: 0, forestPath_7: 0, forestPath_3: 0, forestPath_8: 0, forestPath_4: 0, forestPath_9: 0, forestPath_5: 0, forestPath_10: 0, fieldMap_1: 0, fieldMap_6: 0, fieldMap_2: 0, fieldMap_7: 0, fieldMap_3: 0, fieldMap_8: 0, fieldMap_4: 0, fieldMap_9: 0, fieldMap_5: 0, fieldMap_10: 0 }; /* ========================== * The New Walker Code * =========================== */ var gridSize = 21; var x, y, foundEvent; var score=0; var upButton = document.getElementById("pressUp"); var downButton = document.getElementById("pressDown"); var leftButton = document.getElementById("pressLeft"); var rightButton = document.getElementById("pressRight"); var wait = ""; //Initialize the grid var grid = new Array( gridSize ); for( var l=0; l"+storyProgress.questName[0]+"
"+storyProgress.quest[0]+"% complete."); }, 7000); PLAYER = "P"; /* OBJECTS */ /* COLLECTIBLES */ WALL = 1; KEY = 4; OBJECT = 2; COIN = 5; ITEM = 6; COLLECT = 7; /* EVENTS */ /*Unlockables*/ EVENT = 10; GATE = 15; NPC = 11; CHEST = 16; BOSS = 12; SAFE = 17; TRAP = 13; OPENED = 18; ENEMY = 14; SWITCH = 19; SWITCHED = 20; /* ROOM EXITS */ PORTAL = 100; EXIT = 103; UPSTAIRS = 101; DOOR = 104; DOWNSTAIRS = 102; LOCKED = 105; /* ================== * CLEAR THE GRID Need to add: Code that clears floorStatistics.names * =================== */ function clearGrid() { for (y=0; y 0) { msg = " Use the key to escape?

" yes = "Escape Prisoner Tank."; no = "Sit Tight." yesResult = `grid[10][1] = ""; document.getElementById("grid_10_1").className = "grid"; document.getElementById("grid_10_1").innerHTML = ""; playerCollectibles.dungeonKeys--; setLocation( 10, 1 ); storyProgress.quest[0] = 33; storyProgress.objectiveName[0] = "~~Use the key to escape the Prisoner Tank.~~
"+ "Find a way out of the Dungeon."; systemSpeak("New Objective.
"+storyProgress.questName[0]+"
"+storyProgress.objectiveName[0]+"
Quest "+storyProgress.quest[0]+"% complete."); ` noResult = "closeDisplay(); "; systemConfirm(msg, yes, no, yesResult, noResult); } }; roomsREACT.GATE[0] = eventInteract; collectInteract = function() {}; eventInteract = function() {}; itemInteract = function() { out("Found Blue Potion"); }; roomsREACT.ITEM[0] = itemInteract; }; floorInfo.roomEVENTS[0] = floor_baesIx_1; //Defines the array that holds the function var floor_baesIx_2 = function () { floorInfo.roomNAME[1] = "Dungeon: Baes Ix.

Floor Two.

" if(!usedMap[floorStatistics.currentFloor]){ grid[10][20] = DOWNSTAIRS; grid[0][10] = UPSTAIRS; grid[8][5] = KEY; vLine_5x1(11,6); box_10x10(11,10); vertWall(5); box_3x3(11,1) box_5x5(16,1); hLine_5x1(6,15); clear_vLine_5x1(15,15); clear_hLine_5x1(10,16); grid[5][10] = GATE; grid[15][1] = WALL; grid[5][11] = WALL; grid[15][2] = WALL; grid[5][12] = WALL; grid[15][3] = WALL; grid[5][13] = WALL; grid[15][4] = WALL; grid[5][14] = WALL; grid[15][5] = WALL; grid[5][15] = WALL; grid[15][6] = WALL; grid[5][16] = WALL; grid[15][7] = WALL; grid[5][17] = WALL; grid[15][8] = WALL; grid[5][18] = WALL; grid[5][19] = WALL; grid[15][19] = SWITCH; grid[12][9] = SWITCHED; } roomSwitch = function(onoff) { if (onoff === true) { clear_vLine_5x1(15,10); } else if (onoff === false) { vLine_5x1(15,10); }} roomTrap = function() {}; npcInteract = function() {}; enemyInteract = function() {}; bossInteract = function() {}; exitInteract = function() {}; portalInteract = function() {}; eventInteract = function() {}; collectInteract = function() {}; eventInteract = function() {}; itemInteract = function() {}; roomsREACT.SWITCH[1] = roomSwitch; roomsREACT.SWITCHED[1] = roomSwitch; roomsREACT.NPC[1] = npcInteract; roomsREACT.ITEM[1] = itemInteract; }; floorInfo.roomEVENTS[1] = floor_baesIx_2; var floor_baesIx_3 = function () { floorInfo.roomNAME[2] = "Dungeon: Baes Ix.

Floor Three.

" if(!usedMap[floorStatistics.currentFloor]){ box_17x17(2,2) clearBox_3x3(16,2) grid[20][10] = DOWNSTAIRS; grid[1][19] = ITEM; grid[8][19] = KEY; grid[0][15] = UPSTAIRS; } roomTrap = function() {}; npcInteract = function() {}; enemyInteract = function() {}; bossInteract = function() {}; exitInteract = function() {}; portalInteract = function() {}; eventInteract = function() {}; collectInteract = function() {}; eventInteract = function() {}; itemInteract = function() {}; roomsREACT.SWITCH[2] = roomSwitch; roomsREACT.SWITCHED[2] = roomSwitch; roomsREACT.NPC[2] = npcInteract; roomsREACT.ITEM[2] = itemInteract; }; floorInfo.roomEVENTS[2] = floor_baesIx_3; var floor_baesIx_4 = function () { floorInfo.roomNAME[3] = "Dungeon: Baes Ix.

Floor Four.

" if(!usedMap[floorStatistics.currentFloor]){ grid[20][14] = DOWNSTAIRS; grid[20][15] = DOWNSTAIRS; grid[20][16] = DOWNSTAIRS; grid[0][19] = UPSTAIRS; box_17x17(2,2); grid[1][19] = ITEM; grid[8][19] = KEY; } // grid[0][19] = UPSTAIRS; roomTrap = function() {}; npcInteract = function() {}; enemyInteract = function() {}; bossInteract = function() {}; exitInteract = function() {}; portalInteract = function() {}; eventInteract = function() {}; collectInteract = function() {}; eventInteract = function() {}; itemInteract = function() {}; roomsREACT.SWITCH[3] = roomSwitch; roomsREACT.SWITCHED[3] = roomSwitch; roomsREACT.NPC[3] = npcInteract; roomsREACT.ITEM[3] = itemInteract; }; floorInfo.roomEVENTS[3] = floor_baesIx_4; var floor_baesIx_5 = function () { floorInfo.roomNAME[4] = "Dungeon: Baes Ix.

Floor Five.

" if(!usedMap[floorStatistics.currentFloor]){ grid[20][19] = DOWNSTAIRS; grid[0][1] = UPSTAIRS; } roomTrap = function() {}; npcInteract = function() {}; enemyInteract = function() {}; bossInteract = function() {}; exitInteract = function() {}; portalInteract = function() {}; eventInteract = function() {}; collectInteract = function() {}; eventInteract = function() {}; itemInteract = function() {}; roomsREACT.SWITCH[4] = roomSwitch; roomsREACT.SWITCHED[4] = roomSwitch; roomsREACT.NPC[4] = npcInteract; roomsREACT.ITEM[4] = itemInteract; }; floorInfo.roomEVENTS[4] = floor_baesIx_5; var floor_baesIx_6 = function () { floorInfo.roomNAME[5] = "Dungeon: Baes Ix.

Floor Six.

" if(!usedMap[floorStatistics.currentFloor]){ grid[8][19] = KEY; grid[1][9] = ITEM; grid[0][10] = UPSTAIRS; grid[20][1] = DOWNSTAIRS; } roomTrap = function() {}; npcInteract = function() {}; enemyInteract = function() {}; bossInteract = function() {}; exitInteract = function() {}; portalInteract = function() {}; eventInteract = function() {}; collectInteract = function() {}; eventInteract = function() {}; itemInteract = function() {}; roomsREACT.SWITCH[5] = roomSwitch; roomsREACT.SWITCHED[5] = roomSwitch; roomsREACT.NPC[5] = npcInteract; roomsREACT.ITEM[5] = itemInteract; }; floorInfo.roomEVENTS[5] = floor_baesIx_6; var floor_baesIx_7 = function () { floorInfo.roomNAME[6] = "Dungeon: Baes Ix.

Floor Seven.

" if(!usedMap[floorStatistics.currentFloor]){ grid[8][19] = KEY; grid[1][9] = ITEM; grid[0][19] = UPSTAIRS; grid[20][10] = DOWNSTAIRS; } roomTrap = function() {}; npcInteract = function() {}; enemyInteract = function() {}; bossInteract = function() {}; exitInteract = function() {}; portalInteract = function() {}; eventInteract = function() {}; collectInteract = function() {}; eventInteract = function() {}; itemInteract = function() {}; roomsREACT.SWITCH[6] = roomSwitch; roomsREACT.SWITCHED[6] = roomSwitch; roomsREACT.NPC[6] = npcInteract; roomsREACT.ITEM[6] = itemInteract; }; floorInfo.roomEVENTS[6] = floor_baesIx_7; var floor_baesIx_8 = function () { floorInfo.roomNAME[7] = "Dungeon: Baes Ix.

Floor Eight.

" if(!usedMap[floorStatistics.currentFloor]){ grid[8][19] = KEY; grid[1][9] = ITEM; grid[10][0] = UPSTAIRS; grid[20][19] = DOWNSTAIRS } roomTrap = function() {}; npcInteract = function() {}; enemyInteract = function() {}; bossInteract = function() {}; exitInteract = function() {}; portalInteract = function() {}; eventInteract = function() {}; collectInteract = function() {}; eventInteract = function() {}; itemInteract = function() {}; roomsREACT.SWITCH[7] = roomSwitch; roomsREACT.SWITCHED[7] = roomSwitch; roomsREACT.NPC[7] = npcInteract; roomsREACT.ITEM[7] = itemInteract; }; floorInfo.roomEVENTS[7] = floor_baesIx_8; var floor_baesIx_9 = function () { floorInfo.roomNAME[8] = "Dungeon: Baes Ix.

Floor Nine.

" if(!usedMap[floorStatistics.currentFloor]){ grid[8][19] = KEY; grid[1][9] = ITEM; grid[10][20] = DOWNSTAIRS; grid[10][0] = UPSTAIRS; } roomTrap = function() {}; npcInteract = function() {}; enemyInteract = function() {}; bossInteract = function() {}; exitInteract = function() {}; portalInteract = function() {}; eventInteract = function() {}; collectInteract = function() {}; eventInteract = function() {}; itemInteract = function() {}; roomsREACT.SWITCH[8] = roomSwitch; roomsREACT.SWITCHED[8] = roomSwitch; roomsREACT.NPC[8] = npcInteract; roomsREACT.ITEM[8] = itemInteract; }; floorInfo.roomEVENTS[8] = floor_baesIx_9; var floor_baesIx_Top = function () { floorInfo.roomNAME[9] = "Dungeon: Baes Ix.

Top Floor.

" if(!usedMap[floorStatistics.currentFloor]){ grid[10][0] = DOWNSTAIRS; grid[10][19] = EVENT; grid[2][2] = KEY; } roomTrap = function() {}; npcInteract = function() {}; enemyInteract = function() {}; bossInteract = function() {}; exitInteract = function() {}; portalInteract = function() {}; eventInteract = function() {}; collectInteract = function() {}; eventInteract = function() { if (grid[newX][newY] === EVENT) { if (playerCollectibles.dungeonKeys === 0) { msg = "You found a hidden door!

Looks like it needs a key...

" systemSpeak(msg); } if (playerCollectibles.dungeonKeys > 0) { msg = "You found a hidden door!
Use the key to escape?

" yes = "Escape Dungeon Baes Ix."; no = "Sit Tight." yesResult = `grid[10][20] = EXIT;grid[10][19] = ""; document.getElementById("grid_10_20").className = "grid"; document.getElementById("grid_10_20").innerHTML = ""; playerCollectibles.dungeonKeys--; storyProgress.quest[0] = 100; storyProgress.questName[0] = "Find a way out of the dungeon. [Complete]"; storyProgress.objectiveName[0] = "~~Use the key to escape the Prisoner Tank.~~
"+ "~~Find a way out of the Dungeon.~~
"+ "Quest Complete. 1000 EXP!"; systemSpeak("New Objective.
"+storyProgress.questName[0]+"
"+storyProgress.objectiveName[0]+"
Quest "+storyProgress.quest[0]+"% complete."); ` noResult = "closeDisplay(); "; systemConfirm(msg, yes, no, yesResult, noResult); } } }; roomsREACT.EVENT[9] = eventInteract; itemInteract = function() {}; roomsREACT.SWITCH[9] = roomSwitch; roomsREACT.SWITCHED[9] = roomSwitch; roomsREACT.NPC[9] = npcInteract; roomsREACT.ITEM[9] = itemInteract; }; floorInfo.roomEVENTS[9] = floor_baesIx_Top; var floor_forest_yard = function () { floorInfo.roomNAME[10] = "Dungeon: Baes Ix.

Yard.

" if(!usedMap[floorStatistics.currentFloor]){ grid[10][0] = EXIT; box_5x5(2,2); box_5x5(11,11); box_3x3(15,2); box_3x3(2,12); vLine_5x1(19,1); vLine_5x1(18,2); vLine_5x1(9,14); vLine_5x1(10,15); grid[1][1] = KEY; hLine_5x1(1,19); hLine_5x1(2,18); hLine_5x1(10,19); hLine_5x1(15,19); } roomTrap = function() {}; npcInteract = function() {}; enemyInteract = function() {}; bossInteract = function() {}; exitInteract = function() {}; portalInteract = function() {}; eventInteract = function() { setLocation( lastPositionX, lastPositionY ); msg = "You found a key!

Leave it and pretend you didn't see it? Or try to escape?

" yes = "Escape."; no = "Leave it." yesResult = `grid[1][1] = ""; document.getElementById("grid_1_1").innerHTML = ""; playerCollectibles.dungeonKeys++; setLocation( 1, 1 ); storyProgress.quest[0] = 10; storyProgress.objectiveName[0] = "Use the key to escape the Prisoner Tank." systemSpeak("New Objective.
"+storyProgress.questName[0]+"
"+storyProgress.objectiveName[0]+"
Quest "+storyProgress.quest[0]+"% complete."); ` noResult = "closeDisplay(); "; systemConfirm(msg, yes, no, yesResult, noResult); return; }; keyInteract = function() {}; roomsREACT.KEY[10] = eventInteract; collectInteract = function() {}; eventInteract = function() {}; itemInteract = function() {}; roomsREACT.SWITCH[10] = roomSwitch; roomsREACT.SWITCHED[10] = roomSwitch; roomsREACT.NPC[10] = npcInteract; roomsREACT.ITEM[10] = itemInteract; }; floorInfo.roomEVENTS[10] = floor_forest_yard; /* ====================================*/ /* Function declaring variables for ***ALL MAPS AND COLLISIONS**** */ /*=================================*/ function floorMap (x) { var mapWrapper = document.getElementById("mapWrapper"); floorStatistics.currentFloor = x; /*=================================* SETTING THE MAP FLOOR BACKGROUND *=================================*/ if (x>=0 && x <= 9) { floorStatistics.dungeonName = "baesIx" } if (x>=10 && x <= 19) { floorStatistics.dungeonName = "forest" } if (x>=20 && x <= 29) { floorStatistics.dungeonName = "iceForest" } if (x>=30 && x <= 49) { floorStatistics.dungeonName = "forest" } if (x>=0 && x <= 9) //Baes Ix Dungeon { floorStatistics.bgImg = map1.src; } if (x>=10 && x <= 19) //Forest Path { floorStatistics.bgImg = map2.src; } if (x>=20 && x <= 29) //Elemental Forest: Ice; { floorStatistics.bgImg = map2.src; } if (x>=30 && x <= 39) // Hedge Maze { floorStatistics.bgImg = map1.src; } if (x>=40 && x <= 49) // Open Field { floorStatistics.bgImg = map1.src; } mapWrapper.style.backgroundImage = "url('"+floorStatistics.bgImg+"')" /*=================================* SETTING THE MAP NAME AND STATISTICS FOR LOCATIONS *=================================*/ floorStatistics.floorMap = floorInfo.roomEVENTS[floorStatistics.currentFloor]; floorStatistics.floorMap(); if(usedMap[floorStatistics.currentFloor]) {grid = usedMap[floorStatistics.currentFloor]} floorStatistics.floorName = floorInfo.roomNAME[floorStatistics.currentFloor]; systemSpeak(floorStatistics.floorName); floorInfo.roomVISITS[floorStatistics.currentFloor]++; } /*=================================* CALLS THE FUNCTIONS TO START A NEW MAP FLOOR *=================================*/ function renderMap(x) { clearGrid(); document.getElementById(`mapWrapper`).innerHTML = ``; floorMap(x); startMap(); } /*=================================* STARTS A NEW MAP FLOOR WITH PLAYER AT A SET LOCATION *=================================*/ function travel(m, x, y) { renderMap(x); setLocation(x, y); } var msg; function out(x) { document.getElementById("msg").innerHTML += x+"
" ; } var door = 0; /*=================================* SETS UP THE MAP BASED ON VARIABLES (Proposed) Make this increment and decrement the amount of items on the map. Semi functional, add a clear to clear Grid for items left stat *=================================*/ function startMap() { mapWrapper = document.getElementById("mapWrapper"); for (y=0; y<=gridSize; y++) { if (y%gridSize) { mapWrapper.innerHTML += "
"} for (x=0; x"; thisGrid = grid[x][y]; /* ===================== * TELLING THE GRID NOT TO WALL OFF DOORS AND EXITS * ====================== */ if (x === 0) {if ((thisGrid < 100 && thisGrid > 104) || thisGrid === "") {grid[x][y] = WALL;}} if (y === 0) {if ((thisGrid < 100 && thisGrid > 104) || thisGrid === "") {grid[x][y] = WALL;}} if (x === 20) {if ((thisGrid < 100 && thisGrid > 104) || thisGrid === "") {grid[x][y] = WALL;}} if (y === 20) {if ((thisGrid < 100 && thisGrid > 104) || thisGrid === "") {grid[x][y] = WALL;}} /* ===================== * COLLECTIBLES * ====================== */ if (grid[x][y] == ITEM) { document.getElementById("grid_"+x+"_"+y).innerHTML += "' } if (grid[x][y] == KEY) { floorStatistics.dungeonKeys++; document.getElementById("grid_"+x+"_"+y).innerHTML += "

'} if (grid[x][y] == COIN) { document.getElementById("grid_"+x+"_"+y).innerHTML += "

'} /* ===================== * EVENTS * ====================== */ if (grid[x][y] == ENEMY) { document.getElementById("grid_"+x+"_"+y).innerHTML += "#"} if (grid[x][y] == NPC) { document.getElementById("grid_"+x+"_"+y).className = "exitTile"; } if (grid[x][y] == SWITCH) { document.getElementById("grid_"+x+"_"+y).className = "switchUP"; } if (grid[x][y] == SWITCHED) { document.getElementById("grid_"+x+"_"+y).className = "switchDOWN";} if (grid[x][y] == TRAP) { document.getElementById("grid_"+x+"_"+y).className = "chestTile"; document.getElementById("grid_"+x+"_"+y).innerHTML += "' } /* ===================== * WALLS, EXITS, and STAIRS * ====================== */ if (grid[x][y] == WALL) { document.getElementById("grid_"+x+"_"+y).className = "wallTile"; document.getElementById("grid_"+x+"_"+y).className = "wallTile "+floorStatistics.dungeonName; } if (grid[x][y] == EXIT) { document.getElementById("grid_"+x+"_"+y).className = "grid"; document.getElementById("grid_"+x+"_"+y).innerHTML += "'} if (grid[x][y] == PORTAL) { document.getElementById("grid_"+x+"_"+y).className = "grid"; document.getElementById("grid_"+x+"_"+y).innerHTML += "'} if (grid[x][y] == UPSTAIRS) { document.getElementById("grid_"+x+"_"+y).className = "grid"; document.getElementById("grid_"+x+"_"+y).innerHTML += "'} if (grid[x][y] == DOWNSTAIRS) { document.getElementById("grid_"+x+"_"+y).className = "grid"; document.getElementById("grid_"+x+"_"+y).innerHTML += "'} /* ===================== * INTERNAL DOORS * ====================== */ if (grid[x][y] == DOOR) { document.getElementById("grid_"+x+"_"+y).className = "doorTile"; document.getElementById("grid_"+x+"_"+y).innerHTML += "' } if (grid[x][y] == LOCKED) { document.getElementById("grid_"+x+"_"+y).className = "doorTile"; document.getElementById("grid_"+x+"_"+y).innerHTML += "'} if (grid[x][y] == GATE) { document.getElementById("grid_"+x+"_"+y).className = "doorTile"; document.getElementById("grid_"+x+"_"+y).innerHTML += "'} /* ===================== * CHESTS * ====================== */ if (grid[x][y] == CHEST) { document.getElementById("grid_"+x+"_"+y).className = "doorTile"; document.getElementById("grid_"+x+"_"+y).innerHTML += "'} if (grid[x][y] == SAFE) { document.getElementById("grid_"+x+"_"+y).className = "chestTile"; document.getElementById("grid_"+x+"_"+y).innerHTML += "'} if (grid[x][y] == OPENED) { document.getElementById("grid_"+x+"_"+y).className = "chestTile"; document.getElementById("grid_"+x+"_"+y).innerHTML += "'} } } mapWrapper.style.visibility = "visible"; document.getElementById("controller").style.visibility = "visible"; } /* Internal functions for moving the player around */ //Create X, Y coordinates function Vector2( x, y ){ this.x = x; this.y = y; } /* ======================= * Player Sprite Object * ======================= */ var myPlayer = { position: new Vector2( 0, 0 ), }; var newX, newY; function setLocation(x, y) { newX = x; myPlayer.position.x = x; newY = y; myPlayer.position.y = y; document.getElementById("player").style.left = x*gridXsize + "vw"; document.getElementById("player").style.top = y*gridYsize + "vh"; } var gridXsize = 4.75 // screen.width 360 / 20; IF px, we're using vw and vh here var gridYsize = 3.85 // screen.height 640 / 27.7ish gridXsize = 100/gridSize; gridYsize = 80/gridSize; function setInMotionX() { document.getElementById("player").style.left = newX*gridXsize + "vw"; } function setInMotionY() { document.getElementById("player").style.top = newY*gridYsize + "vh"; } var walkTimer = false; function pressButton(x) { if (walkTimer === false) { walkTimer = true; switch(x) { case 'up': setTimeout(function(){ moveUp(); walkTimer = false}, 250); break; case 'down': setTimeout(function(){ moveDown(); walkTimer = false}, 250); break; case 'left': setTimeout(function(){ moveLeft(); walkTimer = false}, 250); break; case 'right': setTimeout(function(){ moveRight(); walkTimer = false}, 250); break; } } } function moveUp() { lastPositionY = myPlayer.position.y; lastPositionX = myPlayer.position.x; myPlayer.position.y = myPlayer.position.y-1; newY = (myPlayer.position.y); setInMotionY(); checkForCollision(newX,newY); saveMe(); } function moveDown() { lastPositionY = myPlayer.position.y; lastPositionX = myPlayer.position.x; myPlayer.position.y = myPlayer.position.y+1; newY = (myPlayer.position.y); setInMotionY(); checkForCollision(newX,newY); saveMe(); } function moveLeft() { lastPositionX = myPlayer.position.x; lastPositionY = myPlayer.position.y; myPlayer.position.x = myPlayer.position.x-1; newX = (myPlayer.position.x); setInMotionX(); checkForCollision(newX,newY); saveMe(); } function moveRight() { lastPositionX = myPlayer.position.x; lastPositionY = myPlayer.position.y; myPlayer.position.x = myPlayer.position.x+1; newX = (myPlayer.position.x); setInMotionX(); checkForCollision(newX,newY); saveMe(); } function save_Floor(m) { for (y=0; yTotal: "+playerCollectibles.dungeonKeys+"
Left: "+floorStatistics.dungeonKeys) //Collision with COIN out to debug console grid[ newX ][ newY ] = ""; document.getElementById("grid_"+newX+"_"+newY).innerHTML = ""; } //Reset graphics and variables associated with coin break; case COIN: if (roomsREACT.COIN[floorStatistics.currentFloor]) { roomsREACT.COIN[floorStatistics.currentFloor](); } playerCollectibles.coins++; out("Coin found.
Total: "+playerCollectibles.coins) //Collision with COIN out to debug console grid[ newX ][ newY ] = ""; document.getElementById("grid_"+newX+"_"+newY).innerHTML = ""; //Reset graphics and variables associated with coin break; case ITEM: if (roomsREACT.ITEM[floorStatistics.currentFloor]) { roomsREACT.ITEM[floorStatistics.currentFloor](); } playerCollectibles.items++; out("Item Found."); grid[ newX ][ newY ] = ""; document.getElementById("grid_"+newX+"_"+newY).innerHTML = ""; //erases the enemy's grid location on the map break; case ENEMY: if (roomsREACT.ENEMY[floorStatistics.currentFloor]) { roomsREACT.ENEMY[floorStatistics.currentFloor](); } else { playerCollectibles.enemies++; out("Enemy Encounter") //Collision with enemy out to Debug Console grid[ newX ][ newY ] = ""; document.getElementById("grid_"+newX+"_"+newY).innerHTML = ""; } //erases the enemy's grid location on the map break; case SWITCH: if (roomsREACT.SWITCH[floorStatistics.currentFloor]) { roomsREACT.SWITCH[floorStatistics.currentFloor](); } grid[newX][newY] = SWITCHED; out(`Switch On.`); roomSwitch(true); document.getElementById("grid_"+newX+"_"+newY).className = "switchDOWN"; break; case SWITCHED: if (roomsREACT.SWITCHED[floorStatistics.currentFloor]) { roomsREACT.SWITCHED[floorStatistics.currentFloor](); } grid[newX][newY] = SWITCH; out(`Switch Off.`); roomSwitch(false); document.getElementById("grid_"+newX+"_"+newY).className = "switchUP"; break; case WALL: if (roomsREACT.WALL[floorStatistics.currentFloor]) { roomsREACT.WALL[floorStatistics.currentFloor](); } else { out("Thats a wall") //Collision with wall setLocation(lastPositionX, lastPositionY); //You can't go that way } break; case OBJECT: if (roomsREACT.OBJECT[floorStatistics.currentFloor]) { roomsREACT.OBJECT[floorStatistics.currentFloor](); } else { out("Solid object collision") //Collision with wall setLocation(lastPositionX, lastPositionY); //You can't go that way } break; case CHEST: if (roomsREACT.CHEST[floorStatistics.currentFloor]) { roomsREACT.CHEST[floorStatistics.currentFloor](); } else { out("Opened a chest.") grid[newX][newY] = OPENED; document.getElementById("grid_"+newX+"_"+newY).innerHTML = "' document.getElementById("grid_"+newX+"_"+newY).className = "exitTile"; setLocation(lastPositionX, lastPositionY); } //You can't go that way break; case SAFE: if (roomsREACT.SAFE[floorStatistics.currentFloor]) { roomsREACT.SAFE[floorStatistics.currentFloor](); } else { if (playerCollectibles.dungeonKeys === 0){ out("Locked Chest") //Collision with wall systemSpeak("This chest is locked."); } else { out("Opened a chest.") playerCollectibles.dungeonKeys =playerCollectibles.dungeonKeys - 1; grid[newX][newY] = OPENED; document.getElementById("grid_"+newX+"_"+newY).innerHTML = "' document.getElementById("grid_"+newX+"_"+newY).className = "exitTile"; setLocation(lastPositionX, lastPositionY); } setLocation(lastPositionX, lastPositionY); } break; case OPENED: if (roomsREACT.OPENED[floorStatistics.currentFloor]) { roomsREACT.OPENED[floorStatistics.currentFloor](); } else { out("Item obtained.") grid[newX][newY] = ""; document.getElementById("grid_"+newX+"_"+newY).innerHTML = ""; setLocation(lastPositionX, lastPositionY); } //You can't go that way break; case DOOR: if (roomsREACT.DOOR[floorStatistics.currentFloor]) { roomsREACT.DOOR[floorStatistics.currentFloor](); } else { if (playerCollectibles.dungeonKeys === 0){ systemSpeak("This door is locked.") //Collision with wall setLocation(lastPositionX, lastPositionY); //You can't go that way } else { playerCollectibles.dungeonKeys = playerCollectibles.dungeonKeys - 1; grid[newX][newY] = EXIT; document.getElementById("grid_"+newX+"_"+newY).innerHTML = ""; document.getElementById("grid_"+newX+"_"+newY).className = "exitTile"; setLocation(lastPositionX, lastPositionY); systemSpeak("This door is unlocked. "+playerCollectibles.dungeonKeys+" keys left.") } } break; case GATE: if (roomsREACT.GATE[floorStatistics.currentFloor]) { roomsREACT.GATE[floorStatistics.currentFloor](); } else { if (playerCollectibles.dungeonKeys === 0){ systemSpeak("This door is locked.") //Collision with wall setLocation(lastPositionX, lastPositionY); //You can't go that way } if (playerCollectibles.dungeonKeys > 0) { msg = " Use the key to open the door?
" yes = "Open the door."; no = "Nevermind." yesResult = `grid[`+newX+`][`+newY+`] = ""; document.getElementById("grid_`+newX+`_`+newY+`").className = "grid"; document.getElementById("grid_`+newX+`_`+newY+`").innerHTML = ""; playerCollectibles.dungeonKeys--; setLocation( `+ newX +`,`+ newY +` ); systemSpeak("Door Unlocked."); ` noResult = "closeDisplay();"; systemConfirm(msg, yes, no, yesResult, noResult); setLocation(lastPositionX, lastPositionY); } } break; case EXIT: if (roomsREACT.EXIT[floorStatistics.currentFloor]) { roomsREACT.EXIT[floorStatistics.currentFloor](); } else { switch(floorStatistics.currentFloor) { case 0: save_Floor(0); toggleHide("controller"); mapWrapper.style.visibility = "hidden"; setTimeout(function(){ renderMap(10); setLocation(10, 1); },3); break; case 9: save_Floor(9); toggleHide("controller"); mapWrapper.style.visibility = "hidden"; setTimeout(function(){ systemSpeak("That's all for now.
You Win!

Great Job!
In the next update, this will be the end of the tutorial."); document.getElementById("mapWrapper").style.display = "none"; document.getElementById("player").style.display = "none";},3); break; /* ================= * END of "Baes Ix" BASICS TUTORIAL DUNGEON Exits * ================== * START of the Forest Path Area Exits * ================= */ case 10: save_Floor(10); toggleHide("controller"); mapWrapper.style.visibility = "hidden"; setTimeout(function() { renderMap(0); setLocation(9,19); },3); break; } } break; /* ================= * END of EXIT Switch * ================== * START of the PORTAL Switch * ================= */ case PORTAL: switch(floorStatistics.currentFloor) { /* ================== * START of the Forest Path Area Portals * ================= */ case 10: save_Floor(10); toggleHide("controller"); mapWrapper.style.visibility = "hidden"; setTimeout(function() { renderMap(0); setLocation(9, 19); },3); break; } case UPSTAIRS: switch(floorStatistics.currentFloor) { case 0: save_Floor(0); toggleHide("controller"); mapWrapper.style.visibility = "hidden"; setTimeout(function(){ renderMap(1); setLocation(10, 19); },3); break; case 1: save_Floor(1); toggleHide("controller"); mapWrapper.style.visibility = "hidden"; setTimeout(function(){ renderMap(2); setLocation(19, 10); },3); break; case 2: save_Floor(2); toggleHide("controller"); mapWrapper.style.visibility = "hidden"; setTimeout(function(){ renderMap(3); setLocation(19, 15); },3); break; case 3: save_Floor(3); toggleHide("controller"); mapWrapper.style.visibility = "hidden"; setTimeout(function(){ renderMap(4); setLocation(19, 19); },3); break; case 4: save_Floor(4); toggleHide("controller"); mapWrapper.style.visibility = "hidden"; setTimeout(function(){ renderMap(5); setLocation(19, 1); },3); break; case 5: save_Floor(5); toggleHide("controller"); mapWrapper.style.visibility = "hidden"; setTimeout(function() { renderMap(6); setLocation(19, 10); },3); break; case 6: save_Floor(6); toggleHide("controller"); mapWrapper.style.visibility = "hidden"; setTimeout(function() { renderMap(7); setLocation(19, 19); },3); break; case 7: save_Floor(7); toggleHide("controller"); mapWrapper.style.visibility = "hidden"; setTimeout(function() { renderMap(8); setLocation(10, 19); },3); break; case 8: save_Floor(8); toggleHide("controller"); mapWrapper.style.visibility = "hidden"; setTimeout(function() { renderMap(9); setLocation(10, 1); },3); break; case 9: save_Floor(9); toggleHide("controller"); mapWrapper.style.visibility = "hidden"; setTimeout(function() { renderMap(0); setLocation(10, 11); },3); break; /* ================= * END of "Baes Ix" BASICS TUTORIAL DUNGEON UPSTAIRS * ================== * START of the Forest Path Area UPSTAIRS * ================= */ case 10: save_Floor(10); toggleHide("controller"); mapWrapper.style.visibility = "hidden"; setTimeout(function() { renderMap(0); setLocation(lastPositionX, lastPositionY); },3); break; } break; /* ================= * END of UPSTAIRS Switch * ================== * START of the DOWNSTAIRS Switch * ================= */ case DOWNSTAIRS: switch(floorStatistics.currentFloor) { case 0: save_Floor(0); toggleHide("controller"); mapWrapper.style.visibility = "hidden"; setTimeout(function(){ renderMap(10); setLocation(10, 1); },3); break; case 1: save_Floor(1); toggleHide("controller"); mapWrapper.style.visibility = "hidden"; setTimeout(function(){ renderMap(0); setLocation(10, 1); },3); break; case 2: save_Floor(2); toggleHide("controller"); mapWrapper.style.visibility = "hidden"; setTimeout(function(){ renderMap(1); setLocation(1, 10); },3); break; case 3: save_Floor(3); toggleHide("controller"); mapWrapper.style.visibility = "hidden"; setTimeout(function(){ renderMap(2); setLocation(1, 15); },3); break; case 4: save_Floor(4); toggleHide("controller"); mapWrapper.style.visibility = "hidden"; setTimeout(function(){ renderMap(3); setLocation(1, 19); },3); break; case 5: save_Floor(5); toggleHide("controller"); mapWrapper.style.visibility = "hidden"; setTimeout(function() { renderMap(4); setLocation(1, 1); },3); break; case 6: save_Floor(6); toggleHide("controller"); mapWrapper.style.visibility = "hidden"; setTimeout(function() { renderMap(5); setLocation(1, 10); },3); break; case 7: save_Floor(7); toggleHide("controller"); mapWrapper.style.visibility = "hidden"; setTimeout(function() { renderMap(6); setLocation(1, 19); },3); break; case 8: save_Floor(8); toggleHide("controller"); mapWrapper.style.visibility = "hidden"; setTimeout(function() { renderMap(7); setLocation(10, 1); },3); break; case 9: save_Floor(9); toggleHide("controller"); mapWrapper.style.visibility = "hidden"; setTimeout(function() { renderMap(8); setLocation(10, 1); },3); break; /* ================= * END of "Baes Ix" BASICS TUTORIAL DUNGEON DOWNSTAIRS * ================== * START of the Forest Path Area DOWNSTAIRS * ================= */ case 10: save_Floor(10); toggleHide("controller"); mapWrapper.style.visibility = "hidden"; setTimeout(function() { renderMap(9); setLocation(lastPositionX, lastPositionY); },3); break; } break; default: // He is safe to walk now break; } } /*==============================================*/ /*==============================================*/ /* ** Functions for Easier Object Manipulation ** /* /*==============================================*/ /*==============================================*/ function dismiss(x) { document.getElementById(x).style.display = "none"; } function unDismiss(x) { document.getElementById(x).style.display = "block"; } function toggleHide(x) { if( document.getElementById(x).style.visibility === "hidden") {document.getElementById(x).style.visibility = "visible"; } else { document.getElementById(x).style.visibility = "hidden"; } } function toggleHideByClass(y) { arr = Array.prototype.slice.call(document.getElementsByClassName(y)); arr.forEach(function(item){ if (item.style.visibility === "hidden") { item.style.visibility = "visible" } else { item.style.visibility = "hidden" } }); } function toggleHideByTag(y) { arr = Array.prototype.slice.call(document.getElementsByTagName(y)); arr.forEach(function(item){ item.style.visibility = "hidden"}); } /*==============================================*/ /*==============================================*/ /* ** Draggable UX Module ** -- Original Code Borrowed From StackOverflow, adapted for use by me. Will credit better later. /* /*==============================================*/ /*==============================================*/ function drag_start(event) { var style = window.getComputedStyle(event.target, null); event.dataTransfer.setData("text/plain", (parseInt(style.getPropertyValue("left"),10) - event.clientX) + ',' + (parseInt(style.getPropertyValue("top"),10) - event.clientY)); } function drag_over(event) { event.preventDefault(); return false; } function drag_start(event) { var style = window.getComputedStyle(event.target, null); event.dataTransfer.setData("text/plain", (parseInt(style.getPropertyValue("left"),10) - event.clientX) + ',' + (parseInt(style.getPropertyValue("top"),10) - event.clientY)); } var dm; function drop(event) { var offset = event.dataTransfer.getData("text/plain").split(','); dm.style.left = (event.clientX + parseInt(offset[0],10)) + 'px'; dm.style.top = (event.clientY + parseInt(offset[1],10)) + 'px'; event.preventDefault(); return false; } function drag_over(event) { event.preventDefault(); return false; } window.onload = function() { var dm; document.getElementById("controller").addEventListener('dragstart', drag_start,false); document.body.addEventListener('dragover',drag_over,false); document.body.addEventListener('drop',drop,false); }; /* ================================================ */ /* SIGN IN SCRIPT */ /* ================================================ */ var loadAnimation; var authText; var accountDetected; // Initialize Firebase var config = { apiKey: "AIzaSyDm1lmp5AXGhRShuzkqfqDSSa3Ee4nkdg0", authDomain: "battler-9d8fc.firebaseapp.com", databaseURL: "https://battler-9d8fc.firebaseio.com", projectId: "battler-9d8fc", storageBucket: "battler-9d8fc.appspot.com", messagingSenderId: "668291836262" }; firebase.initializeApp(config); var provider = new firebase.auth.GoogleAuthProvider(); var database = firebase.database(); var userEmail; function signIn(x) { switch (x) { case "Email": email = document.getElementById("emailInput").value; userEmail = email; password = document.getElementById("passwordInput").value; if (email === null) { alert("Enter a valid email address"); } firebase.auth().createUserWithEmailAndPassword(email, password).catch(function(error) { // Handle Errors here. errorCode = error.code; errorMessage = error.message; if (error.message === "The email address is already in use by another account.") { accountDetected = true; firebase.auth().signInWithEmailAndPassword(email, password).catch(function(error) { // Handle Errors here. errorCode = error.code; errorMessage = error.message; if (error.message) { document.getElementById("modalWrapper").style.display = "none"; clearInterval(loadAnimation); } // ... alert(error.message); }); } else { firebase.auth().signInWithEmailAndPassword(email, password).catch(function(error) { // Handle Errors here. errorCode = error.code; errorMessage = error.message; if (error.message) { document.getElementById("modalWrapper").style.display = "none"; clearInterval(loadAnimation); } alert(error.message); } // ... ); } }); } } firebase.auth().onAuthStateChanged(function(user) { if (user !== null) { if (accountDetected === true) { document.getElementById("signIn").style.display = "none"; setTimeout(function(){updateUserProfile(userEmail);}, 30); document.getElementById("modalWrapper").style.display = "none"; clearInterval(loadAnimation); loadMe(); } else { document.getElementById("signIn").style.display = "none"; setTimeout(function(){createUserProfile(userEmail);}, 30); document.getElementById("signIn").style.display = "none"; document.getElementById("modalWrapper").style.display = "none"; clearInterval(loadAnimation); loadMe(); } } else { if (document.getElementById("modalWrapper")){document.getElementById("modalWrapper").style.display = "none";} clearInterval(loadAnimation); } }); function signOut() { firebase.auth().signOut().then(function() { // Sign-out successful. document.getElementById("authWrapper").style.display = "block"; }).catch(function(error) { // An error happened. }); } function createUserProfile() { e_mail = userEmail; userId = firebase.auth().currentUser.uid; firebase.database().ref('users/' + userId).set({ "email": e_mail, }); } function updateUserProfile() { e_mail = userEmail; userId = firebase.auth().currentUser.uid; firebase.database().ref('users/' + userId).update({ "email": e_mail }); } var saveData; var startup; function loadMe() { startup = true; userId = firebase.auth().currentUser.uid; firebase.database().ref('save_files/' + userId + '/saveData/').once('value', function(snapshot) { if (loadGame === true) { saveData = snapshot.val(); h = saveData.position.position_x; v = saveData.position.position_y; playerCollectibles = saveData.playerCollectibles; clearGrid(); floorVisits = saveData.floorVisits; usedMap = saveData.currentMap; usedGrid = saveData.thisRoom; renderMap(saveData.currentFloor); setLocation(h, v); } if (newGame === true) { clearGrid(); floorMap(0); startMap(); setLocation(10, 11); newGame=false; } }); } function saveMe() { userId = firebase.auth().currentUser.uid; firebase.database().ref('save_files/' + userId).update({ "saveData": { "position": { "position_x": myPlayer.position.x, "position_y": myPlayer.position.y, }, "thisRoom": grid, "currentMap": usedMap || null, "playerCollectibles": playerCollectibles, "currentFloor": floorStatistics.currentFloor, "floorVisits": floorVisits, } }); } function authLoading() { document.getElementById("modalWrapper").style.display = "block"; document.getElementById("modalLoader").innerHTML = authText+""; if (document.getElementById("loadingDots")) { loadAnimation = setInterval(function(){ document.getElementById("loadingDots").innerHTML = "."; setTimeout(function(){ document.getElementById("loadingDots").innerHTML += "."; },300); setTimeout(function(){ document.getElementById("loadingDots").innerHTML += "."; },600); },900); } } signOut();

[New Look] Dungeon Escape w/ Save