// Statistics and Profile Information var myName; var myClass; var myFam = "Rogue"; var profile = { name:myName, classType:myClass, fam:myFam }; var stats = { atk: 10, def: 10, spd: 10, mag: 10 }; var levelE = 0.5; var statsE = { atk: 10, def: 10, spd: 10, mag: 10 }; //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 used for functions var x; var y; var z; var spellElement; // Room Keys var RoomKey = 1; var roomKeyOne = true; var roomKeyTwo = false; var roomKeyThree = false; var dungeonKeyTwo = false; var roomKeyFour = false; var roomKeyFive = false; var roomKeySix = false; //variables for stats var hp; var hpE = 1; var level = 1; var hpPercent = (hp)*100; var hpPercentE = (hpE)*100; var mpPercent = level*100; var mp = 10; var mpMax = ( (stats.mag * level) ); var hpMax = stats.atk; var randomNumber = Math.random() * 3; var randomDamage; var attackDamage; var spellName; //Game mode variables var victorious = false; //Statistics functions classTypeSet(); charNameSet(); function charNameSet() { profile.name = "Bastard"; profile.fam = "rogue"; } function classTypeSet() { profile.classType = "Fighter"; if (profile.classType === "Fighter"){ stats.atk = 15; stats.mag = 8; hp = 15; hpMax = 15; } } function randomDmg() { randomNumber = Math.random() * 3; randomDamage = Math.ceil(randomNumber); return randomDamage; } function HPCalc() { hpPercent = (hp * 100) / hpMax; } function getHp() { HPCalc(); document.getElementById("HPDmgWrapper").innerHTML = "HP: " + hp + " / " + hpMax + ""; document.getElementById("HPDmgWrapper").style.width = hpPercent + "%"; if (hpPercent <= 0) { document.getElementById("HPDmgWrapper").style.width = 0 + "%"; hpPercent = 0; hp = 0; } if (hpPercent >= 100) { document.getElementById("HPDmgWrapper").style.width = 100 + "%"; hpPercent = 100; hp = hpMax; } } function MPCalc() { mpPercent = (mp * 100) / mpMax; } function getMp() { hideSpells(); showSpells(); MPCalc(); document.getElementById("MPDmgWrapper").innerHTML = "MP: " + mp + " / " + mpMax + ""; document.getElementById("MPDmgWrapper").style.width = mpPercent + "%"; if (mpPercent <= 0) { document.getElementById("MPDmgWrapper").style.width = 0 + "%"; mpPercent = 0; }if (mpPercent >= 100) { document.getElementById("MPDmgWrapper").style.width = 100 + "%"; mpPercent = 100; } } function hideSpells() { if (mpPercent < 10) { 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) { 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) { 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) { 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) { 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) { 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 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); useMp(); setTimeout(checkForWin, 20); } } function useMp() { mp = mp - (spellPow * level); } function Attack() { hideActionMagic(); setTimeout(checkForWin, 20); attackDamage = ( (randomDmg() * stats.atk + level) - levelE) - levelE; hpPercentE = hpPercentE - attackDamage; showAttackBox(attackDamage, profile.name); setTimeout(AttackE, 1500); setTimeout(hideAttackBox, 1250); if (victorious === true) { } } function AttackE() { if (victorious === false) { attackDamage = ( randomDmg() ); hp = (hp - 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; hp = hpMax; } else if (hpPercent === 0) { document.getElementById("gameWrapper").style.display = "none"; alert("You lose!"); document.getElementById("dungeonMap").style.display = "block"; hp = 1 document.getElementById("villian").style.display = "none"; } } function roomUnlock() { if (roomKeyOne === true) { document.getElementById("gameWrapper").style.display = "none"; document.getElementById("dungeonMap").style.display = "block"; alert("Room Two Unlocked!"); hpPercent = 100; hpPercentE = 100; roomKeyTwo = true; roomHighlight('roomKeyTwo'); roomKeyOne = false; document.getElementById("roomOneClick").style.backgroundColor = "rgb(33,33,33)"; } else if ( roomKeyTwo === true ) { document.getElementById("gameWrapper").style.display = "none"; document.getElementById("dungeonMap").style.display = "block"; alert("Room Three Unlocked!"); hpPercent = 100; hpPercentE = 100; roomKeyThree = true; roomHighlight('roomKeyThree'); roomKeyTwo = false; document.getElementById("roomTwoClick").style.backgroundColor = "rgb(33,33,33)" } else if ( roomKeyThree === true ) { roomKeyFour = true; roomHighlight('roomKeyFour'); roomKeyThree = false; document.getElementById("roomThreeClick").style.backgroundColor = "rgb(33,33,33)" dungeonKeyTwo = true; document.getElementById("gameWrapper").style.display = "none"; document.getElementById("worldViewWrapper").style.display = "block"; alert("Dungeon One clear! \nDungeon Two unlocked!"); alert("HP and MP restored!") mp = mpMax; hpPercent = 100; hpPercentE = 100; } else if ( roomKeyFour === true ) { document.getElementById("gameWrapper").style.display = "none"; document.getElementById("dungeonMap").style.display = "block"; document.getElementById("roomFourClick").style.backgroundColor = "rgb(33,33,33)" hpPercent = 100; hpPercentE = 100; roomKeyFive = true; roomHighlight('roomKeyFive'); roomKeyFour = false } else if ( roomKeyFive === true ) { document.getElementById("gameWrapper").style.display = "none"; document.getElementById("dungeonMap").style.display = "block"; document.getElementById("roomFiveClick").style.backgroundColor = "rgb(33,33,33)" hpPercent = 100; hpPercentE = 100; mpPercent = 100; roomKeySix = true; roomHighlight('roomKeySix'); roomKeyFive = false; } else if ( roomKeySix === true ) { document.getElementById("gameWrapper").style.display = "none"; document.getElementById("worldViewWrapper").style.display = "block"; document.getElementById("roomSixClick").style.backgroundColor = "rgb(33,33,33)" roomKeySix = false; hpPercent = 100; hpPercentE = 100; } } 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); } } } //map functions function showDoor(x) { if (x === 1) { document.getElementById("doorImage").src = "http://koji.uphero.com/games/sprites/treasureChest.gif"; document.getElementById("doorImage").style.display = "block"; } if (x === 2) { document.getElementById("doorImage").src = "http://koji.uphero.com/games/sprites/scorchedEarthGolem.png"; document.getElementById("doorImage").style.display = "block"; } if (x === 3) { document.getElementById("doorImage").src = "http://koji.uphero.com/games/sprites/mario.gif"; document.getElementById("doorImage").style.display = "block"; } } function hideDoor(x) { if (x === 1) { document.getElementById("doorImage").src = "http://koji.uphero.com/games/sprites/dungeonDoor.jpg"; document.getElementById("doorImage").style.display = "none"; } } //game Functions function hideVictoryTab() { document.getElementById("victoryTab").style.display = "none"; fanfareMusic.pause(); fanfareMusic.currentTime = 0; roomUnlock(); } function roomHighlight(x) { switch (String(x)) { case "roomKeyOne": document.getElementById("roomOneClick").style.backgroundColor = "rgb(255,33,00)"; break; case "roomKeyTwo": document.getElementById("roomTwoClick").style.backgroundColor = "rgb(255,33,00)"; break; case "roomKeyThree": document.getElementById("roomThreeClick").style.backgroundColor = "rgb(255,33,00)"; break; case "roomKeyFour": document.getElementById("roomFourClick").style.backgroundColor = "rgb(255,33,00)"; break; case "roomKeyFive": document.getElementById("roomFiveClick").style.backgroundColor = "rgb(255,33,00)"; break; case "roomKeySix": document.getElementById("roomSixClick").style.backgroundColor = "rgb(255,33,00)"; break; } } function enterRoom(x) { victorious = false; document.getElementById("charDisplay").innerHTML = "" + profile.name + "
Level" + " " + level + " " + profile.classType + ""; if (x === 1) { if (document.getElementById("roomOneClick").style.backgroundColor === "rgb(33,33,33)") { alert("Level clear."); } if (roomKeyOne === true) { showEnemy(1); battleMusic.play(); document.body.style = "background-image:url('http://koji.uphero.com/games/sprites/backgrounds/battleBack.png');"; document.getElementById("dungeonMap").style.display = "none"; document.getElementById("gameWrapper").style.display = "block"; showActionMenu(); } } else if (x === 2) { if (document.getElementById("roomTwoClick").style.backgroundColor === "rgb(33,33,33)") { alert("Level clear.") } if (roomKeyTwo === true) { document.body.style = "background-image:url('http://koji.uphero.com/games/sprites/backgrounds/battleBack.png');"; document.getElementById("dungeonMap").style.display = "none"; document.getElementById("gameWrapper").style.display = "block"; showActionMenu(); showEnemy(2); battleMusic.play(); } } else if (x === 3) { if (document.getElementById("roomThreeClick").style.backgroundColor === "rgb(33,33,33)") { alert("Level clear.") } if (roomKeyThree === true) { showEnemy(3) battleMusic.play() document.body.style = "background-image:url('http://koji.uphero.com/games/sprites/backgrounds/battleBack.png');"; document.getElementById("dungeonMap").style.display = "none"; document.getElementById("gameWrapper").style.display = "block"; showActionMenu(); } } else if (x === 4) { if (document.getElementById("roomFourClick").style.backgroundColor === "rgb(33,33,33)") { alert("Level clear.") } if (roomKeyFour === true) { showEnemy(4); battleMusic.play(); document.body.style = "background-image:url('http://koji.uphero.com/games/sprites/backgrounds/battleBack2.jpg');"; document.getElementById("dungeonMap").style.display = "none"; document.getElementById("gameWrapper").style.display = "block"; showActionMenu(); } } else if (x === 5) { if (document.getElementById("roomFiveClick").style.backgroundColor === "rgb(33,33,33)") { alert("Level clear.") } if (roomKeyFive === true) { document.body.style = "background-image:url('http://koji.uphero.com/games/sprites/backgrounds/battleBack2.jpg');"; document.getElementById("dungeonMap").style.display = "none"; document.getElementById("gameWrapper").style.display = "block"; showActionMenu(); showEnemy(5); battleMusic.play(); } } else if (x === 6) { if (document.getElementById("roomSixClick").style.backgroundColor === "rgb(33,33,33)") { alert("Level clear.") } if (roomKeySix === true) { showEnemy(6) battleMusic.play() document.body.style = "background-image:url('http://koji.uphero.com/games/sprites/backgrounds/battleBack2.jpg');"; document.getElementById("dungeonMap").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(); 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"; }

Dungeon Battler 1.1 Spellbook Updates