Skip to content
An 8-bit drum machine using JavaScript and CSS.
HTML JavaScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets
README.md
index.html
index.js
style.css

README.md

8-Bit Drum Machine

screenshot

Drum machine using 8-bit sounds, made with vanilla JavaScript and CSS.


Instructions: Use the buttons to create a pattern, then press play to hear it in action. Change the tempo using the slider (disabled while playing).

Play and stop icons are from Font Awesome.

8-bit samples are Bitkits from Uppercussion.

Layout accomplished with CSS grid.

Through this project, I learned how to use the following:

  • setInterval
  • working with audio
  • how to format links with Markdown
You can’t perform that action at this time.