/* Statistics and Profile Information objects statsOne, profileOne, statsTwo, and profileTwo, contain character information. */ function profile (name, classType) { this.name = "Bastard"; this.classType = "Fighter"; } var profileOne = new profile("Bastard", "Fighter"); var profileTwo = new profile("Dog", "Rogue"); function stats (atk, def, spd, mag) { this.atk = 10; this.def = 10; this.spd = 10; this.mag = 10; } var statsOne = new stats(15,10,10,8) var statsTwo = new stats(10,10,15,8); var levelE = 0.5; var statsE = { atk: 10, def: 10, spd: 10, mag: 10 }; var turn; //Music Player for running in the background var musicOn = document.getElementById('musicOnButton'); var musicOff = document.getElementById('musicOffButton'); var x; var y; // just to remember the old source musicPlayer(x) //variables for stats var hp; var hpTwo; var hpE = 1; var level = 1; var levelTwo = 1; var levelThree = 1; var levelFour = 1; var hpPercent = (hp)*100; var hpPercentTwo = (hpTwo)*100; var hpPercentE = (hpE)*100; var mpPercent = level*100; var mpPercentTwo = level*100; var mp = 10; var mpTwo = 10; var mpMax = ( (statsOne.mag * level) ); var mpMaxTwo = ( (statsTwo.mag * level) ); var hpMax = statsOne.atk; var hpMaxTwo = statsTwo.atk; var randomNumber = Math.random() * 3; var randomDamage; var attackDamage; var spellName; //Game mode variables var victorious = false; //Statistics functions //Statistics functions classTypeSet(); classTypeSetTwo(); charNameSet(); function charNameSet() { profileOne.name = "Bastard"; profileTwo.name = "Dog" } function classTypeSet() { profileOne.classType = "Fighter"; if (profileOne.classType === "Fighter"){ statsOne.atk = 15; statsOne.mag = 6; hp = 15; hpMax = 15; } } function classTypeSetTwo() { profileTwo.classType = "Rogue"; if (profileTwo.classType === "Rogue"){ statsTwo.atk = 10; statsTwo.mag = 8; hpTwo = 10; hpMaxTwo = 10; } } function randomDmg() { randomNumber = Math.random() * 3; randomDamage = Math.ceil(randomNumber); return randomDamage; } function randomRoom() { randomNumber = Math.random() * 6; randomEnemy = Math.ceil(randomNumber); return randomEnemy; } function viewActionMagic() { if (document.getElementById("actionMagic").style.display === "none") { document.getElementById("actionMenuSelect").style.display = "block"; document.getElementById("actionMagic").style.display = "block"; } else { document.getElementById("actionMagic").style.display = "none" } } function hideActionMagic() { document.getElementById("actionMagic").style.display = "none" document.getElementById("actionMenuSelect").style.display = "none"; hidePartyInventory(); } /*Inventory Functions */ var potions = 1; function setInventory() { document.getElementById("potionValue").innerHTML = inventory.potion; document.getElementById("reviveValue").innerHTML = inventory.revive; setInventoryMax(); setInventoryClick(); hideInventoryClick(); } function hideInventoryClick() { if (inventory.potion === 0) { document.getElementById("outOfPotion").style.display = "inline"; document.getElementById("usepotion").style.display = "none"; } if (inventory.revive === 0) { document.getElementById("outOfRevive").style.display = "inline"; document.getElementById("userevive").style.display = "none"; } } function setInventoryClick(x) { if (inventory.potion > 0) { document.getElementById("outOfPotion").style.display = "none"; document.getElementById("usepotion").style.display = "inline"; } if (inventory.revive > 0) { document.getElementById("outOfRevive").style.display = "none"; document.getElementById("userevive").style.display = "inline"; } } function setInventoryMax() { if (inventory.potion >= 9) { inventory.potion = 9; } if (inventory.revive >= 9) { inventory.revive = 9; } } function partyInventoryDisplay() { if (document.getElementById("actionPartyInventory").style.display === "block" || document.getElementById("itemTargetDisplay").style.display === "block") { document.getElementById("actionPartyInventory").style.display = "none"; document.getElementById("itemTargetDisplay").style.display = "none"; document.getElementById("actionMenuSelect").style.display = "none"; } else if (document.getElementById("actionPartyInventory").style.display === "none") { document.getElementById("actionPartyInventory").style.display = "block"; document.getElementById("actionMenuSelect").style.display = "block"; } } function Items(potion, revive) { this.potion = potions; this.revive = 1; } var inventory = new Items(potions, 1); var itemSelected; var targetPartyMember; function itemTargeting(x) { document.getElementById("itemTargetDisplay").style.display = "block" document.getElementById("heroOneSelect").innerHTML = profileOne.name; document.getElementById("heroTwoSelect").innerHTML = profileTwo.name; itemSelected = x; } function useItem(x,y) { document.getElementById("itemTargetDisplay").style.display = "none"; document.getElementById("actionPartyInventory").style.display = "none"; if (itemSelected === "Potion") { if (y === 1) { if (hpMax > hp && hp !== 0) { if (inventory.potion >= 1) { document.getElementById("itemUseDisplay").innerHTML = "You used potion on " + profileOne.name + "! They healed by 5 hp."; itemUse = true; turnBattle(turn); hp = hp + 5; inventory.potion = inventory.potion - 1; } } } if (y === 2) { if (hpMaxTwo > hpTwo && hpTwo !== 0) { if (inventory.potion >= 1) { document.getElementById("itemUseDisplay").innerHTML = "You used potion on " + profileTwo.name + "! They healed by 5 hp."; itemUse = true; turnBattle(turn); hpTwo = hpTwo + 5; inventory.potion = inventory.potion - 1; } } } } if (itemSelected === "Revive") { if (y === 1) { if (hp === 0) { if (inventory.revive >= 1) { document.getElementById("itemUseDisplay").innerHTML = "You revived " + profileOne.name + " from borderline and healed them 2 hp."; itemUse = true; turnBattle(turn); hp = hp + 2; inventory.revive = inventory.revive - 1; } } } if (y === 2) { if (hpTwo === 0) { if (inventory.revive >= 1) { document.getElementById("itemUseDisplay").innerHTML = "You revived " + profileTwo.name + " from borderline and healed them 2 hp."; itemUse = true; turnBattle(turn); hpTwo = hpTwo + 2; inventory.revive = inventory.revive - 1; } } } } } function hidePartyInventory() { document.getElementById("actionPartyInventory").style.display = "none"; document.getElementById("actionMenuSelect").style.display = "none"; } setInterval(setInventory, 1) function Steal() { randomNumber = Math.random() * 2; randomDamage = Math.ceil(randomNumber); if (randomDamage === 1) { document.getElementById("itemUseDisplay").innerHTML = profile.Two + "stole " + "Potion x1" + " from the enemy."; inventory.potion = inventory.potion + 1; } else { document.getElementById("itemUseDisplay").innerHTML = profile.Two + "missed!"; } if (roomKeyThree === true) { Items.revive = Items.revive + 1; itemUse = true; turnBattle(turn); } } function HPCalc() { hpPercent = (hp * 100) / hpMax; hpPercentTwo = (hpTwo * 100) / hpMaxTwo; } function getHp() { HPCalc(); document.getElementById("HPDmgWrapper").innerHTML = "HP: " + hp + " / " + hpMax + ""; document.getElementById("HPDmgWrapperTwo").innerHTML = "HP: " + hpTwo + " / " + hpMaxTwo + ""; document.getElementById("HPDmgWrapper").style.width = hpPercent + "%"; document.getElementById("HPDmgWrapperTwo").style.width = hpPercentTwo + "%"; if (hpPercent <= 0) { document.getElementById("HPDmgWrapper").style.width = 0 + "%"; hpPercent = 0; hp = 0; } else if (hpPercent >= 100) { document.getElementById("HPDmgWrapper").style.width = 100 + "%"; hpPercent = 100; hp = hpMax; } if (hpPercentTwo <= 0) { document.getElementById("HPDmgWrapperTwo").style.width = 0 + "%"; hpPercentTwo = 0; hpTwo = 0; } else if (hpPercentTwo >= 100) { document.getElementById("HPDmgWrapperTwo").style.width = 100 + "%"; hpPercentTwo = 100; hpTwo = hpMaxTwo; } } function MPCalc() { mpPercent = (mp * 100) / mpMax; mpPercentTwo = (mpTwo * 100) / mpMaxTwo; } function highlightHero(x) { if (x == 1) { document.getElementById("charDisplaySpan").style.backgroundColor = "rgb(44,44,133)"; document.getElementById("charDisplaySpan").style.zIndex = "30"; document.getElementById("charDisplayTwoSpan").style.zIndex = "20" } else if (x == 2) { document.getElementById("charDisplayTwoSpan").style.backgroundColor = "rgb(44,44,133)"; document.getElementById("charDisplayTwoSpan").style.zIndex = "30" document.getElementById("charDisplaySpan").style.zIndex = "20" } } function getMp() { hideSpells(); showSpells(); MPCalc(); document.getElementById("MPDmgWrapper").innerHTML = "MP: " + mp + " / " + mpMax + ""; document.getElementById("MPDmgWrapperTwo").innerHTML = "MP: " + mpTwo + " / " + mpMaxTwo + ""; document.getElementById("MPDmgWrapper").style.width = mpPercent + "%"; document.getElementById("MPDmgWrapperTwo").style.width = mpPercentTwo + "%"; if (mpPercent <= 0) { document.getElementById("MPDmgWrapper").style.width = 0 + "%"; mpPercent = 0; } else if (mpPercent >= 100) { document.getElementById("MPDmgWrapper").style.width = 100 + "%"; mpPercent = 100; } if (mpPercentTwo <= 0) { document.getElementById("MPDmgWrapperTwo").style.width = 0 + "%"; mpPercentTwo = 0; } else if (mpPercentTwo >= 100) { document.getElementById("MPDmgWrapperTwo").style.width = 100 + "%"; mpPercentTwo = 100; } } function hideSpells() { if (mpPercent < 10 && turn === 1) { 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)"; } if (mpPercent < 30 && turn === 1) { 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)"; } if (mpPercent < 80 && turn === 1) { document.getElementById("spellCastUltima").style.display = "none"; document.getElementById("spellCannotCastUltima").style.display = "inline"; document.getElementById("spellCannotCastUltima").style.backgroundColor = "rgb(77,99,88)"; document.getElementById("spellCannotCastUltima").style.border = "1px solid rgb(77,99,88)"; } if (mpPercent < 10 && turn === 2) { 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)"; } if (mpPercent < 30 && turn === 2) { 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)"; } if (mpPercent < 80 && turn === 2) { document.getElementById("spellCastUltima").style.display = "none"; document.getElementById("spellCannotCastUltima").style.display = "inline"; document.getElementById("spellCannotCastUltima").style.backgroundColor = "rgb(77,99,88)"; document.getElementById("spellCannotCastUltima").style.border = "1px solid rgb(77,99,88)"; } } function showSpells() { if (mpPercent >= 10 && turn === 1) { document.getElementById("spellCastFireball").style.display = "inline"; document.getElementById("spellCannotCastFireball").style.display = "none"; document.getElementById("spellCannotCastFireball").style.backgroundColor = " "; document.getElementById("spellCannotCastFireball").style.border = " "; } if (mpPercent >= 30 && turn === 1) { document.getElementById("spellCastBlizzard").style.display = "inline"; document.getElementById("spellCannotCastBlizzard").style.display = "none"; document.getElementById("spellCannotCastBlizzard").style.backgroundColor = " "; document.getElementById("spellCannotCastBlizzard").style.border = " "; } if (mpPercent >= 80 && turn === 1) { document.getElementById("spellCastUltima").style.display = "inline"; document.getElementById("spellCannotCastUltima").style.display = "none"; document.getElementById("spellCannotCastUltima").style.backgroundColor = ""; document.getElementById("spellCannotCastUltima").style.border = " "; } if (mpPercentTwo >= 10 && turn === 2) { document.getElementById("spellCastFireball").style.display = "inline"; document.getElementById("spellCannotCastFireball").style.display = "none"; document.getElementById("spellCannotCastFireball").style.backgroundColor = " "; document.getElementById("spellCannotCastFireball").style.border = " "; } if (mpPercentTwo >= 30 && turn === 2) { document.getElementById("spellCastBlizzard").style.display = "inline"; document.getElementById("spellCannotCastBlizzard").style.display = "none"; document.getElementById("spellCannotCastBlizzard").style.backgroundColor = " "; document.getElementById("spellCannotCastBlizzard").style.border = " "; } if (mpPercentTwo >= 80 && turn === 2) { document.getElementById("spellCastUltima").style.display = "inline"; document.getElementById("spellCannotCastUltima").style.display = "none"; document.getElementById("spellCannotCastUltima").style.backgroundColor = ""; document.getElementById("spellCannotCastUltima").style.border = " "; } } 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 var spellCast; function Spell(x, y, z) { spellCast = true; spellName = x; spellPow = y; spellElement = z; turnBattle(turn); attackDamage = ( randomDmg() * 1.5 * spellPow ) * (level + 7) ; hpPercentE = hpPercentE - Math.floor(attackDamage); showSpellBox(Math.floor(attackDamage)); if (victorious === false) { setTimeout(hideSpellBox, 1500); setTimeout(checkForWin, 20); } } function useMp(x) { if (x === 1) { mp = mp -(spellPow); } if(x === 2) { mpTwo = mpTwo - (spellPow) } } function highlightHero(x) { if (x == 1) { document.getElementById("charDisplaySpan").style.backgroundColor = "rgb(44,44,133)"; document.getElementById("charDisplaySpan").style.zIndex = "30"; document.getElementById("charDisplayTwoSpan").style.zIndex = "20" } else if (x == 2) { document.getElementById("charDisplayTwoSpan").style.backgroundColor = "rgb(44,44,133)"; document.getElementById("charDisplayTwoSpan").style.zIndex = "30" document.getElementById("charDisplaySpan").style.zIndex = "20" } } function turnsOn() { turn = 1; highlightHero(1); } function turnBattle(x) { if (x === 1 && hpPercentTwo > 0) { turnStart(1); turn = 2; setTimeout(highlightHero, 1500, 2); document.getElementById("charDisplaySpan").style.backgroundColor = "black"; } else if (x === 1 && hpPercentTwo === 0) { turnStart(1); turn = 1; setTimeout(highlightHero, 3000, 1); setTimeout(AttackE, 1500); document.getElementById("charDisplaySpan").style.backgroundColor = "black"; } else if (x === 1 && hpPercent === 0) { turnStart(2); turn = 2; setTimeout(highlightHero, 1500, 2); document.getElementById("charDisplaySpan").style.backgroundColor = "black"; } else if (x === 2) { if (hpPercentTwo > 0) { turn = 1; turnStart(2); setTimeout(highlightHero, 3000, 1) } document.getElementById("charDisplayTwoSpan").style.backgroundColor = "black"; } } var itemUse = false function turnStart(x) { if (x === 1) { if (itemUse === true || spellCast === true) { if (spellCast != false) { useMp(x); } hideActionMagic(); setTimeout(hideAttackBox, 1500); setTimeout(checkForWin, 20); if (hpTwo === 0) { setTimeout(AttackE, 1500); } } else { hideActionMagic(); setTimeout(hideAttackBox, 1500); setTimeout(checkForWin, 20); attackDamage = ( (randomDmg() + statsOne.atk + level ) - levelE ) - levelE; hpPercentE = hpPercentE - attackDamage; showAttackBox(attackDamage, profileOne.name); } } else if (x === 2) { if (itemUse === true || spellCast === true) { if (spellCast != false) { useMp(x); } hideActionMagic(); setTimeout(hideAttackBox, 1500); setTimeout(checkForWin, 20); setTimeout(AttackE, 1500); } else { hideActionMagic(); setTimeout(checkForWin, 20); setTimeout(hideAttackBox, 1500); setTimeout(AttackE, 1500); attackDamage = ( (randomDmg() + statsTwo.atk + level ) - levelE ) - levelE; hpPercentE = hpPercentE - attackDamage; showAttackBox(attackDamage, profileTwo.name); } } } function Attack() { spellCast = false; itemUse = false; turnBattle(turn); } function AttackOne() { hideActionMagic(); setTimeout(checkForWin, 20); attackDamage = ( (randomDmg() * statsOne.atk + level) - levelE) - levelE; hpPercentE = hpPercentE - attackDamage; showAttackBox(attackDamage, profile.name); setTimeout(turnBattle, 1500, 2); setTimeout(hideAttackBox, 500); if (victorious === true) { } } function AttackTwo() { hideActionMagic(); setTimeout(checkForWin, 20); attackDamage = ( (randomDmg() * statsTwo.atk + level) - levelE) - levelE; hpPercentE = hpPercentE - attackDamage; showAttackBox(attackDamage, profile.fam); setTimeout(turnBattle, 1500, 3) setTimeout(hideAttackBox, 1500) if (victorious === true) { } } function AttackE() { setTimeout(checkForWin, 20); targetingE(); if (victorious === false) { attackDamage = ( randomDmg() + randomDmg()); if (target === 1) { hp = (hp - attackDamage); showAttackBoxE(attackDamage); } else if (target === 2) { hpTwo = (hpTwo - attackDamage); showAttackBoxE(attackDamage); } } setTimeout(hideAttackBox, 1500); } function targetingE() { randomNumber = Math.ceil(Math.random() * 2); target = randomNumber; if (hpPercent === 0) { target = 2 } else if (hpPercentTwo === 0) { target = 1 } } /* Game mode functions */ var gold; function randomVictoryItems(){ x = randomDmg(); if (x === 1 || x === 2) { randomNumber = (Math.ceil(Math.random() * 5) / 2) * 100; gold = randomNumber; document.getElementById("victoryGold").innerHTML = "You obtained
" + gold + " gold!" document.getElementById("victoryItems").innerHTML = "You obtained
Potion x1!" inventory.potion = inventory.potion + 1; } else if (x === 3 ) { randomNumber = (Math.ceil(Math.random() * 5) / 2) * 50; gold = randomNumber; document.getElementById("victoryGold").innerHTML = "You obtained
" + gold + " gold!" document.getElementById("victoryItems").innerHTML = "You obtained no items." } } //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"; randomVictoryItems(); hp = hpMax; } else if (hpPercent === 0) { hp = 1 document.getElementById("villian").style.display = "none"; document.getElementById("hero").style.display = "none"; document.getElementById("attackBox").style.display = "none"; document.getElementById("gameWrapper").style.display = "none"; document.getElementById("mapWrapper").style.display = "block"; alert("You lose! \nInsert Credits?"); } } 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 (hp === 0 && hpTwo === 0) { victorious = true; battleMusic.pause(); battleMusic.currentTime = 0; setTimeout(endBattle, 1000); } } } //game Functions function hideVictoryTab() { document.getElementById("victoryTab").style.display = "none"; document.getElementById("gameWrapper").style.display = "none"; document.getElementById("mapWrapper").style.display = "block"; fanfareMusic.pause(); fanfareMusic.currentTime = 0; hpPercentE = 100 } function enterRoom(x) { victorious = false; document.getElementById("charDisplay").innerHTML = "" + profileOne.name + "
Level" + " " + level + " " + profileOne.classType + ""; document.getElementById("charDisplayTwo").innerHTML = "" + profileTwo.name + "
Level" + " " + level + " " + profileTwo.classType + ""; if (x === 1) { showEnemy(1); battleMusic.play(); showActionMenu(); document.body.style = "background-image:url('http://koji.uphero.com/games/sprites/backgrounds/battleBack.png');"; document.getElementById("gameWrapper").style.display = "block" document.getElementById("mapWrapper").style.display = "none" } else if (x === 2) { document.body.style = "background-image:url('http://koji.uphero.com/games/sprites/backgrounds/battleBack.png');"; document.getElementById("gameWrapper").style.display = "block" document.getElementById("mapWrapper").style.display = "none" 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("gameWrapper").style.display = "block" document.getElementById("mapWrapper").style.display = "none" 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("gameWrapper").style.display = "block" document.getElementById("mapWrapper").style.display = "none" showActionMenu(); } else if (x === 5) { document.body.style = "background-image:url('http://koji.uphero.com/games/sprites/backgrounds/battleBack2.jpg');"; document.getElementById("gameWrapper").style.display = "block" document.getElementById("mapWrapper").style.display = "none" 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("gameWrapper").style.display = "block" document.getElementById("mapWrapper").style.display = "none" showActionMenu(); } } function showEnemy(x) { document.getElementById("villian").style.display = "block"; if (x === 1) { document.getElementById("EnemyTwo").style.display = "block"; document.getElementById("EnemyTwo").src = "http://koji.uphero.com/games/sprites/treasureChest.png"; } else if (x === 2) { document.getElementById("EnemyTwo").style.display = "block"; document.getElementById("EnemyTwo").src = "http://koji.uphero.com/games/sprites/scorchedEarthGolem.png"; } else if (x === 3) { 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("EnemyTwo").style.display = "block"; document.getElementById("EnemyTwo").src = "http://koji.uphero.com/games/sprites/scorchedEarthGolem.png"; } else if (x === 6) { document.getElementById("EnemyTwo").style.display = "block"; document.getElementById("EnemyTwo").src = "http://koji.uphero.com/games/sprites/mario.gif"; }} function hideEnemy() { 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"; hidePartyInventory(); } 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() { if (target === 1) { document.getElementById("attackGFXE").src = "http://koji.uphero.com/games/sprites/swordAttackGif.gif"; document.getElementById("attackGFXE").style.display = "block" setTimeout(eraseAnimationE, 1080); } else if (target === 2) { document.getElementById("attackGFXETwo").src = "http://koji.uphero.com/games/sprites/swordAttackGif.gif"; document.getElementById("attackGFXETwo").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" document.getElementById("attackGFXETwo").src = ""; document.getElementById("attackGFXETwo").style.display = "none" } function showSpellBox(x) { spellGif(); document.getElementById("spellBox").style.display = "block"; document.getElementById("spellBox").innerHTML = "

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

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

