// --- This is the Beginning of the WALKER CODE --- // var x; var y; var p = document.createElement('p'); //output -> [object HTMLDivElement] function gameStart() { X = Math.ceil(Math.random() * 8); Y = Math.ceil(Math.random() * 8); document.getElementById("Start").style.display = "none"; document.getElementById("mapWrapper").style.display = "block"; if (score > 0) { coinZ = "grid[" + X + "][" + Y + "]"; setLocation(5,6); Z = Math.floor(Math.random() * 5); } } /*EventListener waits for you to press a key Calls a function to test which key is pressed*/ window.onload = function() { function gameStart() { X = Math.ceil(Math.random() * 8); Y = Math.ceil(Math.random() * 8); document.getElementById("Start").style.display = "none"; document.getElementById("mapWrapper").style.display = "block"; if (score > 0) { coinZ = "grid[" + X + "][" + Y + "]"; setLocation(5,6); Z = Math.floor(Math.random() * 5); } } document.body.addEventListener("keypress", controlPressed); function controlPressed(y) { var x = y.which || y.keyCode; msg += x; if (x === 32) { out( "Spacebar was pressed."); } else if (x === 56) { out( "8 was pressed."); moveUp(); } else if (x === 54) { out( "6 was pressed."); moveRight(); } else if (x === 52) { out( "4 was pressed."); moveLeft(); } else if (x === 50) { out( "2 was pressed."); moveDown(); } } //Simple output function to test variables var msg = ""; var outputbox = document.getElementById( "output" ); var scorebox = document.getElementById( "outputScore" ) function out( msg ) { outputbox.innerHTML = msg; } score = 0; function scoreOut(x) { x += 1; score = score + x*10; scorebox.innerHTML = "Score: " + score; if (score === 1000) { document.getElementById("mapWrapper").style.display = "none"; document.getElementById("Start").style.display = "block" } } //Create X, Y coordinates function Vector2( x, y ){ this.x = x; this.y = y; } //Create our player var myPlayer = { position: new Vector2( 0, 0 ), }; function setInMotionX() { document.getElementById("playerDot").style.left = newX*45 } function setInMotionY() { document.getElementById("playerDot").style.top = newY*45 } function setLocation(x, y) { newX = x; newY = y; document.getElementById("playerDot").style.left = x*45 myPlayer.position.x = x; document.getElementById("playerDot").style.top = y*45 myPlayer.position.y = y; } function setCOINLocation(x, y, z) { coinX = x; coinY = y; document.getElementById(z).style.left = x*45 document.getElementById(z).style.top = y*45 } function setENEMYLocation(x, y, z) { enemyX = x; enemyY = y; document.getElementById(z).style.left = x*45 document.getElementById(z).style.top = y*45 } function hideCOINLocation(X,Y) { coinZ = "grid[" + X + "][" + Y + "]"; out ( "Hello") if ( coinZ == "grid[" + 5 + "][" + 1 + "]" ) { out( "Collision with Coin 0") scoreOut(1); document.getElementById("coinDot0").style.display = "none" } else if ( coinZ == "grid[" + 9 + "][" + 1 + "]" ) { out( "Collision with Coin 1") scoreOut(1); document.getElementById("coinDot1").style.display = "none" } else if ( coinZ == "grid[" + 7 + "][" + 6 + "]" ) { out( "Collision with Coin 2") scoreOut(1); document.getElementById("coinDot2").style.display = "none" } else if ( coinZ == "grid[" + 8 + "][" + 6 + "]" ) { out( "Collision with Coin 3") scoreOut(1); document.getElementById("coinDot3").style.display = "none" } else if ( coinZ == "grid[" + 8 + "][" + 8 + "]" ) { out( "Collision with Coin 4") scoreOut(1); document.getElementById("coinDot4").style.display = "none" } } setLocation(5,6); /* This function declares the position on the grid, then creates a variable that will help place the player sprite on the map */ 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); } 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); } 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); } 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); } //Define how to identify enemies and walls var ENEMY = 1; var WALL = 2; var DOOR = 3; var CHEST = 4; var COIN = 5; var gridSize = 11; //Set this to your desired size //Initialize the grid var grid = new Array( gridSize ); for( var l=0; l= 100) { document.getElementById("HPDmgWrapper").style.width = 100 + "%"; hpPercent = 100; } } function getMp() { document.getElementById("MPDmgWrapper").style.width = mpPercent + "%"; if (mpPercent <= 0) { document.getElementById("MPDmgWrapper").style.width = 0 + "%"; document.getElementById("spellCastFireball").style.display = "none"; document.getElementById("spellCannotCastFireball").style.display = "inline"; document.getElementById("spellCannotCastFireball").style.backgroundColor = "rgb(77,99,88)"; document.getElementById("spellCannotCastFireball").style.border = "1px solid rgb(77,99,88)"; document.getElementById("spellCastBlizzard").style.display = "none"; document.getElementById("spellCannotCastBlizzard").style.display = "inline"; document.getElementById("spellCannotCastBlizzard").style.backgroundColor = "rgb(77,99,88)"; document.getElementById("spellCannotCastBlizzard").style.border = "1px solid rgb(77,99,88)"; mpPercent = 0; } if (mpPercent >= 100) { document.getElementById("MPDmgWrapper").style.width = 100 + "%"; mpPercent = 100; } } function getHpE() { document.getElementById("HPDmgWrapperE").style.width = hpPercentE + "%"; if (hpPercentE <= 0) { document.getElementById("HPDmgWrapperE").style.width = 0 + "%"; hpPercentE = 0; } if (hpPercentE >= 100) { document.getElementById("HPDmgWrapperE").style.width = 100 + "%"; hpPercentE = 100; } } //Attack functions function Spell(x, y, z) { spellName = x; spellPow = y; spellElement = z; attackDamage = ( randomDmg() * 1.5 * spellPow ) * (level + 7) ; hpPercentE = hpPercentE - Math.floor(attackDamage); showSpellBox(Math.floor(attackDamage)); if (victorious === false) { setTimeout(AttackE, 1250); setTimeout(hideSpellBox, 1250); } } function useMp() { mpPercent = mpPercent - (spellPow * 10 + 15); } function Attack() { attackDamage = ( ((randomDmg()+ 10 + level) - levelE) * ((level + 1) - levelE) ) - levelE; hpPercentE = hpPercentE - attackDamage; showAttackBox(attackDamage); if (victorious === false) { setTimeout(AttackE, 1500); } } function AttackE() { if (victorious === false) { attackDamage = (((( randomDmg() + 10 ) - level ) + levelE ) - level) * (levelE + 1) ; hpPercent = hpPercent - attackDamage; showAttackBoxE(attackDamage); }setTimeout(hideAttackBox, 1000); } //Game mode functions function endBattle() { if (hpPercentE === 0){ document.getElementById("villian").style.display = "none"; document.getElementById("attackBox").style.display = "none"; document.getElementById("victoryTab").style.display = "block"; hpPercentE = 1; } else if (hpPercent === 0) { document.getElementById("hero").style.display = "none"; document.getElementById("attackBox").style.display = "none"; alert("You lose!"); hpPercent = 1; document.getElementById("villian").style.display = "none"; } } function checkForWin() { if (victorious === false) { if (hpPercentE === 0) { victorious = true; battleMusic.pause(); //-- coded out for mobile < fanfareMusic.play(); > battleMusic.currentTime = 0; setTimeout(hideSpellBox, 750); setTimeout(hideAttackBox, 750); setTimeout(hideActionMenu, 750); setTimeout(endBattle, 1000); } else if (hpPercent === 0) { victorious = true; battleMusic.pause(); battleMusic.currentTime = 0; setTimeout(endBattle, 1000); } } } //game Functions function hideVictoryTab() { document.getElementById("victoryTab").style.display = "none"; fanfareMusic.pause(); fanfareMusic.currentTime = 0; roomUnlock(); } function enterRoom(x) { victorious = false; if (x === 1) { showEnemy(1); battleMusic.play(); document.body.style = "background-image:url('http://koji.uphero.com/games/sprites/backgrounds/battleBack.png');"; document.getElementById("mapWrapper").style.display = "none"; document.getElementById("gameWrapper").style.display = "block"; showActionMenu(); } else if (x === 2) { document.body.style = "background-image:url('http://koji.uphero.com/games/sprites/backgrounds/battleBack.png');"; document.getElementById("mapWrapper").style.display = "none"; document.getElementById("gameWrapper").style.display = "block"; showActionMenu(); showEnemy(2); battleMusic.play(); } else if (x === 3) { showEnemy(3) battleMusic.play() document.body.style = "background-image:url('http://koji.uphero.com/games/sprites/backgrounds/battleBack.png');"; document.getElementById("mapWrapper").style.display = "none"; document.getElementById("gameWrapper").style.display = "block"; showActionMenu(); } else if (x === 4) { showEnemy(4); battleMusic.play(); document.body.style = "background-image:url('http://koji.uphero.com/games/sprites/backgrounds/battleBack2.jpg');"; document.getElementById("mapWrapper").style.display = "none"; document.getElementById("gameWrapper").style.display = "block"; showActionMenu(); } else if (x === 5) { document.body.style = "background-image:url('http://koji.uphero.com/games/sprites/backgrounds/battleBack2.jpg');"; document.getElementById("mapWrapper").style.display = "none"; document.getElementById("gameWrapper").style.display = "block"; showActionMenu(); showEnemy(5); battleMusic.play(); } else if (x === 6) { showEnemy(6) battleMusic.play() document.body.style = "background-image:url('http://koji.uphero.com/games/sprites/backgrounds/battleBack2.jpg');"; document.getElementById("mapWrapper").style.display = "none"; document.getElementById("gameWrapper").style.display = "block"; showActionMenu(); } } function showEnemy(x) { document.getElementById("villian").style.display = "block"; if (x === 1) { document.getElementById("ScorchedEarthGolem").style.display = "block"; } else if (x === 2) { document.getElementById("ScorchedEarthGolem").style.display = "none"; document.getElementById("EnemyTwo").style.display = "block"; document.getElementById("EnemyTwo").src = "http://koji.uphero.com/games/sprites/scorchedEarthGolem.png"; } else if (x === 3) { document.getElementById("ScorchedEarthGolem").style.display = "none"; document.getElementById("EnemyTwo").style.display = "block"; document.getElementById("EnemyTwo").src = "http://koji.uphero.com/games/sprites/mario.gif"; } else if (x === 4) { document.getElementById("EnemyTwo").style.display = "block"; document.getElementById("EnemyTwo").src = "http://koji.uphero.com/games/sprites/Mushroom.png"; } else if (x === 5) { document.getElementById("ScorchedEarthGolem").style.display = "none"; document.getElementById("EnemyTwo").style.display = "block"; document.getElementById("EnemyTwo").src = "http://koji.uphero.com/games/sprites/scorchedEarthGolem.png"; } else if (x === 6) { document.getElementById("ScorchedEarthGolem").style.display = "none"; document.getElementById("EnemyTwo").style.display = "block"; document.getElementById("EnemyTwo").src = "http://koji.uphero.com/games/sprites/mario.gif"; }} function hideEnemy() { document.getElementById("ScorchedEarthGolem").style.display = "none"; document.getElementById("EnemyTwo").style.display = "none"; } //Dialog box functions function hideActionMenu() { document.getElementById("actionMenu").style.display = "none"; } function showActionMenu() { document.getElementById("actionMenu").style.display = "block"; } function spellElementColors() { if ( spellElement === 'ice' ) { document.getElementById("spellText").style = "background-color:rgb(30,30,200); border:5px solid blue;"; } if ( spellElement === 'fire' ) { document.getElementById("spellText").style = "background-color:rgb(200,30,30); border:5px solid red;"; } } function attackGif() { document.getElementById("attackGFX").src = "http://koji.uphero.com/games/sprites/swordAttackGif.gif"; document.getElementById("attackGFX").style = "display: block" setTimeout(eraseAnimation, 1080); } function attackGifE() { document.getElementById("attackGFXE").src = "http://koji.uphero.com/games/sprites/swordAttackGif.gif"; document.getElementById("attackGFXE").style = "display: block" setTimeout(eraseAnimationE, 1080); } function spellGif() { if (spellElement === 'fire') { document.getElementById("attackGFX").src = "http://koji.uphero.com/games/sprites/fireballAnimation.gif"; document.getElementById("attackGFX").style.display = "block" setTimeout(eraseAnimation, 1080); } else if (spellElement === 'ice') { document.getElementById("attackGFX").src = "http://koji.uphero.com/games/sprites/Icesmash.gif"; document.getElementById("attackGFX").style.display = "block" setTimeout(eraseAnimation, 1080); } } function eraseAnimation() { document.getElementById("attackGFX").src = ""; document.getElementById("attackGFX").style.display = "none" } function eraseAnimationE() { document.getElementById("attackGFXE").src = ""; document.getElementById("attackGFXE").style.display = "none" } function showSpellBox(x) { spellGif(); useMp(); document.getElementById("spellBox").style.display = "block"; document.getElementById("spellBox").innerHTML = "

You cast " + spellName + " for " + x + " HP damage.

"; spellElementColors(); } function showAttackBox(x) { attackGif(); document.getElementById("attackBox").style.display = "block"; document.getElementById("attackBox").innerHTML = "

You attack for " + x + " HP damage.

"; } function showAttackBoxE(x) { attackGifE(); document.getElementById("attackBox").style.display = "block"; document.getElementById("attackBox").innerHTML ="

The enemy deals " + x + " HP damage.

"; } function hideSpellBox() { document.getElementById("spellBox").style.display = "none"; } function hideAttackBox() { document.getElementById("attackBox").style.display = "none"; } }

messing with walker adding the battles