$(document).ready(function() { //initialize all variables; var damagedone; var comment; var movecount; var attack1 = $('#attack0'); var attack2 = $('#attack1'); var attack3 = $('#attack2'); var attack4 = $('#attack3'); var attacks = $('.attacklist'); var options = $('.option'); var commentBox = $('.commentbox'); var selfhp = $('#selfhp'); var opponenthp = $('#opponenthp'); var selfhpnum = $('#selfcurrenthp'); var opponenthpnum = $('#opponentcurrenthp'); var mylastmoveused = undefined; var enemylastmoveused = undefined; var meneedtorecharge = false; var enemyneedtorecharge = false; var finished = false; var messagewritten = false; //pokemon constructor class class Pokemon { constructor( name, moves, hp, cry, weakness, resistant, frontimage, backimage ) { this.name = name; this.moves = moves; this.hp = hp; this.cry = cry; this.weakness = weakness; this.resistant = resistant; this.frontimage = frontimage; this.backimage = backimage; } //to show the available attacks showoptions() { for (var i = 0; i < 4; i++) { $('#attack' + i).text(this.moves[i].name); } } //for attacking //we need the target and the move we want to use aiattack(opponent, movecount) { //take the movecount and store the move in movetouse var movetouse = this.moves[movecount]; //original dmg of move var originaldmg = movetouse.dmg; //for decidng if the move is going to be a miss var unluckynumber = randomgen(1, 11); if (unluckynumber == 10) { var miss = true; } else { var miss = false; } //for taking type advantages //initialy set to false everytime attack is called var typeadvantaged = false; //check if movetouse is target's weakness. if it is we get typeadvantage for (var i = 0; i < opponent.weakness.length; i++) { if (movetouse.tipe == opponent.weakness[i]) { typeadvantaged = true; } } //if we get typeadvantage than our moves damage will multiply by 2 if (typeadvantaged) { movetouse.dmg *= 2; } var resisted = false; for (var i = 0; i < opponent.resistant.length; i++) { if (movetouse.tipe == opponent.resistant[i]) { resisted = true; } } if (resisted) { movetouse.dmg = Math.floor(movetouse.dmg / 2); } if (!miss && !enemyneedtorecharge) { //now reduce the target hp by the movetouse damage opponent.hp = opponent.hp - movetouse.dmg; //for accurate commentry we need to store how much damage we done in damagedone damagedone = movetouse.dmg; } else { if (enemyneedtorecharge) { damagedone = -5; enemyneedtorecharge = false; } else { damagedone = 0; } } //after storing the damage we want to reset back our movetousedamage movetouse.dmg = originaldmg; //store the move used enemylastmoveused = movetouse; } attack(opponent, movecount) { //take the movecount and store the move in movetouse var movetouse = this.moves[movecount]; //original dmg of move var originaldmg = movetouse.dmg; //for taking type advantages //initialy set to false everytime attack is called var typeadvantaged = false; //check if movetouse is target's weakness. if it is we get typeadvantage for (var i = 0; i < opponent.weakness.length; i++) { if (movetouse.tipe == opponent.weakness[i]) { typeadvantaged = true; } } //if we get typeadvantage than our moves damage will multiply by 2 if (typeadvantaged) { movetouse.dmg *= 2; } var resisted = false; for (var i = 0; i < opponent.resistant.length; i++) { if (movetouse.tipe == opponent.resistant[i]) { resisted = true; } } if (resisted) { movetouse.dmg = Math.floor(movetouse.dmg / 2); } //now reduce the target hp by the movetouse damage opponent.hp = opponent.hp - movetouse.dmg; //for accurate commentry we need to store how much damage we done in damagedone damagedone = movetouse.dmg; //after storing the damage we want to reset back our movetousedamage movetouse.dmg = originaldmg; //store the move used mylastmoveused = movetouse; } } //Pokemons will use some moves and each move has its own properties class Moves { constructor(name, dmg, tipe) { this.name = name; this.dmg = dmg; //tipe is actually type of move this.tipe = tipe; } } //we will be needed to generate a lot of random numbers for this we will use this function function randomgen(min, max) { //the max value is exclusive return Math.floor(Math.random() * (max - min) + min); } //now, we may define some(I mean a lot of) moves //each move has its name, type and the damage is random kiss = new Moves('Kiss', randomgen(-75, -50), 'fairy'); punch = new Moves('Punch on his Face', randomgen(20, 30), 'fighting'); kick = new Moves('Kick on his balls', randomgen(75, 100), 'fighting'); sing = new Moves('Sing', randomgen(-50, -25), 'fairy'); flowers = new Moves('Flowers', randomgen(30, 50), 'fairy'); ring = new Moves('Ring', randomgen(20, 40), 'fairy'); teddyBear = new Moves('Teddy Bear', randomgen(10, 20), 'fairy'); //this miss is a special move which causes 0 damage //miss = new Moves('Missed', 0, null); //now we may define some(a lot of) pokemons //each pokemon will have a name, an array of moves, hp, cry, an array of weakness //a frontimage and a backimage //frontimage will be the opponent //backimage will be the player ash = new Pokemon( 'Ash', [flowers, ring, teddyBear, flowers], 250, 'Ashhhhhhhhhhhhhhhhhhhhhhhhhhhh', ['fighting'], [], 'https://cdn.bulbagarden.net/upload/c/cd/Ash_XY_4.png', null ); serena = new Pokemon( 'Serena', [kiss, kick, punch, sing], 1000, 'Serenaaaaaaaaaaaaaa', [], [], null, 'https://cdn.bulbagarden.net/upload/a/a9/Serena_New_Outfit_XY2.png' ); //some events that will be fired when the attack buttons are pushed; attack1.click(function() { movecount = 0; //when the first button is clicked set the movecount to 0 //call the function with redcorner as player, bluecorner as target and movecount as move attackCommentDefend(redcorner, bluecorner, movecount); }); attack2.click(function() { movecount = 1; attackCommentDefend(redcorner, bluecorner, movecount); }); attack3.click(function() { movecount = 2; attackCommentDefend(redcorner, bluecorner, movecount); }); attack4.click(function() { movecount = 3; attackCommentDefend(redcorner, bluecorner, movecount); }); //this function does commentry function showdialogue(attacker, moveused, comment, opponent) { //first we hide the attack options and show the commentbox attacks.css('display', 'none'); commentBox.css('display', 'block'); //then we put the attacker and the move it used and pass a comment about the attack yvWriter( commentBox, attacker.name + ' used ' + moveused + '~' + comment, 0, 50, true, function() { checkdeath(attacker, opponent); } ); } //if we click the fight button $('.fight').click(function() { //hide the options and commentBox and show the attacks options.css('display', 'none'); attacks.fadeIn('slow'); attacks.css('display', 'block'); commentBox.css('display', 'none'); redcorner.showoptions(); }); //if we click the change pokemon button $('.changepokemon').click(function() { options.css('display', 'none'); yvWriter( commentBox, 'Changing Pokemon is not allowed in this battle.' + 'It will be definitely available in a later update', 0, 50, true, function() { commentBox.text(''); options.css('display', 'block'); }, 2000 ); }); //if we click the run buttons $('.run').click(function() { options.css('display', 'none'); yvWriter( commentBox, 'No running away in a pokemon battle', 0, 50, true, function() { options.css('display', 'block'); commentBox.text(''); }, 2000 ); }); //do comment according to damage done by the attacker function docomment() { if (damagedone == 0) { comment = "That's a miss"; return comment; } else if (damagedone == -5) { comment = "But it need's to recharge"; return comment; } else if (damagedone < 0) { comment = 'The opponent recovered health'; return comment; } else if (damagedone > 0 && damagedone <= 25) { comment = "That's not very effective"; return comment; } else if (damagedone > 25 && damagedone <= 40) { comment = 'That hurts!'; return comment; } else if (damagedone > 40 && damagedone <= 50) { comment = "That's super effective!!"; return comment; } else if (damagedone > 50) { comment = "That's a Critical Hit!!!!!!"; return comment; } else { comment = 'Something mysterious happend'; return comment; } } //see if someone died function checkdeath(attacker, opponent) { if (opponent.hp <= 0 && messagewritten == false) { finished = true; yvWriter( commentBox, opponent.name + ' is unable to battle ~ ' + attacker.name + ' Won the Battle', 0, 50, true, function() { messagewritten = true; if (opponent == redcorner) { $('#ending').css( 'background-image', "url('https://www.sololearn.com/Icons/Avatars/4586359.jpg')" ); } $('#ending').css('zIndex', '10'); }, 2000 ); } } //YvWriter adapted from Serena Pokemon Battle Code function yvWriter( target, message, idx, interval, clear, funcToExecute, dealy ) { if (clear) $(target).html(''); var intervalId = setInterval(function() { if (message[idx] === '~') { $(target).append('
'); idx++; } else { $(target).append(message[idx++]); } if (idx >= message.length) { clearInterval(intervalId); setTimeout(funcToExecute, dealy); } }, interval); } //first attack then comment and then get attacked and comment function attackCommentDefend(me, opponent, move) { if (!finished) { //then we will decide which comment to do //first we attack on the opponent using the move if (!finished) { me.attack(opponent, move); } if (opponent.hp < 0) { opponent.hp = 0; } docomment(); //then we will show that comment if (!finished) { showdialogue(me, me.moves[move].name, comment, opponent); } //then we change the hp bar and number of opponent hp opponenthp.attr('value', opponent.hp); opponenthpnum.text(opponent.hp); //after the comment is written we will check if the opponent died } // setTimeout(checkdeath(opponent, me), 8000); if (!finished) { //opponent move will be a random number move = randomgen(0, 4); //after attacking commenting now its opponent turn setTimeout(function() { //opponent attacks me if (!finished) { opponent.aiattack(me, move); } if (me.hp < 0) { me.hp = 0; } selfhp.attr('value', me.hp); selfhpnum.text(me.hp); //we update our hp bar //we decide a comment docomment(); //and we show comment if (!finished) { showdialogue( opponent, opponent.moves[move].name, comment, me ); } }, 6000); } //check if the player died // setTimeout(checkdeath(me, opponent), 8000); //now after all these //prompt the user to select his next move if (!finished) { setTimeout(function() { if (!finished) { yvWriter( commentBox, 'What will ' + me.name + ' do now', 0, 50, true, function() { options.css('display', 'block'); } ); } }, 12000); } } //the pokemons that we will be using //a random pokemon from the pokemons list as redcorner or player var redcorner = serena; // var redcorner = pikachu; //we will see which pokemon was selected for the player and we will remove it from the list //now from the rest of the list we will select the opponnet pokemon or bluecorner var bluecorner = ash; // var bluecorner = blastoise; //these are various things we want to set when the document loads //first set the images of our pokemon yvWriter( '#greetings', 'Dear Trainer, Welcome to Pokemon Battle Stadium', 0, 100, false, function() { $('#greetings').html( 'Dear Trainer, Welcome to Pokemon Battle Stadium' ); }, 0 ); setTimeout(function() { $('#start_button') .css('animation', 'fading 3s') .css('opacity', '1'); }, 5500); // $('#start_button').click(function() { $('#start_menu').remove(); $('#opponentLandSvg').css('animation', 'slidingland 3s'); $('#MyLandSvg').css('animation', 'slidingpcl 3s'); $('#oi').css('animation', 'sliding 3s'); $('#si').css('animation', 'slidingpc 3s'); options.css('display', 'none'); yvWriter( commentBox, 'A wild ' + bluecorner.name + ' appeared!' + '~' + bluecorner.cry, 0, 50, true, function() { yvWriter( commentBox, 'What will ' + redcorner.name + ' do now?', 0, 50, true, function() { options.css('display', 'block'); }, 2000 ); }, 3000 ); // }); $('#oi').attr('src', bluecorner.frontimage); $('#si').attr('src', redcorner.backimage); //then update the hp bar of pokemons opponenthp.attr('value', bluecorner.hp); selfhp.attr('value', redcorner.hp); //the current hp at the start is the max hp so save its value and display //and also set the initial hp of pokemon in th hp num var opponentmaxhp = bluecorner.hp; $('#opponentmaxhp').text(opponentmaxhp); opponenthp.attr('max', bluecorner.hp); opponenthpnum.text(bluecorner.hp); var selfmaxhp = redcorner.hp; $('#selfmaxhp').text(selfmaxhp); selfhp.attr('max', redcorner.hp); selfhpnum.text(redcorner.hp); //set the opponent name and my name $('#opponentname').text(bluecorner.name); $('#selfname').text(redcorner.name); });

Serena V/S Ash {Parody}