" + y +" attacks 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"; } // --- This is the Beginning of the WALKER CODE --- inspired by Tim G. // var x; var y; var p = document.createElement('p'); //output -> [object HTMLDivElement] function gameStart() { score=0; 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); } } var walker = 1; var battler = 2; var checkForInput = walker; /*EventListener waits for you to press a key Calls a function to test which key is pressed*/ window.onload = function() { function randomVector() { x = Math.floor(Math.random()*11) y = Math.floor(Math.random()*11) randomZ = "grid["+x+"]["+y+"]"; } setInterval(checkForInputControls, 20); 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"; } function checkForInputControls() { if (document.getElementById("mapWrapper").style.display === "block") { document.body.style = "background-iamge:url('')" document.body.addEventListener("keypress", controlPressed); checkForInput = walker; } } var walker = 1; var battler = 2; var checkForInput = walker; document.body.addEventListener("keypress", controlPressed); function controlPressed(y) { if ( checkForInput === walker ) { 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(); } } else if (checkForInput === battler) { } } //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; } var coinZList = [] var coinZ = "grid[" + n + "][" + n + "]"; var n; function setCOINLocation(x, y, z) { coinX = x; coinY = y; var coinZ = "grid[" + x + "][" + y + "]"; var newLength = coinZList.push(coinZ); document.getElementById(z).style.left = x*45 document.getElementById(z).style.top = y*45 } var enemyZList = [] var enemyZ = "grid[" + n + "][" + n + "]"; function setENEMYLocation(x, y, z) { enemyX = x; enemyY = y; var enemyZ = "grid[" + x + "][" + y + "]"; var newLength = enemyZList.push(enemyZ); document.getElementById(z).style.left = x*45 document.getElementById(z).style.top = y*45 } function hideCOINLocation() { coinA = "grid[" + myPlayer.position.x + "][" + myPlayer.position.y + "]"; if ( coinA == coinZList[0] ) { out( "Collision with Coin 0") scoreOut(1); document.getElementById("coinDot0").style.display = "none" } else if ( coinA == coinZList[1] ) { out( "Collision with Coin 1") scoreOut(1); document.getElementById("coinDot1").style.display = "none" } else if ( coinA == coinZList[2] ) { out( "Collision with Coin 2") scoreOut(1); document.getElementById("coinDot2").style.display = "none" } else if ( coinA == coinZList[3] ) { out( "Collision with Coin 3") scoreOut(1); document.getElementById("coinDot3").style.display = "none" } else if ( coinA == coinZList[4] ) { out( "Collision with Coin 4") scoreOut(1); document.getElementById("coinDot4").style.display = "none" } } function hideENEMYLocation() { enemyA = "grid[" + myPlayer.position.x + "][" + myPlayer.position.y + "]"; if ( enemyA == enemyZList[0] ) { out( "Collision with Coin 0") scoreOut(1); document.getElementById("enemyDot0").style.display = "none" } else if ( enemyA == enemyZList[1] ) { out( "Collision with Coin 1") scoreOut(1); document.getElementById("enemyDot1").style.display = "none" } else if ( enemyA == enemyZList[2] ) { out( "Collision with Coin 2") scoreOut(1); document.getElementById("enemyDot2").style.display = "none" } else if ( enemyA == enemyZList[3] ) { out( "Collision with Coin 3") scoreOut(1); document.getElementById("enemyDot3").style.display = "none" } else if ( enemyA == enemyZList[4] ) { out( "Collision with Coin 4") scoreOut(1); document.getElementById("enemyDot4").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

walker Bare Bones - adding battles