5.4 - Turn Based Game - Corbin Otwell

[cbotwell]

Deliverables

• [x] A set of sketches (either on paper or digital) of the screens of your app
  • [x] Character Select
  • [x] Battle Screen (with attack buttons)
  • [x] Game End Screen
• [x] A list of features within your Github issue broken down into small steps
• [x] A full project with customized build tools to fit your project
• [x] A build on Github Pages with link in your Issue

  Requirements

• [x] No JSHint warnings or errors

  Normal Mode

• [x] There should be multiple enemy types.
• [x] The enemy type should be randomly generated.
• [x] There should be multiple player types.
• [x] You should be able to select the player type from a dropdown.
• [x] The gameplay should go back and forth between an enemy and the player, each inflicting damage on the other when they launch a successful attack.
• [x] The player should manually select the "Fight" action to attack.
• [x] The enemy should automatically attack when it is its turn.
• [x] You should use constructors and prototypes for the players and enemies.
• [x] The player's health should be visible.
• [x] The enemies health may be visible, at your discretion.
• [x] After either character is killed: show a game end screen
• [ ] Attacks should have a chance of failure

  Hard Mode

• [x] The player should be able to click "Start Over" on the game end screen
• [x] Show damage when dealt
• [ ] The player should be able to either "Fight" or "Use Magic", or some similar setup. Each player type should have different types of attack and/or magic. (check the weapons and getAttackStrength from our example in class)
• [ ] Give the player the ability to use items, such as items that regain health or increase attack.
• [ ] Make a party of players, rather than just one (a la Final Fantasy). The gameplay would cycle between Player 1 -> Enemy -> Player 2 -> Enemy, etc.
• [ ] Implement "ailments". E.g. being poisoned makes you weaker, being put to sleep makes you skip your turn.

[cbotwell]

[cbotwell]

Features

• [x] The Game should have a hero and an enemy.
• [x] A Hero should have the following properties: health, name, attack, picture
• [x] An Enemy should have the following properties: health, name, attack, picture
• [x] A User should see Hero Health, Attack Button, Enemy/Hero Name, Enemy Health
• [x] A User should be able to make a Hero fight/take action.
• [x] The Game should have turns.
• [x] An Enemy should be able to automatically attack on it's turn.
• [x] The Game should be able to tell when a player is defeated.
• [x] A User should be able to see an end game screen.
• [x] The Game should have multiple hero and enemy types.
• [x] A User should be able to select a player type.

[cbotwell]

:link: Corbin's 5.4 Pull Request

[rtablada]

@cbotwell in general, you are having to do a lot of $().html() for every attribute on the page. Since you have an instance of Game, which has your hero, enemy, and turns you could instead make it so that you send this game object to the template and then you can just rerender the entire game board any time things change.

This does make one problem: you will have to set your click handlers on the .game-target div and provide a selector to the on function from jQuery so that you don't have to redeclare your click handlers every time you render the battle screen.

As for checking on the game over status, try adding a isGameOver to your Game.prototype. This would allow you to check

if (game.isGameOver()) {
  // render end screen
} else {
  // re-render battle screen
}

[rtablada]

Also if the game had a function called chooseAttack then the game object could set the attack on the player, make the AI attack and then send an event saying that it is ready for user input again.

[cbotwell]

:link: Corbin's 5.4 GH Page

[cbotwell]

Still having issues with:

• Turns and getting the AI to attack on odd turns.
• Passing the selected hero and enemy's weapon in the attack function.

Additional goals:

• Hoping to improve the game over handling and start health over when a new game starts.
• Improve HP Bar to work with starting amounts other than 100
• [x] Update HP Bar for Hero when enemy attacks.
• [x] Additional art for other characters.
• Fix game breaking when hero and enemy are same character
• Add a test to one function.

[rtablada]

@cbotwell let's set up a time so we can look at the hard mode requirements and the health percentage