Drum Patterns เว็บไซต์แชร์แพตเทิร์นดรัมแมชชีน

 (drumpatterns.onether.com)
4 คะแนน โดย GN⁺ 2025-03-24 | 1 ความคิดเห็น | แชร์ทาง WhatsApp
  • เป็นเว็บไซต์แชร์แพตเทิร์นดรัมแมชชีนที่รวบรวมโฟลว์ สร้าง·สำรวจ·ค้นหา·คอมเมนต์ ไว้ในที่เดียว สำหรับผู้ใช้ที่ต้องการอ้างอิงแพตเทิร์นดรัมแมชชีนอย่างรวดเร็ว
  • การสำรวจแบ่งตาม แนวเพลง·เทมโป·ดรัมคิต และสามารถหา लिंकแนวเพลงอย่าง Breakbeat, Electro, Hip Hop, House, Rock, Techno ได้ทันที
  • แต่ละแพตเทิร์นแสดงคำอธิบายการวางแบบ “How to make” พร้อม กริด 16 บิต ทำให้ตรวจสอบซีเควนซ์ของแต่ละเครื่องดนตรีด้วยสายตาได้ง่าย
  • ตัวอย่างอย่าง drum rolling, Oh Yeah, 8OBit - ElectroWerk66, 2 Step Chill มี BPM และหมายเลขแพตเทิร์นแบบดัดแปลงกำกับไว้ด้วย
  • จากข้อมูลส่วนท้ายของเว็บไซต์ มีขนาด 8,000 patterns, 1,47,166 beats จึงใช้เป็นแหล่งอ้างอิงและคลังแชร์แพตเทิร์นกลองได้

โฟลว์พื้นฐานสำหรับสร้างและค้นหาแพตเทิร์นกลอง

  • Drum Patterns เป็นเว็บไซต์แชร์แพตเทิร์นดรัมแมชชีนที่ชูแนวคิด “Discover & share drum machine patterns”
  • ผู้ใช้สามารถ Create, Browse, Search แพตเทิร์นได้ และมีหน้าคอมเมนต์แยกต่างหาก
  • มีฟังก์ชันบัญชีผู้ใช้ โดยมีลิงก์ Register และ Log in

การสำรวจโดยเน้นแนวเพลง·เทมโป·ดรัมคิต

  • การสำรวจแพตเทิร์นแบ่งออกเป็นหลายเกณฑ์
    • Genre: Breakbeat, Electro, Electro Funk, Electro Pop, Hip Hop, House, Miami Bass, Pop, R&B, Reggae, Rock, Techno, Uncategorized
    • Tempo: มีลิงก์สำรวจ 90 BPM เป็นตัวอย่าง
    • Drumkit: มีลิงก์สำรวจ Roland TR-808 เป็นตัวอย่าง
  • สามารถดู Recent, Popular, Liked, Discussed, Random ในรูปแบบลิงก์จัดเรียงหรือคอลเลกชันได้

วิธีอ่านแพตเทิร์น

  • แต่ละรายการใส่วิธีทำเป็นขั้นตอนใต้หัวข้อ “How to make”
  • คำอธิบายขั้นตอนเป็นการวางเครื่องดนตรีเฉพาะลงใน beat ที่ระบุ
    • ตัวอย่าง: drum rolling วาง snare drum ที่ beat 4, 5, 13, 14 แล้วเพิ่ม high tom และ low tom
    • ตัวอย่าง: Oh Yeah แสดงการวาง bass drum, snare drum, closed hi-hat, clap เป็นขั้นตอน
  • เนื้อหาแพตเทิร์นใช้ กริดซีเควนซ์ ที่ประกอบด้วยแถวตามตัวย่อของเครื่องดนตรีและตำแหน่ง X
    • ตัวอย่าง: แสดงแถวอย่าง CH, OH, CY, CB, CP, SD, BD
  • แต่ละแพตเทิร์นมีค่า Play BPM และหมายเลขแพตเทิร์นแบบดัดแปลงกำกับไว้ด้วย

ตัวอย่างแพตเทิร์นที่เห็นบนหน้าจอ

  • drum rolling: 160BPM, แพตเทิร์นที่เน้น snare drum และ tom
  • oof lala: 90BPM, รวมการวาง cowbell, maraca, clave, conga
  • Oh Yeah: 90BPM, โครงสร้างประกอบด้วย bass drum·snare drum·closed hi-hat·clap
  • Arpeggio Pattern: 90BPM, วาง bass drum และกลุ่ม conga แบบซ้ำๆ
  • 8OBit - ElectroWerk66: 129BPM, มีแพตเทิร์นแบบดัดแปลงหมายเลข 1~6
  • 2 Step Chill: 90BPM, มีแพตเทิร์นแบบดัดแปลงหมายเลข 1~5

