[HN Gopher] Show HN: I built website for sharing Drum Patterns
___________________________________________________________________
Show HN: I built website for sharing Drum Patterns
Originally started as a project to restore patterns from now
defunct website 808.pixll.de just for myself, but eventually i
decided to share it with others. I've seen this website mentioned a
couple of times on HN:) Currently it only supports Roland TR-808,
but there will be more.
Author : wesz
Score : 191 points
Date : 2025-03-23 13:05 UTC (9 hours ago)
(HTM) web link (drumpatterns.onether.com)
(TXT) w3m dump (drumpatterns.onether.com)
| lasarkolja wrote:
| Can't open the link, no https
| madphilosopher wrote:
| Just curious, is this a corporate network restriction, or
| something you've configured your web browser to block? This is
| the first time I've seen this as a problem for Hacker News
| folks.
| lasarkolja wrote:
| Firefox (@Android) blocked it.
| wesz wrote:
| I had to regenerate ssl cert, give it some time and try again.
| bqmjjx0kac wrote:
| Nice work! It might be nice to hint to iOS users that they should
| disable silent mode via the little side toggle if they want to
| hear anything. Just a quirk of iOS that took me literally years
| to figure out -- I assumed it just didn't support the Web Audio
| API and went on with my life.
| donbrae wrote:
| Or as the developer you can play some silent audio in the
| background via an `<audio>` element:
| https://github.com/donbrae/onscreen-piano-
| keyboard/blob/main.... This will ensure the Web Audio API
| produces sound even with the 'silent' switch active.
| wesz wrote:
| Interesting, i already do something similar and never had a
| chance to check if it really works. Here is my code:
|
| var buffer = dm.audio.createBuffer(1, 1, dm.samplerate); var
| source = dm.audio.createBufferSource();
|
| source.buffer = buffer; source.connect(dm.audio.destination);
|
| if (source.start) { source.start(0); } else {
| source.noteOn(0); }
| jaflo wrote:
| I believe you need to use the audio element specifically.
| The Web Audio API is subject to different restrictions than
| the audio element. I used a similar approach on Audjust:
| https://www.audjust.com/blog/unmute-web-audio-on-ios/
|
| (nice site you created btw! I love seeing audio stuff for
| the web)
| wesz wrote:
| Thanks mate! I'll implement your solution:)
| MomsAVoxell wrote:
| Do you mean the hardware slide toggle? I'm on an iPad on iOS
| and I can't get sound working, no matter what. My iPad doesn't
| have a mute toggle.
| bqmjjx0kac wrote:
| Yes, exactly. This is on an iPhone, to be clear. Maybe the
| control center on iPads has an equivalent software toggle?
| Sorry, that probably isn't very helpful.
| moritzwarhier wrote:
| Thanks, I fiddled with the volume and would have given up
| without your advice.
|
| And this web app is indeed very cool. Enviable idea &
| execution!
| cdiamand wrote:
| Great stuff! You're missing a few bass drum notes in "When the
| levee breaks"
| wesz wrote:
| You can click on the pattern, then click on the link below
| "Create a copy" and add missing bass drums. It's like forking a
| drum pattern lol.
| spapas82 wrote:
| I had built something similar (but much less refined) for greek
| rhythms https://boombox-agw.pages.dev/
| chaosprint wrote:
| I would be happy to port some patterns to Glicol
| (https://glicol.org/)
|
| only suggestion: support https...
| phyzix5761 wrote:
| Honest question. What is the current obsession with https for
| things that don't need to be secure like looking at drum
| patterns?
| chaosprint wrote:
| there is a login
| CPLX wrote:
| Browsers seem to lose their mind when presented with not
| HTTPS content these days right?
| pacifika wrote:
| Interest based advertising.
| ctxc wrote:
| I would rather everyone use HTTPS than have them individually
| decide if it "needs to be secure".
| whstl wrote:
| For me: wi-fi and mobile providers injecting ads. Rarer these
| days but still happens.
| IAmGraydon wrote:
| There's a login, but also if you aren't https, you're going
| to be seriously de-ranked by search engines like Google.
| jtafurth wrote:
| I worked for an authority that issued digital certificates
| for SSL and digital signatures. It's not only about providing
| encryption but also about trust, when a top level entity
| issues a SSL certificate, a number of identity validations
| are carried out, adding an extra layer or confidence on that
| website.
|
| This may seem inconsequential for static websites without
| PII, however most browsers consider it important as it
| reduces the risk for all parties involved when encrypted
| communication is used and the content providers has taken
| basic steps for Identity verification.
|
| There are logic flaws with this approach to security imo, but
| it's the most commonly used technique at the moment.
| wesz wrote:
| Woah, nice work dude.
|
| I had to regenerate ssl certificate, ovh says it's done but it
| will probably take some time to take effect.
| desertmonad wrote:
| Great work and nice site. Add generic midi so patterns can be
| mapped to any voice!
| wesz wrote:
| I'm working on adding other drum machines (currently Yamaha
| RX-5 and Oberhiem DMX), not sure if i'm gonna end up adding
| generic midi. However, you can download current patterns as
| midi.
| metalman wrote:
| Heres a stand alone android drum machine with some good sounds,
| dont know if its the patterns are portable. Drum On, tiny apk.
|
| https://f-droid.org/en/packages/se.tube42.drum.android/
| mamonoleechi wrote:
| thanks to share this ; i had no idea of the existence of this
| gem! the interface is a bit rough, but it does the job
| tttym wrote:
| Nice enjoyed playing with it. How long did it take you to write
| it? I have been involved in a couple of simmilar projects and I
| was surprised how much It took us, (we used TypeScript) on
| Next.js
| wesz wrote:
| Everything took probably around 3-4 weeks, but it was spread
| around a couple of months. I wrote custom web crawler for web
| archived 808.pixll.de, pattern extraction tool from crawled
| data. Then i worked on the pattern player and finally started
| working on the website. Originally i planned to write website
| from the scratch, but in the end i decided to use WordPress. I
| have too much side projects already:)
| rossjudson wrote:
| Great work; focus down on the patterns, no distractions. Nice!
| blackdorn wrote:
| I really like it!
| bbx wrote:
| Very nice. I'd suggest adding a metronome option, so that we know
| where the 1 is.
| wesz wrote:
| Thanks, added to the TODO list.
| pacifika wrote:
| Nice work left a few patterns under the cloudseer moniker
| sfilmeyer wrote:
| Nice, I really enjoyed listening to a couple of the ones you
| added. They were at the top of the page when I loaded it, and I
| listened to and enjoyed them before connecting them with your
| comment.
| wesz wrote:
| Yoo, great patterns. I'm working right now on procedural
| pattern generation to help with brainstorming ideas.
| pacifika wrote:
| Thanks for making this, it's super approachable which helps
| the fun.
| wesz wrote:
| Cheers!
| throwaway2562 wrote:
| Very cool, and great selection of tracks.
|
| It would help a lot if a track had breaks and fills as well as
| the main rhythm.
| wesz wrote:
| Originally on 808.pixll.de most of the tracks had fills and all
| that, but they are lost unfortunately. This is the only parts i
| was able to restore.
| FranchuFranchu wrote:
| Hi! Great work! Could you add support for other amounts of
| measures such as 3/4?
| wesz wrote:
| Sure thing! Adding to todo list.
| IAmGraydon wrote:
| Love this. Bookmarked - going to import some of the patterns into
| Ableton later.
| wesz wrote:
| You can download each pattern as a .mid file and it should map
| correctly to percussion channel.
| kazinator wrote:
| Is everything based on a division of the measure into 16 equally
| spaced beats?
|
| There is so much more to rhythm.
|
| Like, for starters, oh, triplet eighths?
|
| They come up often, and with them, you can have a heavy form of
| swing (triple 8 swing).
|
| Oh, never mind, I see this is geared toward a piece of drum
| machine hardware from 1980.
| wesz wrote:
| There will be more drum machines available as the time goes,
| same goes for different time signatures etc. I just wanted to
| share the progress on the side project i was seating on for a
| couple of months.
| rajangdavis wrote:
| This is great, thanks for sharing.
| wesz wrote:
| Thank you for contributing patterns:)
| jader201 wrote:
| Nice site!
|
| One bit of feedback I don't see mentioned. This may be an iPhone
| thing, but my experience is that the visuals are about a quarter
| beat ahead of the audio (at 60 BPM, so about 200-250ms off).
|
| Not a big deal, but definitely enough to make it feel a bit off.
|
| Again, could be just the nature of audio in Safari on iPhone.
| ozornin wrote:
| Yes, I experience the same on desktop Safari.
| wesz wrote:
| I think i can see it now too. I see a couple of things that can
| cause this, here are 3 solutions, could you check them out and
| see if it's any better? My best bet is on the third link.
|
| http://drumpatterns.onether.com/?audio=1
| http://drumpatterns.onether.com/?audio=2
| http://drumpatterns.onether.com/?audio=3 <- check this one out
| first
| sarreph wrote:
| This kinda reminds me of Funklet[0] that Jack Stratton (Vulfpeck)
| + Rob Stenson made a long time ago... A true gem if you're into
| funk + like midi drums.
|
| [0] - https://goodhertz.com/funklet/
| wesz wrote:
| Woah, thank you for this! It's pure gold:)
| metalman wrote:
| thats all right messing with the back beat, and drum sounds,
| and whatever the reverse signal thing is vera extra funky
| wigster wrote:
| very cool.
|
| i would suggest maybe the instruments vertical order should be
| reversed. i _think_ it is more usual to have the bass drum at the
| bottom, thru snare up to hh etc.
|
| i think this maps more like a piano roll with typical midi
| key/drum assignments.
| wesz wrote:
| I based it off the order on the original site -
| https://www.reddit.com/media?url=https%3A%2F%2Fi.redd.it%2Fb...
|
| I'll definitely add the option to reverse the order in user
| settings. If more people mention it i'll make it the default.
| tacker2000 wrote:
| Nice! Gonna try some of these on my TR8S
| sen wrote:
| This is awesome. I'm no drummer but have always loved percussion
| in general, so just had a lot of fun playing around.
|
| My only tip would probably be a way to click (right-click since
| left-click is used?) the abbreviation for each instrument to hear
| it play once, or when you place a beat have it play that
| instrument once. The guide for which abbreviation is which
| instrument is above the fold when actually placing notes, so it's
| lots of scroll back/forth checking what's what again.
| wesz wrote:
| I added titles for instruments, so now when you hover with your
| mouse over the two letter label it should show you the full
| instrument name.
|
| I think adding playing samples on left click should be fine,
| added to todo list.
|
| Also, it should be easier to make pattern on play mode, so you
| have atleast some feedback.
| stosssik wrote:
| This is fantastic -- simple, fun, and with just the right vibe
| for exploring ideas quickly. I love how focused it is: no
| clutter, just straight into the groove.
|
| Do you see this staying as a passion project, or are you
| considering a business model at some point ?
| michaelmior wrote:
| Very cool! Reminds me a bit of this visualizer I built a few
| years ago.
|
| https://michaelmior.github.io/rhythm-wheel/
___________________________________________________________________
(page generated 2025-03-23 23:00 UTC)