Back to Projects

Another Rhythm Game

Browser-based rhythm game with real-time beat detection. Collaborative project inspired by OSU.

Another Rhythm Game

What It Is

A browser-based rhythm game where you hit buttons in time with the music. Built with Shane during Phase 3 at Flatiron School.

Inspired by OSU—but built from scratch.

How It Works

The game analyzes audio in real-time using the Web Audio API. When the beat drops, buttons appear. Hit them on time, earn points.

Features:

  • Score saving with usernames
  • Guest mode for casual play
  • Top 10 leaderboard
  • Built-in instructions

Who Did What

This was true pair programming. We both touched everything, but naturally gravitated to different areas:

Shane: Ruby backend, built the audio analyzer that detects beat frequencies

Me: JavaScript frontend, took the analyzer output and created the button timing system

Tech Stack

  • Ruby on Rails (backend)
  • JavaScript + HTML5 + CSS3 (frontend)
  • Web Audio API (beat detection)
  • PostgreSQL (scores)

What I Learned

Audio programming is tricky. Syncing visuals to sound requires precision most web apps don't need.

Good collaboration = complementary skills. Shane's backend focus and my frontend focus made us faster together.

"Game feel" matters. Tiny timing adjustments made the difference between frustrating and fun.