Project Showcase

Kibokibo
(웹 리듬 게임)

설치 없이 브라우저에서 즐기는 고품질 리듬 액션 경험. Web Audio API와 최적화된 렌더링 엔진으로 0.1ms의 오차도 허용하지 않는 완벽한 판정을 제공합니다.

auto_awesome 게임 내 모든 음악은 Suno AI로 작곡되었습니다

기획 의도

별도의 설치 과정 없이 웹 환경에서 즉각적으로 고품질의 리듬 게임을 경험할 수 있도록 기획되었습니다. 기존의 웹 게임들이 가졌던 오디오 레이턴시와 프레임 드랍 문제를 기술적으로 해결하는 데 주력했습니다.

접근성을 극대화하면서도 전문적인 리듬 액션의 정밀함을 유지하는 것이 핵심이었습니다. 사용자 커스텀 비트맵 지원과 정교한 판정 시스템을 통해 단순한 웹 게임을 넘어선 리듬 액션 플랫폼을 지향합니다.

Kibokibo는 최신 웹 기술을 활용하여 기존 설치형 게임과 대등한 플레이 경험을 제공합니다.

graphic_eq

저지연 오디오 컨텍스트를 사용하여 음악과 노트의 싱크를 0.1ms 단위로 조절합니다. 완벽한 박자감을 선사합니다.

settings_input_component

사용자가 직접 노트 속도, 오프셋, 키 바인딩을 설정할 수 있는 고도의 커스터마이징 옵션을 제공합니다.

speed

Canvas API와 고도화된 오브젝트 풀링 기법을 사용하여 수백 개의 노트가 쏟아져도 60FPS를 안정적으로 유지합니다.

현대적인 웹 생태계의 가장 강력한 도구들을 사용하여 견고하고 확장 가능한 아키텍처를 구축했습니다.

Next.js

TypeScript

Canvas API

Vercel

100%

Next.js 14의 App Router와 Server Components를 활용하여 초기 로딩 속도를 최적화하고 SEO 성능을 극대화했습니다.

Vercel

Edge Runtime과 글로벌 CDN 인프라를 통해 전 세계 어디서나 끊김 없는 게임플레이를 보장합니다.

설치 없이 클릭 한 번으로 시작하는 최고의 웹 리듬 액션 경험. 당신의 한계를 시험하고 랭킹 시스템에 이름을 올리세요.