1P by rapina 7시간전 | ★ favorite | 댓글과 토론

안녕하세요.

브라우저 기반 리듬게임 제작 도구를 만들고 있습니다.
컨셉은 단순해요: AI가 음악을 만들고, Essentia.js가 비트를 분석하고, 게임 로직은 JS로 직접 작성합니다.

데모: https://rhythm-seodang-web.vercel.app/

대부분의 리듬게임 워크플로우는 무겁습니다. 전용 에디터, 수작업 채보, 고정된 게임플레이 패턴, 데스크톱 전용. 그냥 브라우저 탭 하나 열고 바로 만져볼 수 있는 걸 만들고 싶었어요.

작동 방식
음악 생성은 AI 서비스(Suno/Udio)를 사용합니다. 현재는 제가 직접 등록하고 있는데, 연동할 계획이에요. Essentia.js(WASM)로 비트 트래킹, 온셋 감지, 에너지 커브, 구간 분리까지 클라이언트 사이드에서 처리합니다. 출력은 타이밍 전용 채보고, 그 타이밍으로 뭘 할지는 자유입니다.

미니게임 샌드박스
채보와 게임플레이가 완전히 분리되어 있어요. 스폰 규칙, 입력 처리, 렌더링을 짧은 JS 함수로 정의합니다. 같은 채보로 태고 스타일 드럼 게임, 방향 스와이프, 또는 실험적인 뭔가를 만들 수 있어요.

기술 스택: Next.js, Essentia.js, PixiJS
현재 상태: 아직 개발 초기 단계입니다. 핵심 아이디어를 검증하면서 만들고 있어요. 샘플 트랙으로 플레이 가능하고, 채보 생성과 미니게임 워크샵은 기본적으로 동작합니다. 다듬을 부분이 많고, 다음 목표는 플랫폼 내 AI 음악 생성(프롬프트 → 트랙 → 플레이)입니다.

아직 부족한 부분이 많지만, 피드백 주시면 감사하겠습니다.