https://github.com/josephuspaye/cadence

🥁 Create and share drum patterns and sequences in the browser!
https://github.com/josephuspaye/cadence

createweekly drum-machine tonejs vuejs

Last synced: 5 months ago
JSON representation

🥁 Create and share drum patterns and sequences in the browser!

• Host: GitHub
• URL: https://github.com/josephuspaye/cadence
• Owner: JosephusPaye
• License: mit
• Created: 2020-01-28T10:27:58.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-11T22:26:13.000Z (almost 3 years ago)
• Last Synced: 2025-04-03T09:41:25.846Z (7 months ago)
• Topics: createweekly, drum-machine, tonejs, vuejs
• Language: Vue
• Homepage: https://focused-galileo-7aaf5d.netlify.com/
• Size: 846 KB
• Stars: 16
• Watchers: 2
• Forks: 2
• Open Issues: 18
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md

Awesome Lists containing this project

README

          
# Cadence

🥁 Create and share drum patterns and sequences in the browser! 

[![Promotional screenshot of Cadence app](./screenshot.png)](https://focused-galileo-7aaf5d.netlify.com)

This project is part of [#CreateWeekly](https://dev.to/josephuspaye/createweekly-create-something-new-publicly-every-week-in-2020-1nh9), my attempt to create something new publicly every week in 2020.

## Features

Cadence allows you to:

- Create 16-note drum patterns using 8 drum instruments: Ride, Open Hat, Closed Hat, Rim, Clap, Snare, Tom and Kick

- Set the beat tempo anywhere between 30bpm and 240bpm

- Save multiple beats locally in your browser

- Easily share your beats with others using a unique URL

Cadence uses [Tone.js](https://tonejs.github.io/) to access the [Web Audio API](https://webaudio.github.io/web-audio-api/).

## To-Do

- [ ] Add other samples for different drum sounds

- [ ] Add playback progress indicator (playhead)

## Contributing

See [contribution guide](CONTRIBUTING.md).

## Licence

[MIT](LICENCE)