TR-101

A Drum machine. Made with Vue and the web audio api.

Live Demo

See the live demo here

Local Setup

# 💡 If you don't have yarn, run `npm install --global yarn`
# Install dependencies
yarn
# Start development version of app locally
yarn start
# Build optimized production version of the app
yarn 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:

• Make a one time donation on PayPal
• Support me on Patreon

Related

• awesome-audio-resources: A list of resources and projects to help learn about audio on the web