AhmedBader97 / InteractiveDrumKit

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

My Awesome Project

Interactive Drum Kit 🥁

Welcome to the Interactive Drum Kit, a vibrant and engaging web application that transforms your keyboard into a virtual drum set. Immerse yourself in the world of drumming, whether you're a seasoned percussionist or just looking to have some rhythmic fun.

How to Play

  1. Keyboard Controls:

    • Press the keys 'w', 'a', 's', 'd', 'j', 'k', and 'l' to play various drum sounds.
    • Ensure your sound is enabled for the full auditory experience.
  2. On-Screen Buttons:

    • Alternatively, click the on-screen buttons representing each drum element to produce dynamic drum beats.

Visual and Audio Feedback

  • Watch the virtual drumsticks move with each beat, providing a visual spectacle.
  • Each drum element is accompanied by a unique and realistic drum sound for an immersive audio experience.

Contributing

Feel free to contribute to this project by enhancing visual effects, adding new drum sounds, or suggesting improvements. Fork the repository, make your changes, and submit a pull request.

Author

  • Ahmed Bader

License

This project is licensed under the MIT License, allowing you to use and modify the code for your own projects.


About


Languages

Language:JavaScript 66.1%Language:CSS 19.6%Language:HTML 14.3%