https://github.com/shahzaibkhalid/electronic-drum-kit

An interactive, close to real, drum playing experience, built using HTML, CSS & JavaScript.
https://github.com/shahzaibkhalid/electronic-drum-kit

css html javascript

Last synced: 3 months ago
JSON representation

An interactive, close to real, drum playing experience, built using HTML, CSS & JavaScript.

• Host: GitHub
• URL: https://github.com/shahzaibkhalid/electronic-drum-kit
• Owner: shahzaibkhalid
• License: mit
• Created: 2017-09-19T16:51:05.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-12-10T11:07:41.000Z (over 7 years ago)
• Last Synced: 2025-02-02T01:44:44.538Z (5 months ago)
• Topics: css, html, javascript
• Language: HTML
• Homepage: https://shahzaibkhalid.github.io/electronic-drum-kit/
• Size: 5.32 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
Electronic Drum Kit

Drum Playing, Redefined!


An interactive, close to real, drum playing experience, built using HTML, CSS & JavaScript.


## Detail

Electronic Drum Kit provides an engaging, immersive and personal electronic drum kit playing expereince. It can be played through keyboard keys or by directly clicking or touching the keys.

Efforts have been made to make it minimal, more fun and insanely simple that a 3 years old can play and enjoy with it.

## Design

This is how the design looks like:

![electronic drum kit](./images/drum-kit-1.png)

![electronic drum kit](./images/drum-kit-2.png)

![electronic drum kit](./images/drum-kit-3.png)

## Play

You can play Electronic Drum Kit by clicking [here](https://shahzaibkhalid.github.io/electronic-drum-kit/)

## License

Electronic Drum Kit is licensed under the [MIT License](https://github.com/shahzaibkhalid/electronic-drum-kit/blob/master/LICENSE.txt).

Copyright (c) 2017 Shahzaib Khalid