ขนาดข้อมูลที่ลงทะเบียนและข้อมูลของรายการ

  • จากข้อมูลส่วนท้ายของเว็บไซต์ ขนาดข้อมูลที่ลงทะเบียนคือ 8,000 patterns, 1,47,166 beats
  • แต่ละแพตเทิร์นแสดงลิงก์ผู้เขียน ค่าเคานต์ และตัวเลขที่ดูเหมือนจำนวนคอมเมนต์กำกับไว้ด้วย

บทความที่เกี่ยวข้อง

1 ความคิดเห็น

 
GN⁺ 2025-03-24
ความคิดเห็นใน Hacker News
  • นึกถึง Funklet ขึ้นมา เป็นสิ่งที่ Jack Stratton (Vulfpeck) กับ Rob Stenson ทำไว้เมื่อนานมาแล้ว ถ้าชอบฟังก์กับกลอง MIDI นี่เป็นเครื่องมือที่ล้ำค่าจริง ๆ
    https://goodhertz.com/funklet/
    • ลองปรับแบ็กบีต เสียงกลอง และพวกสัญญาณ reverse ดูแล้วจะได้ความรู้สึกค่อนข้าง funky
  • อยากลองย้ายบางแพตเทิร์นไปเป็น Glicol: https://glicol.org/
    ข้อเสนออย่างหนึ่งคือรองรับ https
    • สงสัยว่าทำไมสมัยนี้ถึงยึดติดกับ https กันนัก แม้แต่กับสิ่งที่ดูไม่จำเป็นต้องมีความปลอดภัยอย่างการดูแพตเทิร์นกลอง
    • ตอนแรกงงกับ Glicol แต่พอรู้ว่าไซต์เวอร์ชันเดสก์ท็อปแสดงข้อมูลมากกว่าบนมือถือมากก็เข้าใจแล้ว
      อย่างน้อยบน Chrome สำหรับ Android ทำได้แค่เลือกเล่นเดโมกับคลิกลิงก์ GitHub และ GitHub ก็แนะนำให้ไปที่ glicol.org เลยสงสัยว่าทำไมทุกคนถึงชอบ Glicol กัน
      ชอบบางฟีเจอร์ของ Sonic-Pi เลยสงสัยว่ามีแผนจะเพิ่ม ฟีเจอร์แบบ IDE ไหม เห็นว่ามีความพยายามจะทำปลั๊กอิน VS Code ด้วย
    • ต้องสร้างใบรับรอง SSL ใหม่ และ OVH บอกว่าเสร็จแล้ว แต่คงต้องใช้เวลาอีกสักพักกว่าจะมีผล
  • อยากให้รองรับ โน้ตสามพยางค์ ถ้าไม่มี shuffle พื้นฐานก็เท่ากับพลาดส่วนสำคัญไปมาก
    เห็นด้วยกับอีกความเห็นเรื่องการจัดเรียงด้วย ฉาบควรอยู่บน สแนร์กับทอมอยู่กลาง เบสกับแป้นเหยียบอื่น ๆ อยู่ล่าง
    hh |x-x-x-x-x-x-x-x-|
    S |----o-------o---|
    B |o-------o-o-----|
    • สงสัยว่าลำดับ CH, OH, CY, CB, MA, CL, HC, MC, LC, SD, BD, AC โอเคไหม หรือควรปรับเพิ่มอีก
      การรองรับโน้ตสามพยางค์ จะมาเร็ว ๆ นี้
    • ถ้าสร้างแพตเทิร์น 3x16 แล้วตีความเหมือน 4x12 แต่ละจังหวะก็จะมีสามขั้น ดูแล้วน่าจะทำได้
  • น่าจะบอกผู้ใช้ iOS ว่าถ้าอยากได้ยินเสียงต้องปิด โหมดปิดเสียง ด้วยสวิตช์เล็ก ๆ ด้านข้าง
    เป็นพฤติกรรมเฉพาะของ iOS กว่าจะรู้ก็ใช้เวลาหลายปีจริง ๆ ก่อนหน้านั้นคิดว่าไม่รองรับ Web Audio API แล้วก็ปล่อยผ่านไป
    • ถ้าเป็นนักพัฒนา ก็สามารถเล่น เสียงเงียบ ในแบ็กกราวด์ด้วยองค์ประกอบ `` ได้: https://github.com/donbrae/onscreen-piano-keyboard/blob/main...
      วิธีนี้ทำให้ Web Audio API ส่งเสียงได้แม้สวิตช์ ‘ปิดเสียง’ จะเปิดอยู่
    • สงสัยว่าหมายถึงสวิตช์เลื่อนฮาร์ดแวร์หรือเปล่า บน iPad ที่ใช้ iOS ไม่ว่าจะลองวิธีไหนก็ไม่มีเสียง และ iPad ก็ไม่มีสวิตช์ปิดเสียงด้วย
    • ถ้าไม่ได้คำแนะนำนี้คงปรับแต่ระดับเสียงแล้วก็ถอดใจไปแล้ว มีประโยชน์มาก
      เว็บแอปนี้เจ๋งจนน่าอิจฉาทั้งไอเดียและการทำออกมา
  • ทำให้นึกถึง เครื่องมือแสดงภาพจังหวะ ที่เคยทำไว้เมื่อหลายปีก่อนนิดหน่อย
    https://michaelmior.github.io/rhythm-wheel/
    • เล่นสนุกมาก เหมือนเจอบั๊กนะ ในการตั้งค่านี้ https://imgur.com/BRwst17 ดูเหมือน kick จะถูก ทริกเกอร์ที่สีแดง ไม่ใช่สีเขียว ไม่แน่ใจว่าผมเข้าใจผิดหรือเปล่า
    • วิธีแสดงจังหวะเจ๋งมาก
  • อยากให้เพิ่ม การรองรับ PWA เพื่อให้ติดตั้งเหมือนแอปมือถือได้
    แค่เพิ่มไฟล์ manifest.json ก็ได้แล้ว ง่ายมาก และสร้างได้ที่นี่: http://pwabuilder.com/
    สงสัยว่ามีแผนจะเพิ่ม drum kit อีกไหม หรืออาจให้ผู้ใช้เก็บ sample ของตัวเองไว้ในเครื่องแล้วใช้ได้ เหมือนที่ใน HN เปลี่ยนสี header ได้
    • เพิ่ม PWA เข้าในรายการที่ต้องทำแล้ว
      drum kit อื่น ๆ อยู่บนสุดของรายการที่ต้องทำ และตอนนี้กำลังทำ Yamaha RX5 กับ Oberhiem DMX อยู่ น่าจะเปิดให้ใช้ได้ภายในวันสองวัน ถ้ามี drum machine ที่อยากแนะนำก็อยากรู้
  • มี drum machine แบบสแตนด์อโลนบน Android ที่เสียงใช้ได้อยู่ ไม่แน่ใจว่าย้ายแพตเทิร์นเข้าไปได้ไหม
    ชื่อ Drum On และ apk ขนาดเล็ก
    https://f-droid.org/en/packages/se.tube42.drum.android/
    • ไม่รู้เลยว่ามีแอปอัญมณีแบบนี้อยู่ อินเทอร์เฟซอาจจะดิบไปหน่อย แต่ก็ทำหน้าที่ของมันได้
  • https://drumpatterns.onether.com/doofusbeatz666s-yowzah-2/
    อันนี้โดนจริง
  • ชอบไซต์นี้
    ขอเพิ่มฟีดแบ็กที่ยังไม่เห็นสักข้อ อาจเป็นปัญหาบน iPhone แต่ภาพดูเหมือนจะ นำหน้า เสียงอยู่ประมาณ หนึ่งในสี่บีต ที่ 60 BPM คลาดเคลื่อนราว 200–250ms
    ไม่ใช่ปัญหาใหญ่ แต่ก็มากพอให้รู้สึกแปลกนิด ๆ อาจเป็นคุณลักษณะเสียงของ iPhone Safari ก็ได้
    • ตอนนี้เหมือนจะเห็นอาการเดียวกันแล้ว มีจุดที่น่าจะเป็นสาเหตุอยู่สองสามจุด เลยทำวิธีแก้ไว้สามแบบ อยากให้ช่วยดูว่าดีขึ้นไหม ลิงก์ที่สามดูมีโอกาสมากที่สุด
      http://drumpatterns.onether.com/?audio=1
      http://drumpatterns.onether.com/?audio=2
      http://drumpatterns.onether.com/?audio=3 ← อยากให้ลองอันนี้ก่อน
    • เจออาการเดียวกันบน Safari เดสก์ท็อปด้วย
  • เล่นแล้วสนุกดี อยากรู้ว่าใช้เวลาทำนานแค่ไหน
    เคยมีส่วนร่วมในโปรเจกต์คล้าย ๆ กันสองสามงาน ใช้ TypeScript กับ Next.js แล้วแปลกใจที่ใช้เวลานานกว่าที่คิดมาก
    • รวม ๆ แล้วน่าจะใช้เวลาประมาณ 3–4 สัปดาห์ แต่แบ่งทำกระจายไปหลายเดือน
      ทำ crawler แบบกำหนดเองสำหรับ 808.pixll.de ที่อยู่ใน web archive และทำเครื่องมือดึงแพตเทิร์นจากข้อมูลที่ crawl มา จากนั้นทำ pattern player และสุดท้ายจึงเริ่มทำเว็บไซต์
      เดิมทีตั้งใจจะทำไซต์เองตั้งแต่ต้น แต่สุดท้ายตัดสินใจใช้ WordPress เพราะมี side project เยอะเกินไปแล้ว :)