TR-101

June 4, 2022 ยท View on GitHub

demo

A Drum machine. Made with Vue and the WebAudio API.

Live Demo

See the live demo here

Local Setup

npm install
# Start development version of app locally
npm start
# Build optimized production version of the app
npm run build

Planned Additions

  • Mobile support (touch interface for knobs)
  • Make tempo changes and pauses/plays restart from the same place (probably with some accumulator parameter)
  • Accent / velocity editing
  • Audio to keep running in the background (even when requstAnimationFrame isn't being called)
  • Different waveforms
  • Master volume
  • Filters (HP/LP)
  • Keyboard shortcuts
  • Shareable presets
  • Effects (distortion, delay, reverb)
  • Sampler capabilities

Support

If you love this project, please either: