https://github.com/alexoid1/virtual-drum
This is drum machine that can be played with keyboard and with your mouse click. It was built in vanilla JavaScript, CSS, HTML. The Drum machine uses keydown events to trigger the sounds.
https://github.com/alexoid1/virtual-drum
drum-machine html-css-javascript
Last synced: 4 months ago
JSON representation
This is drum machine that can be played with keyboard and with your mouse click. It was built in vanilla JavaScript, CSS, HTML. The Drum machine uses keydown events to trigger the sounds.
- Host: GitHub
- URL: https://github.com/alexoid1/virtual-drum
- Owner: Alexoid1
- Created: 2020-01-01T03:28:34.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2020-06-30T18:09:53.000Z (over 5 years ago)
- Last Synced: 2025-03-29T06:31:22.284Z (7 months ago)
- Topics: drum-machine, html-css-javascript
- Language: HTML
- Homepage: https://alexoid1.github.io/Virtual-Drum/
- Size: 2.05 MB
- Stars: 7
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Virtual-Drum
## Emulate a drum with the keyboard
Additional description about the project and its features.
## Built With
- HTML,
- JavaScript
- Css
## Live Demo
[Live Demo Link](https://alexoid1.github.io/Virtual-Drum/)
## Getting Started
**Navigation bar**
- Go to (https://alexoid1.github.io/Virtual-Drum/) and have a look around.
In this project:
- Add border efect on every keyboard event.
- Add diferent sounds in every keyboard and click event.
To get a local copy and to set it up and running follow these simple example steps.
### Prerequisites
- Browser
- Internet
- Download the code from repository (https://github.com/Alexoid1/Virtual-Drum)
## Author
👤 **Pablo Alexis Zambrano Coral**
- Github: [@Alexoid1](https://github.com/Alexoid1)
- Twitter: [@pablo_acz](https://twitter.com/pablo_acz)
- Linkedin: [linkedin](https://www.linkedin.com/in/pablo-alexis-zambrano-coral-7a614a189/)
## Show your support
Give a ⭐️ if you like this project!
## 📝 License
This project is [MIT](LICENSE) licensed.#