We now come to the last task—resetting the cards for the next round of battle. At this stage, the battle animation runs once and then the game stalls there. In this task, we reset all the card states so that the player can select another card and trigger another round of battle until either side is dead.
Let's continue the battle with the following steps:
Inside the
gameScene.restartGamemethod, we add the following code to toggle theoutandflippedstate for all the cards:/* reset the transition state */ allCardElms.forEach(function(elm){ elm.classList.remove('in'); elm.classList.add('out'); }); allPlayerCardElms.forEach(function(elm){ elm.classList.remove('selected'); elm.classList.add('flipped'); });Remember that we have commented out the
restartGamemethod calling in the previous task. Now, we can enable this method calling by removing the comments. The battle round then repeats until the game ends:gameScene.restartGame...