Hobémon!
Gotta catch em' all.

Hobémon is a basic Pokémon-style game that was designed and coded using HTML and Vanilla JavaScript. Explore the map and battle against other Hobémons.
Scroll down to view the project
Carousel arrowHobemon battle cover image

Crafting the game

The game takes place in the small town of Rose City. The map was created using Tiled and designed to be the shape of Oregon. Using Figma, I changed the sprites colors and customized my character to have red hair. Once I had assembled all the game assets, I began to code.
Rose City mapHobemon character spriteHobemon spritesBattle scene background

Writing the code

The game was built in Visual Studio Code using HTML and Vanilla JavaScript. It was an extremely fun project that challenged me while strengthening my coding skills.

Check below to view
a snippet of my code!
Carousel arrow

Game demo

How to play:
Walk and explore the map. To battle a Hobémon, walk in the thick grass areas until you are pulled into battle.

Controls: 
Click on the game to begin.
Walk using the arrow keys or W,A,S,D on your keyboard.
When pulled into battle, Click on the screen to attack and run through the dialogue.