10 ポイント 投稿者 rapina 2025-12-04 | 2件のコメント | WhatsAppで共有

こんにちは。

ブラウザベースのリズムゲーム制作ツールを作っています。
コンセプトはシンプルです。AIが音楽を作り、Essentia.jsがビートを分析し、ゲームロジックはJSで直接書きます。

デモ: https://rhythm-seodang-web.vercel.app/

大半のリズムゲームのワークフローは重すぎます。専用エディタ、手作業の譜面作成、固定されたゲームプレイパターン、デスクトップ専用。ブラウザタブを1つ開くだけで、すぐに触れるものを作りたかったんです。

動作の仕組み
音楽生成にはAIサービス(Suno/Udio)を使っています。現在は私が直接登録していますが、連携する予定です。Essentia.js(WASM)でビートトラッキング、オンセット検出、エネルギーカーブ、区間分割までをクライアントサイドで処理します。出力はタイミング専用の譜面で、そのタイミングをどう使うかは自由です。

ミニゲームサンドボックス
譜面とゲームプレイは完全に分離されています。スポーンルール、入力処理、レンダリングを短いJS関数で定義します。同じ譜面で、太鼓スタイルのドラムゲーム、方向スワイプ、あるいは実験的な何かを作れます。

技術スタック: Next.js, Essentia.js, PixiJS
現在の状態: まだ開発初期段階です。コアアイデアを検証しながら作っています。サンプルトラックでプレイ可能で、譜面生成とミニゲームワークショップは基本的に動作します。磨き込むべき部分は多く、次の目標はプラットフォーム内でのAI音楽生成(プロンプト → トラック → プレイ)です。

まだ足りない部分は多いですが、フィードバックをいただけるとうれしいです。

2件のコメント

 
zero0000 2025-12-05

最初にプレイするとき、キーボードの案内があるといいです

 
rapina 2025-12-05

はいっ!!