자바스크립트와 캔버스를 이용한 2D 탱크 배틀 게임

다음 사양에 따라 JavaScript와 캔버스를 사용하여 게임을 만들어 주세요. 아래 사양을 따르고 완전히 작동하는 게임을 만들어 주세요. # 규칙 1. 코드를 설명하는 주석을 작성하지 마세요. 2. 캔버스가 창 크기에 따라 크기가 조정되도록 하세요. 3. 키보드와 터치스크린으로 모두 플레이할 수 있어야 합니다. 4. 게임은 복셀 / 8비트 스타일이어야 합니다. 5. 게임은 미적으로 보기 좋고 세련되어야 합니다. 필요한 경우 SVG 아이콘을 사용하세요. # **2D 탱크 배틀 게임 사양** ## **1. 개요** 이것은 JavaScript와 HTML5 캔버스 API로 구축된 **2D 탑다운 탱크 배틀 게임**입니다. 플레이어는 **36x36 그리드 기반 전장**에서 탱크를 조종하며 AI가 제어하는 적 탱크와 전투를 벌입니다. 이 게임은 전략, 이동, 사격 메커니즘에 중점을 두며, 파괴 가능 및 비파괴 지형이 게임플레이에 영향을 줍니다. ## **2. 게임 메커니즘** ### **2.1 플레이어 이동 및 컨트롤** - **방향키 / 스와이프 제스처** → 탱크 이동 **(위, 아래, 왼쪽, 오른쪽)**. - **스페이스바 / 탭** → 발사체 발사 (재사용 대기시간: **2초**). ### **2.2 게임 목표 및 점수** - 플레이어는 승리하기 위해 모든 적 탱크를 파괴해야 합니다. - 점수는 다음에 기반합니다: - **처치한 적의 수**. - **모든 적을 제거하는 데 걸린 시간**. - 최고 점수는 기기에 **로컬로** 저장됩니다. ### **2.3 목숨 및 난이도 진행** - 플레이어는 **3개의 목숨**으로 시작합니다. - 각 레벨은 **적의 속도를 증가**시켜 이동 및 반응 시간을 더 어렵게 만듭니다. ### **2.4 적 AI** - 적은 맵을 순찰하며 플레이어를 쏘려고 시도합니다. - 일부 적은 다른 행동(공격적, 방어적, 또는 순찰)을 가질 수 있습니다. - AI는 플레이어의 움직임과 장애물에 동적으로 반응합니다. - 적은 **더 큰 폭발을 일으키는 특수 발사체를 수집**할 수 있습니다. ## **3. 전장 및 지형** ### **3.1 그리드 기반 맵** - 전장은 **36x36 정사각형 그리드**입니다. - 각 그리드 타일은 다양한 유형의 지형을 포함할 수 있습니다. ### **3.2 지형 유형** | 지형 유형 | 설명 | 총알 통과 가능? | 통과 가능? | | ------------------ | -------------------------------------- | ------------------ | ------------------- | | **단단한 벽** | 파괴 불가능한 장벽 | ❌ | ❌ | | **부서지는 벽** | 총격으로 파괴될 수 있음 | ✅ | ❌ (파괴될 때까지) | | **물** | 총알은 통과하지만 탱크는 통과할 수 없음 | ✅ | ❌ | | **진흙** | 이동 속도를 늦춤 | ✅ | ✅ | | **열린 지면** | 장애물 없음, 자유로운 이동 | ✅ | ✅ | ## **4. 전투 시스템** - **발사체 기반 사격**: 플레이어와 적은 직선 발사체를 발사합니다. - **충돌 감지**: 총알은 지형 및 탱크와 충돌합니다. - **파괴 가능한 물체**: 부서지는 벽은 여러 번 맞은 후 파괴됩니다. - **제한된 발사 속도**: 플레이어와 적은 발사 사이에 **2초의 재사용 대기시간**이 있습니다. - **폭발성 발사체**: 특수 탄약을 수집하면 발사의 **폭발 반경**이 증가합니다. 적도 이것을 수집할 수 있습니다. ## **5. 게임 사용자 지정** - 플레이어는 게임 시작 전에 **적 탱크 수**를 선택할 수 있습니다. - 적 수와 AI 행동에 따른 다양한 난이도 레벨. - 플레이어는 **자신의 탱크 색상을 선택**할 수 있습니다. - 적 탱크는 AI 행동을 구별하기 위해 **다른 색상**을 가집니다. ## **6. 승리 및 종료** - 게임은 **모든 적 탱크가 파괴**되거나 플레이어의 목숨이 다 떨어지면 종료됩니다. - 최종 점수는 성과에 따라 표시됩니다. - 높은 점수는 로컬로 저장됩니다. 이 사양은 탱크 배틀 게임의 핵심 메커니즘과 상호 작용을 정의하여 전략적이고 매력적인 경험을 보장합니다.