Game Introduction
2048에 디펜스를 결합해봤습니. 좌우 상하 슬라이드나 방향키를 이용허세요 [AI Tool: Claude]
AI 프롬프트
MERGE://DEFENSE **컨셉** 2048(숫자 합치기)과 타워 디펜스를 결합한 웹 게임을 만들어줘. 단일 HTML 파일(인라인 CSS/JS)로 작성해줘. 목표는 점수가 아니라 **무한 웨이브를 얼마나 오래 버티는지**야. **화면 비율** - 9:16 세로 모바일 비율로 고정. 화면이 더 넓으면 좌우는 레터박스(검은 여백) 처리. - 화면보다 내용이 길면 프레임 안에서만 세로 스크롤. **핵심 메커니즘 — 그리드가 곧 포탑** - 4x4 숫자 그리드(2048 룰)가 전장 중앙에 위치하고, 방향키 / 모바일 스와이프로 타일을 슬라이드·합성한다. - 별도의 카드 추출/배치 단계 없음. **그리드의 각 타일이 그 자체로 포탑**이며, 값이 **4 이상**인 타일은 자동으로 사거리 내 가장 가까운 적을 공격한다. - 공격력 = 타일의 숫자 값. 숫자가 클수록 화력이 강함. - 타일이 발사할 때 살짝 빛나는 플래시 링 효과 + 캔버스에 발사선(투사체) 표시. **길(적의 이동 경로)** - 길은 숫자 그리드를 둘러싼 사각형 루프 형태로, 그리드 바깥쪽에 그려진다. - 적은 이 루프를 따라 한 바퀴 돌고, 시작점(코어 게이트)에 도달하면 생명력이 1 감소한다. - 코어 게이트는 생명력에 따라 색이 바뀌는 펄스 애니메이션으로 표시. **웨이브 / 생존 시스템** - 생명력 5에서 시작. 0이 되면 게임오버. - 웨이브는 무한 진행되며 적 수·체력·속도가 계속 증가한다. - 웨이브를 클리어하면 자동으로 짧은 안내(토스트) 후 다음 웨이브가 곧바로 시작된다(수동 시작 버튼 없음). - 적을 처치하면 점수 획득 + 일정 확률로 그리드에 보너스 타일 생성. **진행 흐름** 1. **타이틀 화면**: 로고, 짧은 설명, "게임 시작" 버튼. 2. **3초 카운트다운**: 버튼 클릭 시 3→2→1 펄스 애니메이션 표시, 카운트다운 중 조작 불가. 3. 카운트다운이 끝나면 곧바로 웨이브 1 시작 (별도 시작 버튼 없음). 4. **게임오버 화면**: 코어 함락 시 도달한 웨이브와 최종 점수를 함께 표시, "재가동" 버튼으로 다시 3초 카운트다운 후 재시작. **조작** - 방향키(↑↓←→)로 타일 슬라이드. 페이지가 키 입력을 확실히 받도록 자동 포커스 처리. - 모바일 스와이프 동일 동작 지원. **비주얼 톤** - 다크 사이버/회로 테마: 배경 짙은 네이비~블랙, 시안(#4cd9e8)·바이올렛(#c06bff)·앰버(#ffb648) 포인트 컬러. - 폰트: 헤더/숫자류는 Orbitron, 본문은 Space Grotesk, 데이터/통계는 JetBrains Mono. - 타일 색은 숫자 값에 따라 히트맵처럼 점진적으로 변화(낮은 값=차가운 색, 높은 값=뜨거운 색).
Ratings
0.0
0 reviews