Musical Frogger Game: Learn Piano Scales
Summary: Musical Frogger is a game that runs in the browser, and blends my love for music and code into a playful interactive experience. Inspired by the classic arcade game Frogger, this project reimagines it with a musical twist: instead of simply dodging obstacles, every move creates a sound, turning gameplay into a unique performance.
Features
- Classic Gameplay, Musical Twist – Cross the lanes, avoid obstacles, and reach the goal, all while triggering musical notes.
- Playable Soundboard – Each lane or obstacle corresponds to a unique sound, creating melodies and rhythms as you move.
- Generative Music – No two playthroughs sound the same—gameplay itself composes dynamic, procedural music.
- Technologies used: TypeScript, p5.js, Vite, and Tailwind CSS
Core Considerations
- Creative coding: Learning can be fun, I had a desire to make something musically expressive, visually pleasing and beneficial by being educational.
- Simple game development: The initial idea was to recreate frogger, and the core principles were accomplished by building state management, collision detection, and input handling.
- UI/UX: Making an interactive app that is visually simple yet musically rich, while adding a bit of "whimsy" and put a spin on a timeless arcade classic.
Future Plans
- (In Progress) Future plans to incorporate Electron + Vite for packaging into a desktop app.
- Add difficulty scaling for an increased challenge
- Experiment with other instruments
