The Drums Kit is a web application that simulates a virtual drums set. It allows users to play different drum sounds by clicking on the virtual drum buttons. The sounds are triggered using ASCII values mapped to the corresponding keys on the keyboard.
You can try out the Drums Kit live by visiting the demo page.
The main goal of this project is to create an interactive webpage that emulates a drums set. The use of ASCII values allows for triggering drum sounds using both mouse clicks and keyboard input, providing an engaging and interactive drumming experience.
- Virtual drums set with clickable drum buttons representing different drum sounds.
- Real-time drum sound playback triggered by mouse clicks or corresponding keyboard keys.
- Visual feedback with button animations upon interaction.
The Drums Kit project is built using the following technologies:
- HTML
- CSS
- JavaScript
To use the Drums Kit locally, follow these steps:
- Clone the repository:
git clone https://github.com/Ajmal112/drums-kit.git - Open
index.htmlin your web browser. - Click on the drum buttons or press the corresponding keys on your keyboard to play the drum sounds.
Feel free to explore and modify the code to suit your needs. You can customize the drum sounds, button styles, or add additional features to enhance the drumming experience.
Contributions are welcome! If you find any issues or have suggestions for improvements, please open an issue or submit a pull request.
The Drums Kit is released under the MIT License.