Drum Patterns, eine Website zum Teilen von Drum-Machine-Patterns

 (drumpatterns.onether.com)
4 Punkte von GN⁺ 2025-03-24 | 1 Kommentare | Auf WhatsApp teilen
  • Eine Sharing-Website, die für Nutzer, die Drum-Machine-Patterns schnell nachschlagen möchten, den Ablauf aus Erstellen, Stöbern, Suchen und Kommentieren an einem Ort bündelt
  • Die Navigation ist nach Genre, Tempo und Drumkit unterteilt; Genre-Links wie Breakbeat, Electro, Hip Hop, House, Rock und Techno lassen sich direkt finden
  • Jedes Pattern zeigt neben einer „How to make“-artigen Beschreibung der Platzierung auch ein 16-Beat-Grid, sodass sich die Sequenzen pro Instrument leicht visuell erfassen lassen
  • Beispiele wie drum rolling, Oh Yeah, 8OBit - ElectroWerk66 und 2 Step Chill sind jeweils mit BPM und Nummern für Pattern-Varianten versehen
  • Laut Website-Footer umfasst die Seite 8.000 patterns und 1,47,166 beats und kann damit als Referenz und gemeinsames Repository für Drum-Patterns dienen

Grundlegender Ablauf zum Erstellen und Finden von Drum-Patterns

  • Drum Patterns ist eine Sharing-Website für Drum-Machine-Patterns mit dem Anspruch „Discover & share drum machine patterns“
  • Nutzer können Patterns Create, Browse und Search; außerdem gibt es eine eigene Kommentarseite
  • Als Kontofunktionen werden Links zu Register und Log in angeboten

Stöbern nach Genre, Tempo und Drumkit

  • Die Pattern-Suche ist nach mehreren Kriterien unterteilt
    • Genre: Breakbeat, Electro, Electro Funk, Electro Pop, Hip Hop, House, Miami Bass, Pop, R&B, Reggae, Rock, Techno, Uncategorized
    • Tempo: Als Beispiel gibt es einen Link zum Stöbern nach 90 BPM
    • Drumkit: Als Beispiel gibt es einen Link zum Stöbern nach Roland TR-808
  • Als Sortier- oder Sammlungslinks stehen Recent, Popular, Liked, Discussed und Random zur Verfügung

Wie Patterns gelesen werden

  • Jeder Eintrag enthält unter der Überschrift „How to make“ eine Schritt-für-Schritt-Anleitung zur Erstellung
  • Die Schrittbeschreibungen platzieren bestimmte Instrumente auf bestimmten Beats
    • Beispiel: Bei drum rolling wird die snare drum auf den Beats 4, 5, 13 und 14 platziert, dazu kommen high tom und low tom
    • Beispiel: Oh Yeah zeigt Schritt für Schritt die Platzierung von bass drum, snare drum, closed hi-hat und clap
  • Der Pattern-Text nutzt ein Sequencer-Grid aus Zeilen mit Instrumenten-Abkürzungen und X-Positionen
    • Beispiel: Es werden Zeilen wie CH, OH, CY, CB, CP, SD und BD angezeigt
  • Jedes Pattern ist mit einem Play BPM-Wert und einer Nummer für die Pattern-Variante versehen

Auf dem Bildschirm sichtbare Pattern-Beispiele

  • drum rolling: 160 BPM, ein Pattern mit Schwerpunkt auf snare drum und toms
  • oof lala: 90 BPM, enthält Platzierungen für cowbell, maraca, clave und conga
  • Oh Yeah: 90 BPM, Aufbau aus bass drum, snare drum, closed hi-hat und clap
  • Arpeggio Pattern: 90 BPM, wiederholte Platzierungen von bass drum und conga-artigen Instrumenten
  • 8OBit - ElectroWerk66: 129 BPM, bietet die Varianten-Patterns 1 bis 6
  • 2 Step Chill: 90 BPM, bietet die Varianten-Patterns 1 bis 5

Umfang der Einträge und Informationen pro Eintrag

  • Laut Website-Footer beträgt der registrierte Umfang 8.000 patterns und 1,47,166 beats
  • Zu jedem Pattern werden ein Autorenlink, ein Zählerwert und eine Zahl angezeigt, die wie die Kommentaranzahl wirkt

Verwandte Beiträge

