Drum Beats - HTML5 Game

Drum Beats - HTML5 Game

Cart 15 sales

Drum Beats is a HTML5 game where you have to hit a simulated drum following a chosen piece of music, symbols moving horizontally along a timeline show what to hit and when, successful hitted the symbols will score.

The ZIP package contains the game with 1280×768 resolution that scales to fit the whole screen device, but it may not be perfectly full screen.

How To Play:
1) Press keyboard B,N for surface of the drum, press V,M for edge of the drum.
2) For mobile touch surface or edge of the drum.
3) Hit a simulated drum to score.

Build-In Editor Tool:
The game come with Build-In Editor tool, you can build and preview drum beats easily with the tool.


This game is compatible with Scoreboard for HTML5 Games, it is a add-ons page where user can submit score and view top 10 leaderboard. You can get it here.

  • Total 4 drum hit (Left, Right, Left Edge, Right Edge)
  • Total 6 musics ready to play
  • Total 8 Symbols (Image Assets, Drum Hit, Sync, Repeat, Score)
  • Music Settings (Preview Song, Symbol Type, Symbols Position)
  • Music file in mp3 and ogg format
  • Build-In Editor Tool to preview or edit symbols
  • Complete game customization (Text Display, Images)
  • Basic options (Enter FullScreen, Mute Sound, Exit Game)
  • Share Score (Facebook, Twitter, Whatsapp)
  • High Definition (1280×768)
  • Auto-Resize (Responsive)
  • Mouse and Touch Controls
  • Run in all platforms (Mobile, PC, etc.)
  • Browser not support page
  • Mobile rotate instruction (For Landscape Only)
  • Make with CreateJS
Version 1.6:
- Fixed editor tool issue

Version 1.5:
- Fixed scoreboard issue

Version 1.4
- Add-on script integrated

Version 1.3
- Fixed Build-in Editor issues

Version 1.2
- Build-in Editor Tool UI improvements

Version 1.1
- Updated select songs page for better UI

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey