In this assignment, I created an RPG interactive game with HTML and the jQuery library. See demo here.
HTML, CSS, and JQuery game web application based on Star Wars characters, fighting with attackPower and counterAttackPower to damage each others healthPoints .
-
Here's how the app works:
-
When the game starts, the player will choose a character by clicking on the fighter's picture. The player will fight as that character for the rest of the game.
-
The player must then defeat all of the remaining fighters. Enemies should be moved to a different area of the screen.
-
The player chooses an opponent by clicking on an enemy's picture.
-
Once the player selects an opponent, that enemy is moved to a
defender area
. -
The player will now be able to click the
attack
button.- Whenever the player clicks
attack
, their character damages the defender. The opponent will loseHP
(health points). These points are displayed at the bottom of the defender's picture. - The opponent character will instantly counter the attack. When that happens, the player's character will lose some of their
HP
. These points are shown at the bottom of the player character's picture.
- Whenever the player clicks
-
-
The player will keep hitting the attack button in an effort to defeat their opponent.
- When the defender's
HP
is reduced to zero or below, remove the enemy from thedefender area
. The player character can now choose a new opponent.
- When the defender's
-
The player wins the game by defeating all enemy characters. The player loses the game the game if their character's
HP
falls to zero or below.
- Each character in the game has 3 attributes:
Health Points
,Attack Power
andCounter Attack Power
.
*See points above in character div and fight message status in console.
- Each time the player attacks, their character's Attack Power increases by its base Attack Power.
- For example, if the base Attack Power is 6, each attack will increase the Attack Power by 6 (12, 18, 24, 30 and so on).
- The enemy character only has
Counter Attack Power
.- Unlike the player's
Attack Points
,Counter Attack Power
never changes.
- Unlike the player's
- The
Health Points
,Attack Power
andCounter Attack Power
of each character must differ. - No characters in the game can heal or recover Health Points.
- A winning player must pick their characters wisely by first fighting an enemy with low
Counter Attack Power
. This will allow them to grindAttack Power
and to take on enemies before they lose all of theirHealth Points
. Healing options would mess with this dynamic.
- A winning player must pick their characters wisely by first fighting an enemy with low
- Your players should be able to win and lose the game no matter what character they choose. The challenge should come from picking the right enemies, not choosing the strongest player.
Coding Boot Camp (C) 2016. All Rights Reserved.