Show HN: Beats, a web-based drum machine
47 points
6 hours ago
| 9 comments
| beats.lasagna.pizza
| HN
Hello all!

I've been an avid fan of Pocket Operators by Teenage Engineering since I found out about them. I even own an EP-133 K.O. II today, which I love.

A couple of months ago, Reddit user andiam03 shared a Google Sheet with some drum patterns [1]. I thought it was a very cool way to share and understand beats.

During the weekend I coded a basic version of this app I am sharing today. I iterated over it in my free time, and yesterday I felt like I had a pretty good version to share with y'all.

It's not meant to be a sequencer but rather a way to experiment with beats and basic sounds, save them, and use them in your songs. It also has a sharing feature with a link.

It was built using Tone.js [2], Stimulus [3] and deployed in Render [4] as a static website. I used an LLM to read the Tone.js documentation and generate sounds, since I have no knowledge about sound production, and modified from there.

Anyway, hope you like it! I had a blast building it.

[0]: https://teenage.engineering

[1]: https://docs.google.com/spreadsheets/d/1GMRWxEqcZGdBzJg52soe...

[2]: https://tonejs.github.io

[3]: https://stimulus.hotwired.dev

[4]: http://render.com

bracketfocus
1 hour ago
[-]
Nice. I made something similar ~6 years ago, yours is a lot better though.

https://erikburt.github.io/TSequencer/

reply
Voltage
4 hours ago
[-]
reply
kinduff
4 hours ago
[-]
Nice beat! What do you mean by triplets?
reply
Voltage
4 hours ago
[-]
https://www.youtube.com/watch?v=wYPY9-yjclo

Squeezing 3 hits (evenly placed) in the time that you'd expect to hit 2 hit.

reply
brikym
1 hour ago
[-]
Nice. I love how you're not using a framework just pure javascript.
reply
nilram
5 hours ago
[-]
Not great waveforms, to my ear. Decent UI for a first cut -- trying it out, I found it really addictive. Makes me want to learn more about beats.
reply
hmcamp
2 hours ago
[-]
I like it. I think I’ll eventually take a whack at making something similar. Thanks for sharing
reply
hmokiguess
5 hours ago
[-]
Nice UI but your examples don’t feel right to me. Bossa nova sounds nothing like bossa nova.
reply
kinduff
4 hours ago
[-]
I agree, let me see if I can tweak it so it sounds a bit more like it.
reply
lagniappe
2 hours ago
[-]
Lots of crackling and popping in firefox on macos, pretty cool otherwise
reply
MintyPyro
4 hours ago
[-]
Very well made!
reply
metalman
4 hours ago
[-]
heres an offline drum machine, "drum on"

like the online one here as well, but does have static glitches.

https://f-droid.org/en/packages/se.tube42.drum.android/

reply