[HN Gopher] Show HN: I built a website for sharing drum patterns
___________________________________________________________________
Show HN: I built a 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 : 460 points
Date : 2025-03-23 13:05 UTC (1 days 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:)
| matteason wrote:
| I hit this on https://ambiph.one - my solution ended up being
| similar (use an <audio> element) but because I also wanted
| audio to play in the background and when the screen is off
| there's an extra step of tricking Safari into thinking it's
| playing a livestream, since apparently that's the only kind
| of audio Apple thinks should be allowed to play in the
| background.
|
| Coincidentally someone asked me about this the other day so I
| put together a minimal demo here in case it's useful to
| anyone: https://codepen.io/matteason/pen/VYwdzVV
| 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
| phyzix5761 wrote:
| For the login I completely understand but most pages don't
| need to be secured in my opinion.
| binarysneaker wrote:
| Secure it all vs secure just the login...may as well do
| it all.
| rubendev wrote:
| If you only secure the login you will be sending your
| session cookies unencrypted for the other pages and they
| can be intercepted and used to impersonate you.
| CPLX wrote:
| Browsers seem to lose their mind when presented with not
| HTTPS content these days right?
| phyzix5761 wrote:
| Exactly
| hirako2000 wrote:
| Perhaps they shouldn't but that forced the hands of many
| who would have otherwise dragged their feet for another
| century.
|
| I get bothered by it, Chrome doesn't even allow to confirm
| and proceed at the boom of the warning page anymore, but
| there is some flag you may disable if you feel safe about
| all your visits.
|
| Hopefully Google will start flagging ipv4 servers too. And
| one day block them by default.
| pacifika wrote:
| Interest based advertising.
| ctxc wrote:
| I would rather everyone use HTTPS than have them individually
| decide if it "needs to be secure".
| phyzix5761 wrote:
| Why is that?
| kadoban wrote:
| The downsides of being secure are a 5 minute setup, once.
| The thought process of "should this be secure?" is 10
| minutes even if the answer is obvious.
|
| So why bother? Just be secure and move on.
| otabdeveloper4 wrote:
| Https does nothing for security.
|
| Its purpose is to authenticate financial transaction
| packets, not to be "secure". (Whatever that means.)
| g105b wrote:
| You need 9 more minutes of thought process.
| otabdeveloper4 wrote:
| No, I need exactly 0 seconds to process empty buzzwords
| in the vein of "add Frobnozz to your TCP/IP, Frobnozz
| increases security bigly!".
| kadoban wrote:
| There are zero buzzwords. I was just being vague because
| again, the cost of just flipping https on is negligible,
| it's literally more work to have this conversation and
| work out all of the details of exactly what attacks
| you're protected against.
|
| It is never worth asking "should I even do https?" The
| only variation worth considering is "is https enough?"
| And even then, start with https and then build on top.
| ziddoap wrote:
| > _Https does nothing for security._
|
| What sort of definition are you using for security? It's
| obviously not the standard one.
|
| Sending passwords in the clear vs not is covered on the
| first day of security 101.
| kadoban wrote:
| It does quite a lot for security. It prevents
| evesdropping (to an extent, better with esni), disallows
| ad/malware-injection or content modification, and
| prevents credential sniffing. It does all that against
| most reasonable attackers, up to around the rough
| ballpark of nation states.
|
| All for the price of about the same amount of work that
| it took to read this message.
|
| "Https is only for credit cards" is some serious 1990s
| bullshit.
| globular-toast wrote:
| Security is: confidentiality, integrity, availability.
| HTTPS gives you two of those. Well, as long as you trust
| the CAs that came installed on your computer that is.
| bigstrat2003 wrote:
| Because securing things that don't need to be secured
| (which is most of the Internet, frankly) is a waste of
| time and effort. Unless you are handling credentials or
| other sensitive data, you don't need TLS and shouldn't
| bother.
| 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.
| sergiotapia wrote:
| you didn't answer the _why do we need all that for a drum
| beat making website_?
| jdiez17 wrote:
| Unauthenticated http is a vector for opportunistic
| malware. They don't target specific websites, just inject
| evil.js wherever.
| otabdeveloper4 wrote:
| You ISP sniffing and MiTMing traffic on the wire is the
| least likely vector of malware injection.
|
| ISP's are usually serious businesses with reputations and
| don't hack their own customers.
| latexr wrote:
| That "usually" is doing a ton of work. I remember
| Vodafone injecting scripts into webpages many years ago.
| While trying to find a source, I bumped into other
| shenanigans.
|
| https://www.simpleanalytics.com/blog/vodafone-deutsche-
| telek...
| otabdeveloper4 wrote:
| Out of all the bad actors on the Internet, your ISP is
| the least bad.
| kube-system wrote:
| Maybe if they live in a high income country with
| relatively strong consumer protections and are using
| their home ISP. But quite a lot of the internet is very
| much not that.
|
| In some places and on some networks, MiTMing http traffic
| for undesirable use-cases is routine.
| nklymok wrote:
| At least so that login / register data don't go to the
| middle man.
| otabdeveloper4 wrote:
| You don't. But you will be penalized by Big Co for not
| supporting https.
|
| (It's effectively a "doing business on the Internet" tax.
| Thankfully not that expensive for small hobby projects
| now.)
| nerdponx wrote:
| It's literally $0 with LetsEncrypt.
| lemax wrote:
| ISPs / other middlemen can monitor and modify unencrypted
| traffic. In Egypt, Syria and Turkey for example ISP's
| injected malware into unencrypted sites that led people to
| install spyware when attempting to download legitimate
| programs (link). Other state actors have changed the content
| of news media, etc. Without HTTPS you lose the ability to
| trust the integrity of a given webpage.
|
| https://www.bitdefender.com/en-
| us/blog/hotforsecurity/turkis...
| webprofusion wrote:
| Chrome labelled sites as Not Secure if they didn't user https
| since 2018. Most people didn't like that label showing on
| their website address, so it was a clever way to shift
| everyone.
|
| Years before that the free certificate authority Let's
| Encrypt was established (there are now several more), so for
| most people using https with your website is just
| configuration, not an extra cost. On top of that some http
| protocol versions are now https only.
| MisterTea wrote:
| Would you trust handing a sack full of money to a stranger
| and tell them to bring it to the bank for you or do you hire
| an armored car service?
|
| We need https because the modern web browser isn't a
| trustworthy or secure program. A web browser isn't a sandbox
| so code can be injected into an insecure http stream to force
| the browser to compromise the machine it is running on. This
| is just the state of the internet - there are literal
| highwaymen in the form of malicious routers and other
| networking hardware on the internet. https is unfortunately
| the ony way to ensure the highway for your data is secure and
| the data arriving to you is trustworthy.
|
| The only way to avoid this is to use a browser like netsurf
| that eliminates the insecure modernity or dont use the web.
| pbreit wrote:
| That ship has sailed. http has been retired.
| bigstrat2003 wrote:
| It hasn't been retired. Using HTTPS everywhere is cargo
| cult nonsense. Most sites do not benefit from it, and the
| push to have it everywhere is obnoxious as hell.
| hirako2000 wrote:
| It was obnoxious, let's encrypt solved that from the
| operator's perspective.
|
| Man in the middle attacks are very real. A good ratio of
| routers get hacked during manufacture, or have a backdoor
| that get exploited by other hackers. an http hits make
| these exploit even easier to execute. Public WiFi are
| often insecure, https works around that problem (for the
| most part).
|
| From an attacker perspective, widespread https has become
| obnoxious, yes.
| 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.
| dr_kiszonka wrote:
| Hi! I was very confused about Glycol until I discovered that
| the desktop version of your site shows way more information
| than the mobile one. At least in Chrome for Android, you can
| only select demos to play and click the GitHub link. And GitHub
| recommends visiting glicol.org, so why do so many people rave
| about Glycol? Now I know :)
|
| I was wondering if you would be adding any IDE-like features. I
| like a few features in Sonic-Pi and noticed a few attempts to
| make a VS Code plugin for it. (I wish I could contribute
| myself, but my music production skills are atrocious and I
| mostly rely on GUI-based software to carry me.)
|
| Congrats on an awesome project! (And you, OP, too!)
| chaosprint wrote:
| there is also a cli:
|
| https://github.com/glicol/glicol-cli
| dr_kiszonka wrote:
| You are not an IDE person, are you? : ) Sonic's default one
| has a few very useful features. Although, I personally
| don't like its keyboard shortcuts and they don't seem to be
| editable.
| 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.
| latexr wrote:
| Your comment as written comes off as elitist snark, which is
| likely why you are getting downvoted. You could've instead
| phrased it as a list of suggestions, tips, or feature requests.
| OP is sharing for free something cool they made for themselves
| on their free time. We need more independent fun stuff like
| this, don't discourage a better world.
| kazinator wrote:
| Good guess, but the comment hit +3 at one point.
|
| The project cannot take tips in this area because it's geared
| towards programming vintage hardware. It first has to add
| hardware models which have more advanced sequencing. See
| sibling comment.
| 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:
| Maybe this helps? http://drumpatterns.onether.com/?audio=3
| 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
| padenot wrote:
| Hi, https://blog.paul.cx/post/audio-video-synchronization-
| with-t... (I'm the author) will have some info about what is
| happenning and what to do.
|
| You're out of luck on Safari because it seems that the
| important APIs aren't implemented yet:
| https://developer.mozilla.org/en-
| US/docs/Web/API/AudioContex... (scroll down). This means this
| cannot be made correct, e.g. there will always be a
| desynchronization when using high latency audio output
| devices such as anything wireless. Their handhelds (on which
| non Safari is not allowed) and their MacBooks, in
| wired/built-in speaker mode have excellent latency figures
| and we can get away with not doing anything explicit there,
| granted the audio is not happening somehow before the
| visuals, that is jarring for a human. A bit late is a lot
| more natural if it can't be exact.
|
| lmk if you need further details on tight synchronization of
| real time audio and visuals, padenot@mozilla.com, happy to
| help, and congratulations on the delightful websites!
| wesz wrote:
| Thanks, sent you an email.
| 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.
| s1mon wrote:
| I came here to say the same thing. General MIDI defines the
| sequence of the drum sounds. Unless there's a really good
| reason to deviate from that, it is a standard.
| wesz wrote:
| So, if any of you guys have any specific ideas on how i
| should approach that please contact me via luhasz.wesz at
| google mail.
| hackerdood wrote:
| Since you're porting the 808's sounds/panel I understand
| the order you have matches it. I also agree it should be
| reversed if only because the kick/snare are lower frequency
| sounds and the hats are higher frequency and that would map
| better to reversing the direction that is currently on the
| site.
|
| Love this btw, it will be fun to noodle on this when I'm
| away from the studio
| 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 ?
| wesz wrote:
| Thank you!
|
| I'll be working on some procedural stuff for patterns and
| variations to make exploring ideas even better. It's definitely
| passion project.
| michaelmior wrote:
| Very cool! Reminds me a bit of this visualizer I built a few
| years ago.
|
| https://michaelmior.github.io/rhythm-wheel/
| adentranter wrote:
| This is actually really cool way to show it.
|
| Love it.
| andrewrn wrote:
| This is very cool and fun
| albinekb wrote:
| Awesome! Some filters in the list views would be nice, and a way
| to change the playback BPM, samples etc. Keep goin!
| dbalatero wrote:
| This is cool-can you make it so the closed hat chokes the hi hat
| closed? I really like that feature in drum machines!
| wesz wrote:
| Do you mean closed hi hat chokes open hi hat?
| dbalatero wrote:
| Yes exactly!
| wesz wrote:
| Added chokes, check out this comments -
| https://news.ycombinator.com/item?id=43465951
| captradeoff wrote:
| this is really creative! would be fun to train on
| spoonfeeder006 wrote:
| https://drumpatterns.onether.com/doofusbeatz666s-yowzah-2/
|
| Ohhh yeah baby, this hits!
| wesz wrote:
| That's dope!
| askvictor wrote:
| I've tried unsuccessfully to get Rebirth running (on either
| Windows or Wine). Any modern re-implementations?
| omneity wrote:
| This is amazing! Please consider adding PWA support so it can be
| installed as a mobile app.
|
| It's super easy, just a manifest.json file to add which you can
| generate here [0].
|
| Also are you considering adding more drumkits? Or maybe allow a
| user to set their own samples (stored locally, just for
| themselves) like you can change the header color in HN.
|
| 0: http://pwabuilder.com/
| wesz wrote:
| No problem, just added PWA to my todo list.
|
| Regarding the different drum kits, this is actually on the top
| of todo list, right know i'm working on Yamaha RX5 and Oberhiem
| DMX. They should be available in a day or two. Any drum
| machines you recommend?
| omneity wrote:
| Thanks! I'm a fan of 8-bit synthesizers but also classics
| like the Roland TR series (707, 808, 909, 08, 09)
| codedokode wrote:
| I hate such sites. You open it to play for a minute and hours get
| lost.
|
| Also, when creating a new variation, a blank pattern is created.
| It would be cool if I could copy one of previous patterns and
| modify it instead of recreating it from scratch.
|
| Also, drums seem to not be balanced perfectly - in some patterns,
| when several sounds are playing simultaneously I cannot hear all
| of them. Are some drums too loud or is it a problem with me
| maybe?
| wesz wrote:
| That makes sense, will fix that. Regarding the balance of the
| sound i've also experienced that, not sure if it's sample pack
| i've used or something else, will investigate that.
| boguscoder wrote:
| Not the same but reminds me of noisecraft vibes -
| https://noisecraft.app/532
| wesz wrote:
| I've seen it before, pretty cool. If i remember correctly most
| of the implementation is done in software instead of using
| WebAudio nodes.
| greenwhite wrote:
| Love this idea and the execution. Would it make sense to make
| this for synth patches or some other musical idea? I'm wondering
| if that's something you plan on exploring in the future?
| wesz wrote:
| There will be more drum machines, that's for sure. Do you mean
| custom/user provided synth patches?
| greenwhite wrote:
| Yea user provided synth patches for a vintage synth like a
| Moog or something. Not sure how feasible it is but could also
| be cool as a web app
| todotask wrote:
| Change your favicon, at least make that a dot.
| wesz wrote:
| Added favicon.
| flakes wrote:
| Please allow triplets! You're missing out big without a basic
| shuffle! I also second the other comments about ordering. Cymbals
| on top, snare and toms in middle, bass and other pedals on the
| bottom. e.g. hh |x-x-x-x-x-x-x-x-| S
| |----o-------o---| B |o-------o-o-----|
| nxpnsv wrote:
| I guess you could make a 3x16 pattern but interpret it as a
| 4x12, so each beat is three steps...
| badmintonbaseba wrote:
| They don't roll over to the next 16 on playback
| automatically, which makes this very awkward.
| wesz wrote:
| Is order CH, OH, CY, CB, MA, CL, HC, MC, LC, SD, BD, AC fine or
| need any other adjustments?
|
| There will be support for triples, soooon.
| unnamed76ri wrote:
| I've never seen a drum pattern setup where the kick and snare
| are at the top.
|
| Usually from bottom to top it is something like: Kick, Snare,
| hihat, toms, various cymbals
| wesz wrote:
| Just reversed it. Check it out.
| flakes wrote:
| Some other ideas:
|
| - 2 bar patterns would also be great. Many patterns repeat
| over 8 quarters.
|
| - Allowing accents (dynamics). A lot of drum patterns involve
| just a few drums, where accents are what bring the pattern to
| life.
|
| With accents and triplets, you can have the Purdie shuffle
| [1], which is one of my favorite patterns ever :)
|
| :[1] https://tomtommag.com/wp-content/uploads/2011/10/Purdie-
| Shuf...
| wesz wrote:
| Could you provide some kind of mockups of different bar
| patterns you would like to see implemented?
| flakes wrote:
| That link I sent is an example of standard notation I
| used when playing set. For accents, something like bigger
| or smaller circles could work fine.
|
| Purdie shuffle would look like: 1 2
| 3 4 hh |x-xx-xx-xx-x| S |-o--o-Oo--o-|
| B |o----o-----o|
|
| Or something like a basic jazz shuffle:
| 1 2 3 4 hh |x--x-xx--x-x| S |---o-----
| o--| B |o--o--o--o--|
| tobyhinloopen wrote:
| I love how half the links in the comments dont work on Safari
| frantzmiccoli wrote:
| Doesn't work on FF on iPhone. Very nice otherwise!
| wesz wrote:
| Mobile support will be ready in a couple of days.
| mattjhall wrote:
| Really nice work!
| squarefoot wrote:
| I loved xoxo pattern based drum machines as a teen in the early
| 80s. Was never able to afford a 808 back in the day, but bought a
| DR110 back then. However I've always been mostly a hard / prog
| rock guy, so I see 16 beats pattern based drum machines as
| extremely limiting: no flams, no triplets, no effective rolls, no
| ghost notes, etc. The day I could buy a R8 was liberating, but in
| the end nothing _beats_ real drumming on a real drum set.
| johnisgood wrote:
| There are categories (genres), and I thought if I click on one,
| it will insert that particular "dot" as such (same colors
| somehow, or some form of indication or visual feedback of the
| genre placed).
|
| Pretty cool nevertheless.
| aamorel25 wrote:
| hi, would it be possible to parametrize the length of the loop ?
| wesz wrote:
| Probably yes, check out in a couple of days.
| taikahessu wrote:
| iPhone + Firefox, can't hear anything, moving along, sorry ...
| wesz wrote:
| Sorry to hear that, i didn't spend time to make it compatible
| with mobile devices yet.
| badmintonbaseba wrote:
| bug: when playing back an Nx16 pattern, and switching, then when
| rolling to the next pattern the very first beat is played from
| the previously played pattern instead of the current one.
| wesz wrote:
| Added to todo, i'll be rolling out fixes and improvements in a
| 8-10 hours.
| wesz wrote:
| I fixed it, it should work now.
| _spduchamp wrote:
| Anyone here doing rhythm work without sequencers?
|
| I've been noodling with a side project for a couple years trying
| to figure out how to replicate folk drumming patterns by adding
| LFOs together and doing beats at the zero crossing. My aim is to
| create drumming patterns that can flow and evolve. Results are
| so-so. I cant seem to find much info on other doing this sort of
| thing.
|
| https://youtu.be/yVlgPoTpL94
| rrherr wrote:
| Check out "African Polyphony and Polyrhythm", a presentation by
| Chris Ford at Strange Loop 2016. He uses Clojure to model
| traditional central African drumming patterns with variations.
|
| https://www.youtube.com/watch?v=EK4qctJOMaU
|
| https://github.com/ctford/african-polyphony-and-polyrhythm
| scarecrowbob wrote:
| I'd think that the problem with LFOs is that they don't make it
| easy to think about rhythm- they are tied to specific times. So
| it's a hard tool for that kind of work.
|
| I've been enjoying tools like "euclidian rhythms" where you
| have a variety of sounds that all have a fundamental division
| of beat that they share but have differing numbers of beats-
| per-bar. I have a squarp pyramid sequencer that implements that
| quite well.
|
| You might look in that direction if you haven't already.
| wesz wrote:
| So, i've reversed the order of the instruments. Let me know what
| do you think.
|
| Audio and visual should sync better now, also fixed small issue
| pointed out by @badmintonbaseba. Creating new variation no longer
| creates empty pattern, it copies the previous one.
| taco_emoji wrote:
| EDIT: nevermind, it's my stupid work proxy blocking the .WAV
| filetype :(
|
| On both Edge and Chrome on Windows 11 I hear nothing. No "sound"
| icon in the tab either to indicate that it's muted.
| james_marks wrote:
| This is beautiful, thank you for creating and sharing.
|
| I like the colors and interface for making a beat especially,
| great ergonomics.
| fryingneurons wrote:
| Very cool! Similar to the drum sequencer at drumloopai.com
| Anthony-G wrote:
| I'm not a music producer or drummer (just a beginner guitarist
| interested in how other music is made) but I think this is great.
| I noticed a typo when you mouse-over the CY, cymbal is mis-
| spelled with an extra 'l').
| wesz wrote:
| Uu, nice catch, fixed.
| ElijahLynn wrote:
| This is useful, I think this will help me actually learn drum
| stuff for my electronic music production that I'm learning now.
| motes wrote:
| i love this! i wish i could use both MA and CP at the same time
| though for a particular beat im making here
| http://drumpatterns.onether.com/beat-2/
|
| i cant wait for more samples to be added and triplets, had fun
| doing this on my lunch :) im not really a musician but i live
| with 2 producers so playing with them rubs off on me
| an_aparallel wrote:
| Nice site, a few things:
|
| 1.youre missing the 808 clap!? 2.nice to have: beat one of each
| bar to be slighly darker than the others.
|
| 3.And obviously in true feature creep style: pls implement some
| random feature i use in my daw
| 082349872349872 wrote:
| the maracas channel toggles to handclap
|
| (look just under the stylised-R of the Roland logo on:
| https://en.wikipedia.org/wiki/Roland_TR-808#/media/File:TR-8...
| for the pair on the original front panel)
| an_aparallel wrote:
| Oh...im a child of the digital era (40 now) but never played
| an 808...pls ignore !! Had no idea they were set up like
| that.
| wesz wrote:
| You can click on small labels on the left to change some
| instruments. LC to LT (low conga to low tom), MC to MT (mid
| conga to mid tom), HC to HT (high conga to high tom), MA to CP
| (maraca to clap), CL to RS (claves to rimshot).
|
| I agree with the need for bar separation.
|
| The last one, yeah:))
| wesz wrote:
| New stuff!
|
| - Fixed another thing with desync between audio and visual
|
| - Hi-Hat choking - when open and closed hat are placed on the
| same beat, the open hat is ignored and closed one is played on
| two channels as shorter note
|
| - You can now hold mouse down to paint pattern
|
| - Clicking on instrument label besides changing some instruments
| should also play a sound
|
| - Fixed cymbal spelling
|
| - Added clear and delete pattern buttons in "Create" mode
|
| - Ability to paste text (CTRL+V) representation in "Create" mode,
| it doesn't have to be the full list of instruments, but the
| pasted pattern should have 16 beats, here is the example:
|
| CH X-X-X-XXX-XXX-XX
|
| SD ---X-XX-----XXX-
|
| BD XX------XX------
|
| AC X-XX--X-X-X-X-X-
___________________________________________________________________
(page generated 2025-03-24 23:02 UTC)