The Genius Beagle
This was my first web development project at Ironhack: a simple, arcade-style browser game built with JavaScript. The concept was inspired by my Beagle, Russel, whose playful personality shaped both the gameplay and design.
I created a cohesive retro-inspired visual style by maintaining consistent characteristics across falling objects, characters, and backgrounds, using AI-generated illustrations to streamline asset creation. Audio feedback—voices triggered when catching objects—was self-recorded, adding a personal touch.
This project strengthened my skills in JavaScript programming, DOM manipulation, and event handling, while also exploring creative design, storytelling, and AI-assisted illustration, blending technical execution with engaging user experience.
The Genius Beagle
The main challenge I faced while coding the game was defining two distinct sets of objects—good and bad foods—and determining the outcome of each interaction with the main character, the dog.
To address this, I categorized the objects into two classes of obstacles, assigning each class its own set of rules and interactions. This approach allowed me to implement clear game logic while maximizing functionality and creating an engaging gameplay experience.
The game is structured across three single pages, each displayed under specific conditions:
Guide page: The starting page, providing instructions on how to play.
Gameplay page: Activated after pressing the start button, where the main game takes place.
Results page: Appears when the player loses all three lives, showing the top three scores and offering a button to restart the game.
