Show HN: Beats, a web-based drum machine

(beats.lasagna.pizza)

93 points | by kinduff 13 hours ago ago

26 comments

  • adrianwaj an hour ago ago

    Very nice. Would be great to see a "tap bpm" instead of setting numerically, also a way to run offline, and lastly a way to submit drum covers of popular tracks that used say the Linn 9000 and TR-808 drum machines - with those sounds available!

    To really make it interesting, have a way to switcheroo the drum tracks of some cloud music to layer in one's own version instead.

  • myky22 29 minutes ago ago

    Love it. The pixel UX reminds my of Roguelite games hehe.

    So easy to use. Would love to see some bass lunes in the future.

    I normally use my OP-XY when improvising.

  • skupig 3 hours ago ago

    The share button doesn't show up on Firefox for some reason?

    Fun stuff! It would be nice to be able to make longer patterns. Maybe by having triggers that play randomly or every nth loop, like a lot of drum machines do.

    https://beats.lasagna.pizza/?name=hakkernuse&bpm=141&i0=K100...

  • utopiah 3 hours ago ago

    Very neat! I had a https://www.crowdsupply.com/wee-noise-makers/wee-noise-maker... but I don't always carry it with me. I do have my phone though most of the time in my pocket so having this on, Web based, is great! The author of ToneJS is very kind, if the documentation wasn't clear you might want to reach out to help clarify it.

    PS: didn't check it but being a PWA to work offline would be quite neat, just in case the subway or train goes through a spot without connectivity.

    • djmips an hour ago ago

      Fascinating, first time I've seen an open source project written with ADA.

  • Voltage 11 hours ago ago
  • Igor_Wiwi an hour ago ago

    pls add examples from the Google Sheets for easy bootstrapping

  • bracketfocus 8 hours ago ago

    Nice. I made something similar ~6 years ago, yours is a lot better though.

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

  • lagniappe 8 hours ago ago

    Lots of crackling and popping in firefox on macos, pretty cool otherwise

    • yellowapple 3 hours ago ago

      Same, with Firefox on Linux (via Flatpak). The UI's great, though.

    • ofrzeta 4 hours ago ago

      No crackling here (Firefox/M4 Air).

    • exodust 4 hours ago ago

      I'm getting a little popping on Firefox Windows, which disappears if I remove the kick step on second row of the default bosa nova. Nice work anyway, the UI is immediate and instant play.

  • ajxs 5 hours ago ago

    I like the interface! It's even better than this other interactive drum machine: https://www.youtube.com/watch?v=3yRx-dd7Jcs

  • ferg-in-japan 4 hours ago ago

    Wow this is cool! Inspiration to try making something like this myself. The 8-bit aesthetic looks great too. It would be cool if users could edit the tones - maybe a way to expand in the future.

  • nilram 11 hours ago 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.

  • hmokiguess 11 hours ago ago

    Nice UI but your examples don’t feel right to me. Bossa nova sounds nothing like bossa nova.

    • kinduff 11 hours ago ago

      I agree, let me see if I can tweak it so it sounds a bit more like it.

  • cyrusradfar 4 hours ago ago

    This made my day. Love this, thank you!

  • hmcamp 8 hours ago ago

    I like it. I think I’ll eventually take a whack at making something similar. Thanks for sharing

  • brikym 7 hours ago ago

    Nice. I love how you're not using a framework just pure javascript.

  • MintyPyro 10 hours ago ago

    Very well made!

  • metalman 11 hours ago 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/

  • beratbozkurt0 2 hours ago ago

    can we control with keyboard?