https://github.com/amankumarsinhagithub/play-drum-kit

A simple drum play game
https://github.com/amankumarsinhagithub/play-drum-kit

drumkit game html-css-javascript

Last synced: about 1 month ago
JSON representation

A simple drum play game

• Host: GitHub
• URL: https://github.com/amankumarsinhagithub/play-drum-kit
• Owner: AmanKumarSinhaGitHub
• Created: 2023-01-20T14:24:18.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-11-20T13:36:32.000Z (over 1 year ago)
• Last Synced: 2024-11-16T15:05:46.434Z (3 months ago)
• Topics: drumkit, game, html-css-javascript
• Language: JavaScript
• Homepage: https://amankumarsinhagithub.github.io/Play-Drum-Kit/
• Size: 357 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# Play-Drum-Kit

## [Click Here to Play the Game](https://amankumarsinhagithub.github.io/Play-Drum-Kit/)

This is a simple drum kit web application that allows users to play drum sounds either by clicking on the buttons displayed on the screen or by using the corresponding keyboard keys.

## Getting Started

1. **Clone the Repository:**

   ```bash

   git clone https://github.com/AmanKumarSinhaGitHub/Play-Drum-Kit.git

   ```

2. **Open the HTML File:**

   Open the `index.html` file in your preferred web browser.

3. **Play the Drums:**

   - Click on the drum buttons displayed on the screen.

   - Alternatively, use the keyboard keys (w, a, s, d, j, k, l) to trigger drum sounds.

## File Structure

- **index.html:** Main HTML file for the drum kit.

- **styles.css:** CSS file for styling the drum kit.

- **script.js:** JavaScript file containing the functionality of the drum kit.

- **sounds/:** Folder containing audio files for different drum sounds.

- **images/:** Folder containing images used in the project.

## Thank You