/* 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 */ 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, bluPotion) { this.potion = 1; this.revive = 1; this.bluPotion = 0; } var inventory = new Items(1, 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) { var itemtext = "You used potion on " + profileOne.name + "! They healed by 5 hp."; showItemBox(itemtext); itemUse = true; spellCast = false; turnBattle(turn); hp = hp + 5; inventory.potion = inventory.potion - 1; } } } if (y === 2) { if (hpMaxTwo > hpTwo && hpTwo !== 0) { if (inventory.potion >= 1) { var itemtext = "You used potion on " + profileTwo.name + "! They healed by 5 hp."; showItemBox(itemtext); itemUse = true; spellCast = false; turnBattle(turn); hpTwo = hpTwo + 5; inventory.potion = inventory.potion - 1; } } } } if (itemSelected === "Revive") { if (y === 1) { if (hp === 0) { if (inventory.revive >= 1) { hp = hp + 5; inventory.revive = inventory.revive - 1; var itemtext = "You revived " + profileOne.name + " from borderline and healed them 5 hp."; showItemBox(itemtext); itemUse = true; spellCast = false; turnBattle(turn); } } } if (y === 2) { if (hpTwo === 0) { if (inventory.revive >= 1) { var itemtext = "You revived " + profileTwo.name + " from borderline and healed them 5 hp."; showItemBox(itemtext); itemUse = true; spellCast = false; hpTwo = hpTwo + 5; inventory.revive = inventory.revive - 1; setTimeout(turnBattle, 30, turn); } } } } } 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; } } var hpPercentETwo; function getHpETwo() { document.getElementById("HPDmgWrapperETwo").style.width = hpPercentETwo + "%"; if (hpPercentETwo <= 0) { document.getElementById("HPDmgWrapperETwo").style.width = 0 + "%"; hpPercentETwo = 0; } if (hpPercentETwo >= 100) { document.getElementById("HPDmgWrapperETwo").style.width = 100 + "%"; hpPercentETwo = 100; } } //Attack functions var spellCast; function Spell(x, y, z) { spellCast = true; itemUse = false; spellName = x; spellPow = y; spellElement = z; if (turn === 1) {attackDamage = Math.ceil(((statsOne.mag * 4) * spellPow ) + randomDmg() );} if (turn === 2) {attackDamage = Math.ceil(((statsTwo.mag * 4) * spellPow ) + randomDmg() ) ;} turnBattle(turn); 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 - Math.floor(spellPow); } if (x === 2) { mpTwo = mpTwo - Math.floor(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?"); document.body.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 (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"; document.getElementById("JoyStick").style.display = "block" document.getElementById("pressUp").style.display ="block" document.getElementById("pressDown").style.display ="block" document.getElementById("pressLeft").style.display ="block" document.getElementById("pressRight").style.display ="block" document.getElementById("JoyStickAtRest").style.display = "block" fanfareMusic.pause(); fanfareMusic.currentTime = 0; hpPercentE = 100 } function enterRoom(x) { document.getElementById("pressUp").style.display ="none" document.getElementById("pressDown").style.display ="none" document.getElementById("pressLeft").style.display ="none" document.getElementById("pressRight").style.display ="none" document.getElementById("JoyStick").style.display ="none" document.getElementById("JoyStickMotion").style.display = "none"; document.getElementById("JoyStickAtRest").style.display = "none"; 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.getElementById("gameWrapper").style.display = "block" document.getElementById("gameWrapper").style = "background-image:url('http://koji.uphero.com/games/sprites/backgrounds/battleBack2.jpg');"; 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 = img1.src; } else if (x === 2) { document.getElementById("EnemyTwo").style.display = "block"; document.getElementById("EnemyTwo").src = img2.src; } else if (x === 3) { document.getElementById("EnemyTwo").style.display = "block"; document.getElementById("EnemyTwo").src = img3.src; } else if (x === 4) { document.getElementById("EnemyTwo").style.display = "block"; document.getElementById("EnemyTwo").src = img4.src; } else if (x === 5) { document.getElementById("EnemyTwo").style.display = "block"; document.getElementById("EnemyTwo").src = img5.src; } else if (x === 6) { document.getElementById("EnemyTwo").style.display = "block"; document.getElementById("EnemyTwo").src = img6.src; }} 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, 500); } else if (target === 2) { document.getElementById("attackGFXETwo").src = "http://koji.uphero.com/games/sprites/swordAttackGif.gif"; document.getElementById("attackGFXETwo").style.display = "block" setTimeout(eraseAnimationE, 500); } } function itemGif() { if (targetPartyMember === 1) { setTimeout(eraseAnimation, 500); } else if (targetPartyMember === 2) { setTimeout(eraseAnimation, 500); } } 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); } else if (spellElement === 'ultima') { document.getElementById("attackGFX").src = "http://koji.uphero.com/games/sprites/fireballAnimation.gif"; document.getElementById("attackGFX").style.display = "block" document.getElementById("attackGFX").style.filter = "hue-rotate(90deg)" setTimeout(eraseAnimation, 1080); } } function eraseAnimation() { document.getElementById("attackGFX").src = ""; document.getElementById("attackGFX").style.display = "none" document.getElementById("attackGFX").style.filter = "" } 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 showItemBox(x) { itemGif(); document.getElementById("attackBox").style.display = "block"; document.getElementById("attackBox").innerHTML = "

