AI music + tự động tạo chart + sandbox game rhythm tùy biến
(rhythm-seodang-web.vercel.app)Xin chào.
Mình đang làm một công cụ tạo game rhythm chạy trên trình duyệt.
Ý tưởng rất đơn giản: AI tạo nhạc, Essentia.js phân tích beat, và logic game được viết trực tiếp bằng JS.
Demo: https://rhythm-seodang-web.vercel.app/
Phần lớn quy trình làm game rhythm đều khá nặng nề: editor chuyên dụng, tạo chart thủ công, kiểu gameplay cố định, chỉ dành cho desktop. Mình muốn tạo ra thứ mà bạn chỉ cần mở một tab trình duyệt là có thể chạm tay vào ngay.
Cách hoạt động
Việc tạo nhạc sử dụng các dịch vụ AI (Suno/Udio). Hiện tại mình đang tự thêm thủ công, nhưng có kế hoạch tích hợp. Với Essentia.js (WASM), việc beat tracking, phát hiện onset, energy curve, và phân đoạn đều được xử lý phía client. Đầu ra là chart chỉ chứa timing, còn sẽ làm gì với các timing đó thì hoàn toàn tự do.
Sandbox minigame
Chart và gameplay được tách biệt hoàn toàn. Quy tắc spawn, xử lý input, và rendering được định nghĩa bằng các hàm JS ngắn. Với cùng một chart, bạn có thể làm game trống kiểu Taiko, vuốt theo hướng, hoặc một thứ gì đó mang tính thử nghiệm hơn.
Stack kỹ thuật: Next.js, Essentia.js, PixiJS
Trạng thái hiện tại: vẫn đang ở giai đoạn đầu phát triển. Mình đang vừa làm vừa kiểm chứng ý tưởng cốt lõi. Hiện có thể chơi bằng các track mẫu, và tính năng tạo chart cùng workshop minigame về cơ bản đã hoạt động. Vẫn còn nhiều chỗ cần trau chuốt, và mục tiêu tiếp theo là tạo nhạc AI ngay trong nền tảng (prompt → track → play).
Vẫn còn nhiều điểm chưa hoàn thiện, nhưng mình sẽ rất cảm kích nếu nhận được phản hồi.
2 bình luận
Lúc mới bắt đầu thì sẽ tốt hơn nếu có hướng dẫn các phím trên bàn phím ạ
Vâng!!