버섯 농장 혁명 - 전략 게임

Three.js를 사용하여 "Mushroom Farm Revolution"을 테마로 한 **모바일 최적화 게임**을 생성해 주세요. 아래 상세 게임 디자인 요구 사항을 먼저 읽고, 이에 맞춰 코드를 생성해 주세요: ### 1. 에셋 및 환경 * **비주얼 스타일:** 로우폴리, 생기 넘치고 만화 같은 "큐트" 스타일 (툰 셰이딩 또는 MeshToonMaterial). 세계는 미니어처 디오라마처럼 보여야 합니다. * **카메라:** 고정된 **직교 카메라** (등각투영 뷰, 약 45도)를 사용하여 클래식 2D 전략/타이쿤 게임의 느낌을 구현하면서도 3D 깊이를 유지하세요. * **지형:** Plane geometry를 사용한 그리드 기반 맵. * **경로:** 모래빛 베이지 텍스처 (적들이 이동하는 길). * **건설 구역:** 풀밭처럼 푸른 텍스처 (버섯을 심을 수 있는 곳). * **장식물:** 비건설 구역에 로우폴리 야자나무와 작은 돌멩이들을 흩뿌려 배치하세요. * **타워 (버섯):** * **기본 버섯:** 갈색 모자에 흰 반점 (단일 대상 투사체). * **마그마 버섯:** 빨간색/주황색 모자 (범위 공격 피해). * **아이스 버섯:** 파란색 모자 (적 이동 속도 감소). * *애니메이션:* 버섯들이 공격할 때 "짓눌렸다가 늘어나는" 튀는 듯한 애니메이션을 가져야 합니다. * **적 ("크립"):** 단순한 얼굴을 가진 둥글고 블롭 형태의 파란색 생물체. 경로를 따라 이동하면서 위아래로 떠다니듯 움직여야 합니다. * **최적화:** 모바일 기기에서 60FPS를 보장하기 위해 환경 타일과 반복되는 적들에 `InstancedMesh`를 사용하세요. 부드러운 그림자를 가진 단일 방향성 광원을 사용하세요. ### 2. 오디오 요구 사항 * **배경 음악 (BGM):** "잔잔"하지만 리드미컬한 트랙. "로파이 농장 시뮬레이션"을 연상시키는 어쿠스틱 기타와 가벼운 드럼 비트를 믹싱한 음악으로, 웨이브 공격 중에는 속도가 살짝 빨라지도록 하세요. * **사운드 효과 (SFX):** * **심기:** 부드러운 "삽질" 또는 "톡" 소리. * **발사:** "퓨" 또는 "포자 터짐" 소리 (고음). * **적 피격:** "철벅" 또는 부드러운 충격음. * **적 처치:** 귀여운 "찍" 소리 뒤에 코인 징글 소리. * **UI 클릭:** 나무 블록 타악기 소리. ### 3. 게임플레이 루프 * **목표:** 적이 "생성 지점" (작은 동굴 또는 덤불)에서 "농장 집" (플레이어의 기지)까지 이동하는 것을 막으세요. * **경제:** 플레이어는 일정량의 "햇빛" (통화)으로 시작합니다. 버섯 심기는 햇빛이 듭니다. 적 처치 시 햇빛을 보상으로 획득합니다. * **웨이브 시스템:** * 적이 웨이브로 점점 어려워지며 (속도 및 체력 증가) 등장합니다. * 웨이브 사이에는 플레이어가 방어 시설을 구축할 수 있는 카운트다운 타이머가 있습니다. * **메커니즘:** * 적은 미리 정의된 웨이포인트 경로를 따라 이동합니다. * 버섯은 특정 반경(`distanceTo`) 내의 적을 자동으로 감지하고 발사체를 쏩니다. * 적이 농장 집에 도달하면 플레이어는 생명력을 1 잃습니다. * 생명력이 0이 되면 게임 오버. ### 4. 모바일 조작법 및 상호작용 * **화면 방향:** 최적의 시야를 위해 **가로(랜드스케이프)** 모드가 필수입니다. * **터치 조작:** * **선택/건설:** 그리드 타일을 탭하여 방사형 메뉴나 하단 바를 열어 심을 버섯을 선택하세요. * **화면 이동:** 한 손가락으로 드래그하여 카메라를 약간 이동합니다 (지도가 화면보다 클 경우). * **속도 증가:** 게임 속도를 전환(1x / 2x)하는 토글 버튼. * **UI 레이아웃:** * **상단 바:** 생명력 (하트 아이콘), 햇빛 (해 아이콘), 웨이브 카운터. * **하단 바:** 버섯 선택용 크고 엄지 친화적인 버튼 (최소 48px 높이). * **피드백:** 사용자가 유효한 건설 타일을 탭하면 녹색 하이라이트 커서를 표시합니다. 무효한 타일(경로 또는 장애물)일 경우 빨간색으로 표시합니다. * **햅틱:** 타워를 배치하거나 웨이브가 시작될 때 짧은 진동(`navigator.vibrate(50)`)을 트리거합니다. ### 5. 기술 구현 참고사항 * Three.js 씬을 `antialias: true`로 초기화하되 픽셀 비율을 모니터링하세요 (배터리 절약을 위해 고 DPI 모바일 화면에서는 2로 제한). * 모든 터치 이벤트에 `Raycaster`를 사용하여 화면 좌표를 3D 그리드에 매핑합니다. * 단순한 "게임 상태 관리자" (메뉴 -> 플레이 중 -> 게임 오버)를 구현하여 흐름을 처리합니다.