Skip to content
← Back to Community
BeatKeeper - Make a rhythm game out of literally any song
Profile icon
rshetty

BeatKeeper

Although I did all the coding on this game, I have to give a huge thank you to the p5.js and JsMediaTags libraries for making my life easier in both the frontend and the backend. Also, thanks to Vexento for the home screen music.

BeatKeeper is a game that allows you to upload any song you like and it will create a rhythm game in real time.

image

I put a lot of work into the game, adding features such as:

  • Real-time audio analysis and beat detection
  • Music visualization using the Fast Fourier Transform
  • Upload any mp3, wav, or ogg file to the server
  • Auto-delete files older than one hour
  • Song title and artist auto-recognition
  • Adaptive treble threshold
  • and more!

The awesome thing about BeatKeeper (I think) is that this has never been done before. A rhythm game maker, as far as I know, has not existed before this in Javascript and with any song. Previously, the Javascript versions have needed special .bms files which contain a preprocessed audio analysis. This does it in real time.

I'm going to keep updating BeatKeeper until the deadline. I would really appreciate if you could play the game and let me know what you think. Keep in mind that not all songs will work well with this. The best possible songs (as proven in the demo) are loud, with a well-defined beat.

PLEASE OPEN IN FULLSCREEN AND USE HEADPHONES!!

Voters
Profile icon
syflexer
Profile icon
yamarugii
Profile icon
WillieDoyle
Profile icon
trisabc1
Profile icon
SeseiFlexFlex
Profile icon
EthanJustice
Profile icon
mkhoi
Profile icon
joyalzzy
Profile icon
ClaireBookworm
Profile icon
DarshManocha
Comments
hotnewtop
Profile icon
SamuelWaller

I cant get this to work... im so upset! it looks so cool i want to try it!

Profile icon
ArpanDhatt

I think we can both agree that p5.js is awesome!

Profile icon
rshetty

@ArpanDhatt for sure. absolutely wouldn't have been able to finish this project without it.

Profile icon
AlephZero

Awesome! Really impressive.

Profile icon
rshetty

@AlephZero Thank you!

Profile icon
MagnoliaGotTook

"Hmmmm.... We Couldn't Reach Your Repl
Make sure your repl has a port open and is ready to receive HTTP traffic." sadge