" + x + "

"; } 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"; } function hideItemBox() { 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] var score=0; function gameStart() { document.getElementById("Start").style.display = "none"; document.getElementById("mapWrapper").style.display = "block"; document.getElementById("pressUp").style.display ="block" document.getElementById("pressDown").style.display ="block" document.getElementById("pressLeft").style.display ="block" document.getElementById("pressRight").style.display ="block" if (score > 0) { setLocation(5,6); } } 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"; } var upButton = document.getElementById("pressUp") var downButton = document.getElementById("pressDown") var leftButton = document.getElementById("pressLeft") var rightButton = document.getElementById("pressRight") var wait = ""; function joyStickControls() { setTimeout( function() { if (wait != "on") { setTimeout( function() {wait = ""}, 150 ) if (navigator.platform == "Win32") { if (document.getElementById("mapWrapper").style.display === "block") { if (document.getElementById("JoyStickMotion").style.top < "340px") { if (document.getElementById("mapWrapper").style.display === "block") { setTimeout(moveUp, 1) } } else if (document.getElementById("JoyStickMotion").style.top > "385px") { if (document.getElementById("mapWrapper").style.display === "block") { setTimeout(moveDown, 1) } } else if (document.getElementById("JoyStickMotion").style.left > "485px") { if (document.getElementById("mapWrapper").style.display === "block") { setTimeout(moveRight, 1) } } else if (document.getElementById("JoyStickMotion").style.left < "450px") { if (document.getElementById("mapWrapper").style.display === "block") { setTimeout(moveLeft, 1) } } else { } } }/* if (document.getElementById("JoyStickMotion").style.top < "320px") { hideMotionStick(); } else if (document.getElementById("JoyStickMotion").style.top > "425px") { hideMotionStick(); } else if (document.getElementById("JoyStickMotion").style.left < "420px") { hideMotionStick(); } else if (document.getElementById("JoyStickMotion").style.left > "525px") { hideMotionStick(); }*/ else if (navigator.platform == "Linux aarch64") { if (document.getElementById("mapWrapper").style.display === "block") { if (document.getElementById("JoyStickMotion").style.top < "340px") { if (document.getElementById("mapWrapper").style.display === "block") { setTimeout(moveUp, 5) } } if (document.getElementById("JoyStickMotion").style.top > "390px") { if (document.getElementById("mapWrapper").style.display === "block") { setTimeout(moveDown, 5) } } if (document.getElementById("JoyStickMotion").style.left > "300px") { if (document.getElementById("mapWrapper").style.display === "block") { setTimeout(moveRight, 5) } } if (document.getElementById("JoyStickMotion").style.left < "260px") { if (document.getElementById("mapWrapper").style.display === "block") { setTimeout(moveLeft, 5) } } else { } } } } wait = "on"; }, 250) } function checkForInputControls() { if (document.getElementById("mapWrapper").style.display === "block") { document.body.style = "background-image:url('')" document.body.addEventListener("keypress", controlPressed); upButton.addEventListener("click", moveUp); downButton.addEventListener("click", moveDown); leftButton.addEventListener("click", moveLeft); rightButton.addEventListener("click", moveRight); checkForInput = walker; document.getElementById("JoyStickMotion").addEventListener("mousemove", joyStickControls); document.getElementById("JoyStickMotion").addEventListener("touchmove", joyStickControls); } } 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; 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) { if (x === 32) { out( "Spacebar was pressed."); } } } //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 ), }; var myCoin = { position: new Vector2( 0, 0 ), }; function setInMotionX() { document.getElementById("playerDot").style.left = newX*45 +"px" } function setInMotionY() { document.getElementById("playerDot").style.top = newY*45 + "px" } function setLocation(x, y) { newX = x; newY = y; document.getElementById("playerDot").style.left = x*45 + "px" myPlayer.position.x = x; document.getElementById("playerDot").style.top = y*45 + "px" myPlayer.position.y = y; } var coinZList = [] var coinZ = "grid[" + n + "][" + n + "]"; var n; function setCOINLocation(x, y, z) { coinX = x; coinY = y; myCoin.position.x = coinX; myCoin.position.y = coinY; var coinZ = "grid[" + x + "][" + y + "]"; var newLength = coinZList.push(coinZ); document.getElementById(z).style.left = x*45 +"px" document.getElementById(z).style.top = y*45 + "px" } function randomCoinXY(z) { coinNum = z; coinX = Math.ceil(Math.random() * 4) + 2; coinY = Math.ceil(Math.random() * 4) + 2; myCoin.position.x = coinX; myCoin.position.y = coinY; coinLoc = "grid[" + coinX + "][" + coinY + "]"; newCOINLocation(coinX, coinY, coinNum); } function newCOINLocation(x, y, z) { if (grid[ coinX ][ coinY ] === COIN || grid[ coinX ][ coinY ] === ENEMY ) { randomCoinXY(coinNum); } else { coinX = x; coinY = y; coinNum = z; coinZList[z] = coinLoc; grid[ x ][ y ] = COIN; document.getElementById("coinDot" + z ).style.left = x*45 +"px"; document.getElementById("coinDot" + z ).style.top = y*45 + "px"; document.getElementById("coinDot" + z ).style.display = "inline"; } } 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 + "px" document.getElementById(z).style.top = y*45 + "px" } 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" setTimeout(randomCoinXY,60000,0); } else if ( coinA == coinZList[1] ) { out( "Collision with Coin 1") scoreOut(1); document.getElementById("coinDot1").style.display = "none" setTimeout(randomCoinXY,60000,1); } else if ( coinA == coinZList[2] ) { out( "Collision with Coin 2") scoreOut(1); document.getElementById("coinDot2").style.display = "none" setTimeout(randomCoinXY,60000,2); } else if ( coinA == coinZList[3] ) { out( "Collision with Coin 3") scoreOut(1); document.getElementById("coinDot3").style.display = "none" setTimeout(randomCoinXY,60000,3); } else if ( coinA == coinZList[4] ) { out( "Collision with Coin 4") scoreOut(1); document.getElementById("coinDot4").style.display = "none" setTimeout(randomCoinXY,60000,4); } } 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

Dungeon Battler [Update 1.5 Stable - Battler, Walker, Joystick Functionality]