스크리블 히어로: 모바일 - 액션 게임

Three.js를 사용하여 **모바일 우선 게임**을 생성해 주세요. 테마는 "낙서 히어로: 모바일"입니다. 아래에 자세한 게임 디자인 요구사항을 먼저 확인하신 후, 이에 따라 코드를 생성해 주세요: ### 1. 에셋 & 환경 * **시각적 스타일**: 게임은 반드시 "손으로 그린 낙서" 감성을 엄격히 준수해야 합니다. 세계는 종이 오려내기로 만든 3D 디오라마처럼 보여야 합니다. * **환경**: 지면은 반드시 **줄이 그어진 노트북 종이** 텍스처가 반복되어야 합니다. 지도 주변에는 엄폐물 역할을 하는 거대한 지우개, 연필깎이, 엎지른 잉크병 같은 학용품처럼 보이는 3D 장애물들이 흩어져 있습니다. * **캐릭터**: * **히어로 ("스케치")**: 카메라를 항상 바라보는 멋진 막대기 인간 히어로(분홍색 머리, 만화 총) 텍스처가 적용된 `THREE.Sprite` 또는 평면 Plane 메시를 사용하세요 (빌보드 효과). * **적들**: "사악한 낙서들"과 "녹색 방울들" (스크린샷 참조). 손으로 그린 애니메이션을 모사하기 위해 지직거리는 스톱모션 프레임 속도로 애니메이션이 적용되어야 합니다. * **VFX**: 태그에 "피투성이"가 포함되어 있으므로, 적이 패배했을 때 노트북 종이 바닥에 **색깔 잉크**(빨간색 또는 녹색 얼룩)를 뿌리는 파티클 시스템을 구현하세요. 이 잉크 얼룩은 성능 최적화를 위해 잠시 지속되었다가 서서히 사라져야 합니다. * **모바일 최적화**: 장애물에는 단순한 지오메트리를 사용하세요. 가능한 경우 그림자를 베이크하세요. 모바일 브라우저에서 60 FPS를 보장하기 위해 잉크 효과의 최대 활성 파티클 수를 제한하세요. ### 2. 오디오 요구사항 * **배경음악**: 반항적인 십대 노트북 분위기에 맞는 반복 재생되는 **개러지 록 / 팝 펑크** 트랙 (디스토션 기타, 경쾌한 드럼). * **사운드 효과**: * **발사**: 사실적인 총소리 대신, 공격적인 "낙서" 또는 "연필 긁기" 소리를 사용하세요. * **적 처치**: 축축한 "풀썩"이나 "철벅" 소리와 종이 구겨지는 소리가 결합된 효과음. * **UI**: 버튼을 클릭할 때 나는 종이가 스치는 소리. * **배경**: 장면을 설정하기 위한 은은한 교실 배경 소음 (먼 종소리, 기침 소리). ### 3. 게임플레이 루프 * **장르**: 탑다운 트윈 스틱 슈터. * **핵심 루프**: 플레이어는 '스케치' 캐릭터를 무한한 종이 위에서 조종합니다. 적들이 화면 가장자리에서 웨이브 형태로 등장합니다. 플레이어는 가능한 한 오래 생존해야 합니다. * **메커니즘**: * **무기**: 자동 잉크 블래스터. 총알은 그린 듯한 대시 ` - - - ` 모양으로 보여야 합니다. * **체력**: 간단한 하트 시스템 (3개). 피해를 받으면 일시적인 "무적 깜빡임"이 발동됩니다. * **점수 시스템**: 처치한 모든 적은 "낙서 코인"을 드롭하거나 단순히 점수에 추가됩니다. * **승리/패배**: 게임은 무한 생존 모드입니다. 체력이 0이 되면 게임 오버가 되며, "구겨진 종이" 애니메이션 화면과 "재시작" 버튼이 표시됩니다. ### 4. 모바일 조작 및 인터랙션 * **조작 방식**: **듀얼 가상 조이스틱**. * **왼쪽 조이스틱 (좌하단)**: 캐릭터의 물리 기반 이동을 제어합니다 (속도 기반). * **오른쪽 조이스틱 (우하단)**: 조준 각도와 자동 발사를 제어합니다 (누르고 있으면 자동 발사). * **방향**: **가로 모드** 논리 강제 (캔버스는 동적으로 크기 조정되지만, UI 레이아웃은 너비 > 높이를 가정합니다). * **햅틱 피드백**: 플레이어가 사격할 때는 기기의 `navigator.vibrate(20)`을, 플레이어가 피해를 받을 때는 `navigator.vibrate([50, 50, 50])`을 트리거합니다. * **UI 디자인**: * 우상단에 일시 정지 버튼 (최소 44x44px 터치 영역). * 상단 중앙에 "손글씨체" 폰트 스타일 (예: Comic Sans 또는 Google Font의 'Indie Flower' 같은 폰트)을 사용한 점수 표시. * 플레이어가 활성 구역 내에서 화면을 처음 터치하는 위치에 따라 조이스틱이 동적으로 재배치되어 다양한 엄지 크기에 대응할 수 있도록 합니다.