unit-4-game

jQuery Game

Tech Used

• HTML
• CSS
• JavaScript
• jQuery

Contents

• Default Page - index.html
• Star Wars RPG
• Feed Homer RPG

Description:

• This repository contains the games created for the unit 4 assignment.
• The repository is deployed via GitHub Pages and the index.html default will be a page that allows the user to choose which of the two RPG games they would like to play
• This project was designed to highlight the use of jQuery to dynamically update HTML and interact with the user.

Default Page - index.html

• Link directly to the page here: https://tim-shaffer.github.io/unit-4-game/

The index page allows for the player to select which of the two RPG games to play and will re-direct to that game via the game links

Star Wars RPG

• Link directly to the page here: https://tim-shaffer.github.io/unit-4-game/StarWarsRpg.html

Description

Interactive Role Play Game to feature dynamically updated HTML page using jQuery.

1. When the game starts, the player will choose a character by clicking on the character's picture from the Choose a character section. The player will battle as that character for the rest of the game.
2. All remaining characters are moved to the Enemies section. The player then chooses an opponent by clicking on an enemies picture.
3. The enemy selected is moved to the Defender section.
4. The player will now be able to click the attack button.
   1. Whenever the player clicks attack, their attack power damages the defender. The defender will lose health points. The health points are displayed below the defender's picture.
   2. If the defender survives the attack, the defender will counter attack. The player's character will lose health points. The health points are displayed below the character's picture.
5. The player will keep hitting the attack button in an effort to defeat the defender.
   1. When the defender's health points are reduced to zero or below, the enemy is defeated and removed from the game. The player then must choose a new enemy to attack.
6. The player must then defeat all of the remaining enemies in the same manner to win the game.
7. The player loses the game if their character's health points falls to zero or below.

Game Notes

• Each character has their own Health Points, Attack Power, and Counter Attack Power.
• A players Attack Power will increase by it's base Attack Power after each attack.
  • ie. if the base Attack Power is 8, each attack will increase the Attack Power by 8 (8, 16, 24, 32, ...)
• The Defender only has Counter Attack Power
  • The Counter Attack Power remains the same.
• No characters in the game can heal or recover health points.
• Player must select the characters wisely. Each character can win or lose dependent upon the order they fight the defenders.

Feed Homer RPG

• Link directly to the page here: https://tim-shaffer.github.io/unit-4-game/FeedHomer.html

Description

Interactive Role Play Game to feature dynamically updated HTML page using jQuery.

1. There will be four donuts on the page.
2. The player will be shown a random number, Donuts needed to Satisfy.
3. The player will click an individual donut. Donuts Fed will be updated by a specific number of donuts.
   1. The game does not show the number of donuts assigned to each donut until that donut is clicked.
   2. The Donuts Fed will be updated with the amount that donut was worth.
   3. The player will have to calculate and remember each donut value to try and feed the correct amount EXACTLY
4. The player wins when the Donuts Fed matches the Donuts needed to Satisfy Homer.
   1. An alert message will be triggered.
   2. A sound of Homers appreciation will be triggered.
5. The player loses if they feed too many Donuts to Homer.
   1. An alert message will be triggered.
   2. A sound of Homers disappointment will be triggered.
6. Clicking the OK button on the Alert will trigger a new game to be reloaded.
   1. A new random number will be generated and shown as the NEW Donuts needed to Satisfy amount.
   2. Four new, hidden, random values will be assigned to the donut images.
   3. The Donuts Fed will also be reset to 0
7. A score-board section will be populated at the end of the first game to keep track of the player's wins and losses.

Game Notes

• The Donuts needed to Satisfy will be a random number between 19 and 120
• The Donut values will be random numbers between 1 and 12.
• No two Donuts will share the same value.