This webpage was made as my final project for DTC477 Advanced Multimedia Authoring at Washington State University Vancouver. For this project, I wanted to utilize the knowledge of JavaScript I accumulated over the semester, and to do so I decided to create a short game. The game is called Big City Bounty and takes place in a grungy, futuristic city where a crime organization is on the rise and a bounty hunter, the player, is hired to take down the head of the organization.

With a mixture of JavaScript and jQuery, I gave the player the option to choose one of four different character portraits and one of three different weapons. The selection of these options activates the jQuery to input the selected character portrait and weapon images into their designated spaces, as well as activates the JavaScript to set the health and attack damage of the weapon the player has chosen. Once selected, the screen changes to show the character, weapon, and current stats on a panel to the right while providing story options on the left majority of the screen. As the player moves through an old warehouse where the boss of the criminal organization is located, they have a chance of running into one wrong room, an attempt at an option for the player to explore, and they have a chance of running into two different bad guys, thugs working for the crime boss, one of which they will always run into because they guard a mandatory path. For each fight sequence, including the boss at the end, an image of the enemy appears with a button beneath them allowing the player to attack. On clicking the attack button, a while loop runs for the player’s turn, generating a random number to see whether the player hits, which either results in a true result in which the player deals a random number of damage according to their weapon or results in a false result in which they miss the attack. With either option, once damage has or has not been applied to the enemy’s health, the while loop becomes false and the while loop for the enemy’s turn becomes true. The same basic process runs for the enemy, and after each individual’s turn a section below the attack button inserts the results for the round. Upon defeating the enemy, defined as the enemy’s health reaching or falling below zero, the player is allowed to continue the story, in the boss’s case the player is given a screen letting them know they won. However, if the player’s health reaches or falls below zero, with different text depending on whether they lost to a thug or lost to the boss, they are given a screen letting them know they have lost.

Overall, the game is quite simple; however, being relatively new to JavaScript and jQuery, it provided a fun challenge for my newfound skills and showed me new ways of accomplishing different tasks. I enjoyed creating this little game and hope others enjoy playing it.