Portfolio / Web App

Dragon Rock: Battle of the Bands

A mobile-first fantasy rhythm battle game where guitar riffs power dragons, defeat bosses and unlock new worlds.

About the build

What it does

Dragon Rock: Battle of the Bands is an original browser-based rhythm combat game created in collaboration with Tarlera Crane as Creative Director. Players hit notes in time with the music to attack fantasy enemies, build combos, charge Dragon Energy and unleash powerful dragon abilities.

Unlike a traditional rhythm game where notes only increase a score, every successful or missed note directly affects the battle. Accurate timing increases attack damage and Dragon Energy, while missed notes allow enemies to counterattack and reduce the player's health.

The first playable version includes two populated fantasy worlds, multiple battles, unique bosses, unlockable dragons, four difficulty modes and player progression.

Dragon Rock also includes a protected Creator Studio that allows new dragons, bosses, worlds and levels to be created without editing the game's source code. Creative content follows a Draft → Ready for Dad → Approved → Live workflow, allowing Tarlera to freely develop ideas while protecting the live game.

The game was designed mobile-first as an installable PWA, with large touch controls for phones and keyboard controls for desktop. Its soundtrack system uses original browser-generated music rather than commercial recordings, helping keep the project independent and copyright-safe.

Features

  • 2 populated fantasy worlds
  • 6 playable battles
  • 4 dragons with unique special attacks
  • Real-time rhythm combat
  • Perfect / Great / Good / Miss timing system
  • Combo and score multipliers
  • Dragon Energy special attacks
  • Player and boss health systems
  • Boss counterattacks tied to missed notes
  • Easy difficulty
  • Normal difficulty
  • Hard difficulty
  • Dragon Mode
  • Unlockable player progression
  • Stars and coin rewards
  • Unlockable dragons
  • Unlockable worlds and battles
  • Global leaderboard
  • Signed battle sessions for score protection
  • Mobile touch controls
  • Desktop A / S / D / F keyboard controls
  • Installable Progressive Web App (PWA)
  • Original procedurally generated soundtrack
  • No commercial music or copyrighted recordings included
  • Creator Studio content management system
  • Dragon creator and editor
  • Boss creator and editor
  • World creator and editor
  • Level creator and editor
  • Artwork upload system
  • Draft → Ready for Dad → Approved → Live publishing workflow
  • Protected Creative Director permissions
  • Owner approval and publishing controls
  • Created in collaboration with Tarlera as Creative Director
  • Social result sharing
  • Mobile-first responsive design
  • Data-driven game content
  • PHP and MySQL backend
  • Web Audio API rhythm and soundtrack engine
PHPMySQLJavaScriptHTML5CSS3Web Audio APIPWA, Service WorkerREST/APILocal Storage
Keep exploring

Related projects

Web App

Forklift Certified

Forklift Certified is a fast-paced warehouse arcade game. Drive, lift and deliver pallets, dodge hazards, complete jobs and climb the global leaderboard!

Web App

Viral Post

A free social content game where players create shareable posts, challenge others, earn Viral Score and climb global leaderboards.

Need something built?

Turn your idea into the next case study.

Start with a fixed package or send me the rough app idea and I’ll work out the sensible first version.