https://github.com/ejarzo/drum-radar

A radial drum machine
https://github.com/ejarzo/drum-radar

audio drum loop machine music p5 p5js radar tonejs web-audio webaudio

Last synced: about 18 hours ago
JSON representation

A radial drum machine

• Host: GitHub
• URL: https://github.com/ejarzo/drum-radar
• Owner: ejarzo
• Created: 2020-09-25T13:46:25.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2020-10-09T20:22:46.000Z (over 5 years ago)
• Last Synced: 2025-06-21T19:39:26.266Z (about 1 year ago)
• Topics: audio, drum, loop, machine, music, p5, p5js, radar, tonejs, web-audio, webaudio
• Language: JavaScript
• Homepage: https://drum-radar.netlify.app/
• Size: 182 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# [Drum Radar](https://drum-radar.netlify.app/)

![Drum Radar](img/drum-radar.png)

The [Drum Radar](https://drum-radar.netlify.app/) is a drum machine that visualizes rhythm as circles and spokes. Each drum track plays at constant rate in a circle, 'hitting' spokes as it passes to trigger its sample. For each drum sound you can control how big its radius is (how long the loop lasts) and how many divisions it has (how many times it will play during that loop). This allows for some interesting combinations of synced and freeform polyrhythms.

Made with [ToneJS](https://github.com/Tonejs/Tone.js/) and [P5](https://github.com/processing/p5.js)