AI ดนตรี + สร้างโน้ตอัตโนมัติ + แซนด์บ็อกซ์เกมริธึมแบบปรับแต่งได้
(rhythm-seodang-web.vercel.app)สวัสดีครับ
ผมกำลังสร้างเครื่องมือทำเกมริธึมบนเบราว์เซอร์อยู่ครับ
คอนเซปต์เรียบง่ายมาก: AI สร้างเพลง, Essentia.js วิเคราะห์บีต, และเขียนเกมลอจิกโดยตรงด้วย JS
เดโม: https://rhythm-seodang-web.vercel.app/
เวิร์กโฟลว์ของเกมริธึมส่วนใหญ่ค่อนข้างหนัก ทั้งต้องมีเอดิเตอร์เฉพาะ, ทำโน้ตแบบแมนนวล, มีรูปแบบเกมเพลย์ตายตัว, และใช้ได้เฉพาะบนเดสก์ท็อป ผมอยากทำอะไรที่แค่เปิดแท็บเบราว์เซอร์ก็ลองจับเล่นได้ทันที
วิธีการทำงาน
การสร้างเพลงใช้บริการ AI (Suno/Udio) ตอนนี้ผมยังใส่เข้าไปเองอยู่ แต่มีแผนจะทำการเชื่อมต่อไว้ครับ Essentia.js (WASM) ประมวลผลทั้งการติดตามบีต, การตรวจจับ onset, เส้นพลังงาน, และการแยกช่วงต่าง ๆ แบบฝั่งไคลเอนต์ เอาต์พุตจะเป็นโน้ตชาร์ตที่มีเฉพาะจังหวะ และจะเอาจังหวะนั้นไปทำอะไรต่อก็ได้อย่างอิสระ
มินิเกมแซนด์บ็อกซ์
โน้ตชาร์ตกับเกมเพลย์แยกออกจากกันอย่างสมบูรณ์ สามารถกำหนดกฎการสปอว์น, การจัดการอินพุต, และการเรนเดอร์ด้วยฟังก์ชัน JS สั้น ๆ ได้ ใช้โน้ตชาร์ตเดียวกันสร้างได้ทั้งเกมกลองสไตล์ Taiko, เกมปัดทิศทาง, หรืออะไรทดลองแปลก ๆ ก็ได้
เทคสแต็ก: Next.js, Essentia.js, PixiJS
สถานะปัจจุบัน: ยังอยู่ในช่วงเริ่มต้นของการพัฒนา กำลังสร้างไปพร้อมกับตรวจสอบว่าไอเดียหลักใช้ได้จริง ตอนนี้เล่นด้วยแทร็กตัวอย่างได้แล้ว และระบบสร้างโน้ตชาร์ตกับเวิร์กช็อปมินิเกมก็ทำงานพื้นฐานได้แล้ว ยังมีหลายส่วนที่ต้องขัดเกลา และเป้าหมายถัดไปคือการสร้างเพลง AI ภายในแพลตฟอร์ม (พรอมป์ต์ → แทร็ก → เล่น)
ยังมีอีกหลายส่วนที่ยังไม่สมบูรณ์ แต่ถ้าให้ฟีดแบ็กจะขอบคุณมากครับ
2 ความคิดเห็น
ตอนเริ่มครั้งแรกน่าจะมีคำแนะนำการใช้คีย์บอร์ดก็คงดีนะ
ครับ!!