1 Kommentare

 
GN⁺ 2025-03-24
Meinungen auf Hacker News
  • Erinnert mich an Funklet. Jack Stratton (Vulfpeck) und Rob Stenson haben das vor langer Zeit gebaut; wenn man Funk und MIDI-Drums mag, ist es ein echtes Juwel
    https://goodhertz.com/funklet/
    • Wenn man mit Backbeat, Drum-Sounds und Dingen wie einem Reverse-Signal herumspielt, kommt ein ziemlich funkiges Feeling dabei heraus
  • Ich würde gern ein paar Patterns nach Glicol übertragen: https://glicol.org/
    Ein Vorschlag wäre HTTPS-Support
    • Ich frage mich, warum man heutzutage so auf HTTPS fixiert ist, selbst bei Dingen, die scheinbar keine Sicherheit brauchen, wie dem Anzeigen von Drum-Patterns
    • Glicol hat mich verwirrt, aber dann habe ich verstanden, dass die Desktop-Version der Site deutlich mehr Informationen zeigt als die mobile Version
      Zumindest in Chrome für Android konnte ich nur die Demo-Wiedergabe auswählen und den GitHub-Link anklicken; GitHub empfahl wiederum den Besuch von glicol.org, daher fragte ich mich, warum alle Glicol so mögen
      Da mir einige Funktionen von Sonic Pi gefallen, frage ich mich auch, ob geplant ist, IDE-artige Funktionen hinzuzufügen. Ich habe auch einen Versuch gesehen, ein VS-Code-Plugin zu erstellen
    • Ich musste das SSL-Zertifikat neu erzeugen; OVH sagt zwar, es sei erledigt, aber es dürfte etwas dauern, bis es greift
  • Unterstützung für Triolen wäre schön. Ohne einen einfachen Shuffle verpasst man einen großen Teil
    Der anderen Meinung zur Sortierung stimme ich ebenfalls zu. Becken nach oben, Snare und Toms in die Mitte, Bass und andere Pedale nach unten
    hh |x-x-x-x-x-x-x-x-|
    S |----o-------o---|
    B |o-------o-o-----|
    • Ich frage mich, ob die Reihenfolge CH, OH, CY, CB, MA, CL, HC, MC, LC, SD, BD, AC passt oder ob sie noch angepasst werden sollte
      Triolen-Support soll bald kommen
    • Wenn man ein 3x16-Pattern erstellt und es wie 4x12 interpretiert, hätte jeder Schlag drei Schritte, also scheint das möglich
  • Für iOS-Nutzer wäre ein Hinweis gut, dass sie den Stummmodus über den kleinen seitlichen Schalter ausschalten müssen, um Ton zu hören
    Das ist ein iOS-spezifisches Verhalten, und ich habe wirklich Jahre gebraucht, um das herauszufinden; davor dachte ich einfach, die Web Audio API werde nicht unterstützt, und habe es abgehakt
    • Als Entwickler kann man im Hintergrund auch stummes Audio über ein ``-Element abspielen: https://github.com/donbrae/onscreen-piano-keyboard/blob/main...
      Dadurch gibt die Web Audio API auch dann Ton aus, wenn der „Stumm“-Schalter aktiviert ist
    • Meinst du den Hardware-Schiebeschalter? Auf einem iPad mit iOS bekomme ich auf keine Weise Ton, und das iPad hat auch keinen Stummschalter
    • Ohne den Tipp hätte ich nur an der Lautstärke herumgedreht und dann aufgegeben; das war hilfreich
      Diese Web-App ist sowohl von der Idee als auch von der Umsetzung her beneidenswert gut
  • Erinnert mich ein wenig an ein Rhythmus-Visualisierungstool, das ich vor ein paar Jahren gebaut habe
    https://michaelmior.github.io/rhythm-wheel/
    • Es macht viel Spaß, damit herumzuspielen. Ich glaube, ich habe einen Bug gefunden: Bei dieser Einstellung https://imgur.com/BRwst17 scheint die Kick nicht bei Grün, sondern bei Rot ausgelöst zu werden. Vielleicht irre ich mich aber auch
    • Die Art, wie der Rhythmus dargestellt wird, ist wirklich cool
  • PWA-Support wäre schön, damit man es wie eine mobile App installieren kann
    Dafür muss man nur eine manifest.json-Datei hinzufügen, also ist es sehr einfach; hier kann man sie generieren: http://pwabuilder.com/
    Ich frage mich auch, ob geplant ist, weitere Drum-Kits hinzuzufügen. Oder man könnte Nutzer ihre eigenen Samples lokal speichern und verwenden lassen, so wie man auf HN die Header-Farbe ändern kann
    • PWA habe ich auf die To-do-Liste gesetzt
      Andere Drum-Kits stehen ganz oben auf der To-do-Liste; aktuell arbeite ich an Yamaha RX5 und Oberhiem DMX. Sie sollten in ein bis zwei Tagen verfügbar sein. Falls ihr Drum-Machines empfehlen könnt, würde mich das interessieren
  • Es gibt eine eigenständige Android-Drum-Machine mit ordentlichem Sound. Ob man Patterns übertragen kann, weiß ich nicht
    Sie heißt Drum On, und die APK ist klein
    https://f-droid.org/en/packages/se.tube42.drum.android/
    • Ich wusste nicht, dass es so ein kleines Juwel von App gibt. Die Oberfläche ist etwas grob, aber sie erfüllt ihren Zweck
  • https://drumpatterns.onether.com/doofusbeatz666s-yowzah-2/
    Das geht richtig rein
  • Gute Site
    Ein Feedback, das ich noch nicht gesehen habe: Es könnte ein iPhone-Problem sein, aber die visuellen Elemente wirken dem Audio um etwa eine Viertelnote voraus. Bei 60 BPM sind das ungefähr 200–250 ms Versatz
    Kein großes Problem, aber genug, um sich leicht seltsam anzufühlen. Könnte auch an den Audio-Eigenheiten von iPhone Safari liegen
  • Hat Spaß gemacht, damit herumzuspielen. Ich frage mich, wie lange die Entwicklung gedauert hat
    Ich war an ein paar ähnlichen Projekten beteiligt, mit TypeScript und Next.js, und war überrascht, wie viel länger es gedauert hat als gedacht
    • Insgesamt waren es vermutlich etwa 3–4 Wochen, aber verteilt über mehrere Monate
      Ich habe einen eigenen Crawler für das archivierte 808.pixll.de gebaut und ein Tool erstellt, um aus den gecrawlten Daten Patterns zu extrahieren. Danach habe ich am Pattern-Player gearbeitet und schließlich mit der Website begonnen
      Ursprünglich wollte ich die Site von Grund auf bauen, habe mich am Ende aber für WordPress entschieden. Ich habe schon zu viele Nebenprojekte :)