A web-based Phaser game that lets you play a platformer game from your Spotify playlist, and enjoy navigating through platforms, obstacles, collect tunes along the playback of your favorite songs!
- Phaser for gameplay
- Spotify API to fetch and analyze tracks to get track information
- melody.ml to split the song into components
- Node for backend to handle all API calls
The user starts off by signing in from the landing page using their Spotify account. The Spotify API is used to analyze the tempo and beats of the songs for gameplay.
After the user signs in using Spotify, the game begins at the start menu. This page is located in
public/js/startScene.js. After pressing the start button, they are redirected to the song choice menu.
Song Choice Menu
In the song choice menu, the user can choose one of three songs to play. After choosing a song, the user is redirected to the game. This page is located in
After finishing the game, the user can view their score, and choose to play another game. This page is located in
The user presses the space bar to jump and navigate between platforms. Each time they collect a music note, their score increases by 10.
Each time the user comes into contact with a bomb, their health decreases by 1, and the music reduces to a single track. The user only has four lives.
Every 300 points, the user gains a shield that prevents them from losing a life from the next bomb they hit. Every 550 points, they get another life back.
- Using the Spotify API to generate a map for the user's most played song
- More powerups for the user
- Different types of obstacles