미정
미정

미정

미정

게임 메인 화면
게임 플레이 화면
게임 결과 화면

프로젝트 개요

미정

주요 기능

🎮

인터랙티브 조작

마우스/터치 기반의 직관적인 퍼즐 조작 시스템

🎨

부드러운 애니메이션

requestAnimationFrame을 활용한 60fps 애니메이션

🔊

사운드 시스템

Web Audio API 기반 효과음 및 배경음악

💾

진행 상황 저장

LocalStorage를 활용한 게임 진행도 자동 저장

기술 스택

미정

미정

도전과 해결

🎯 성능 최적화

문제: 복잡한 애니메이션으로 인한 프레임 드랍 발생

해결: 객체 풀링 패턴과 더티 체킹을 도입하여 불필요한 렌더링 최소화, 60fps 안정적 유지

🎵 크로스 브라우저 오디오

문제: 브라우저별 Web Audio API 호환성 차이

해결: 오디오 컨텍스트 초기화 타이밍 조정 및 fallback 메커니즘 구현

📱 터치 디바이스 대응

문제: 모바일 디바이스에서의 터치 이벤트 처리

해결: 통합 이벤트 핸들러 구현으로 마우스와 터치 이벤트를 동일하게 처리