JavaScript Pokémon

HTML, CSS, JavaScript
Project Overview
For my final project in "Interactive Media II" at UC Davis, I wanted to improve the game that I made earlier in the quarter. So, I made a fully functional 1v1 Pokémon battle game where two players could choose from a selection of four Pokémon and battle each other!
Demo Game
My Contributions
- Sole, lead designer and developer
Design
With only a month to complete my final project, I had to accelerate the design process a bit through dedicating 5+ hours per day on creating the pixel art for this project.
‍
Development
With guidance from my professor and colleagues, I was able to fully develop a complicated "Character Selection" feature that greatly improved my existing project. Along with this new feature, I improved the UI exponentially to emulate the early 2000s/late 1990s Pokémon games.

User Testing
User testing was pretty straight forward, as I conducted 2 sessions of 5 usability tests throughout the month of designing and development. The first session was solely to test version 1 of my final project. The second session was to test the improvements suggested in session 1.
My Process
Duration: 1 Month
March 2023

Choose your Pokémon!

In order to develop this feature, I just had to play around with my game index in my JavaScript file.

I wanted to add this feature to create a more intriguing game experience for my users.

Both, player 1 and player 2, have the option to choose between 4 Pokémon that I designed myself.

Pokémon Choices:
- Squirtle
- Charmander
- Bulbasaur
- Pikachu

Time to Battle!

After each player selects their desired Pokémon, they will be sent into a 1v1 battle.

How to Attack:
Each player will take turns attacking each other, and the attacks are randomly selected from an array of
0-6 (7 total outcomes). Each outcome also has a specific message that will be displayed.

Attacks
0 = -10hp
1 = -35hp
2 = -5hp
3 = +5hp
4 = -4hp
5 = Null
6 = -15hp

Demo GameNext Coding Project

Connect with me!

Let's connect! Click the icons below to reach me on LinkedIn or via email. I look forward to hearing from you!

EMAIL ME
LINKEDIN