The Genius Beagle

This is my first project done for my web development bootcamp at Ironhack. The idea was to create a simple arcade-style web game for the browser using JavaScript to code. The game was designed for a big screen at that time, which is why it is not responsive in the current version.

I designed this short game based on my dog, Russel, who eats almost anything possible and is not the most pro dog when it comes to catching treats ;) Yes, he is a Beagle.

To create a simple, retro-style, and unique atmosphere in the game, I decided to use identical characteristics for all the visual elements, including falling objects, the game background, and the main characters. To do so, I started learning and practicing prompt writing to benefit from AI to create the illustrations.

The voices you hear after catching the objects, are recorder by myself with cellphone :)

The Genius Beagle

The main challenge I had to face while writing the code was defining two different sets of objects (good & bad foods ) and determining the outcome of each interaction between the main character ( the Dog ) and those objects.

To do so, I categorised those objects into two classes of obstacles and assigned different sets of rules and connections to each class, to enrich the best possible functionality for the game.

The game consists of three single pages, which are shown in specific circumstances. The guide page which is the starting page that includes instructions on how to play the game. The main gameplay page appears right after you press the start button, and the results page, which appears after the player loses all three lives. There, you can see the three top scores achieved so far and a button to restart the game.

You want to try it? Press the button

Next
Next

Project Two