CodeCanU
← Back to products
HTML5 / Games

Drum Beats - HTML5 Game

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…

25.00 USDT
Version
2.2

All source code listed on this site is collected from the internet. If any listing infringes your rights, please contact us and we will remove it immediately.

Description

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.


Add-ons

The add-on is an additional feature added to the game and it requires the base game in order to work, below are the add-ons that are compatible with this game:


Enhance your game with an integrated leaderboard system where players can submit their scores and view the Top 10 rankings. Add Add-on.

Features

  • Easy to reskin with your own design
  • Easy to customize game settings
  • Total 4 drum hit incl (Left, Right, Left Edge, Right Edge)
  • Total 6 music ready to play
  • Notes Settings incl (Image Assets, Drum Hit Type, Single or Double, Repeat, Total Score)
  • Music Settings incl (Preview Song, Note Type, Notes Position)
  • Music file in mp3 and ogg format
  • Build-In Editor page to add and edit music notes
  • Complete game customization (Text Display, Image Assets)
  • Basic options (Enter FullScreen, Mute Sound, Exit Game)
  • Share Score (Facebook, Twitter, Whatsapp, Telegram, Reddit, Linkedin)
  • High Definition (1280×768)
  • Auto-Resize (Responsive)
  • Keyboard, Mouse and Touch Controls
  • Run in all platforms (Mobile, PC, etc.)
  • Browser not support page
  • Mobile rotate instruction (For Landscape Only)
  • Make with CreateJS

Item include

  • HTML5 source files
  • Photoshop PSD file
  • Documentation

Changelog

Version 2.2 - Updated to 2026 template Version 2.1 - Converted content data to JSON format - Added built-in editor save option Version 2.0 - Fixed HTML5 template - Fixed Social Share Version 1.9 - Rebuilt HTML5 template - Improved scaling with devicePixelRatio - Added social share (Telegram, Reddit, Linkedin) Version 1.8 - Prevent iframe scrolling Version 1.7 - Updated sound function - Added music button 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

Drum Beats - HTML5 Game

25.00 USDT
Buy now

After successful payment, you will receive a download link for the source code