sprout-guard

새싹 마당(Sprout & Guard)은 순수 정적 식물 타워 디펜스 웹 게임으로, 크림 그림책 스타일을 채택했으며 플레이어는 햇빛을 모아 식물을 심고 5행 × 9열의 정원을 지킵니다. 프로젝트는 독립적으로 선택 가능한 두 개의 레벨을 제공합니다. 맑은 날 마당은 3웨이브 공격으로 기본 플레이를 익히기에 적합하고, 노을 정원은 4웨이브 공격에 더해 바리케이드, 철통, 빠른 좀비 등 더 강한 도전을 추가합니다. 게임에는 해바라기, 완두콩 사수, 호두, 얼음 사수, 체리 폭탄 다섯 가지 식물이 있으며 각기 다른 햇빛 비용과 역할을 가집니다. 플레이어는 햇빛을 클릭해 자원을 얻고 식물 카드를 선택해 심으며, 쿨다운, 삽, 각 행마다 한 번씩 사용 가능한 수레 메커니즘을 활용해 좀비 공격에 대응해야 합니다. 프로젝트는 PC 마우스 조작과 키보드 단축키(1–5 식물 선택, 6 삽 선택, 스페이스 일시정지, Esc 선택 취소)를 지원하며, 휴대폰과 태블릿을 위한 가로 화면 몰입형 레이아웃도 제공하고 자동 전체 화면 진입을 시도합니다. 클리어 기록과 사운드 설정은 브라우저 로컬에 저장됩니다. 이 게임은 서드파티 실행 의존성, 외부 리소스 요청 또는 백엔드 서비스가 없으며, 파일이 모두 갖춰져 있으면 오프라인 환경에서 로컬 HTTP 서버를 통해 실행할 수 있습니다. 브라우저 ES Modules를 사용하므로 index.html을 직접 더블클릭할 수 없고, 정적 서버(예: python -m http.server 8000)를 시작한 후 접속해야 합니다. 프로젝트는 빌드 단계 없이 GitHub Pages에 바로 배포할 수도 있습니다. 코드 구조는 명확합니다. index.html은 페이지 구조를 담당하고, style.css는 그림책 스타일 인터페이스와 가로 화면 적응을 처리하며, main.js는 상호작용, 애니메이션, 사운드를 관리하고, engine.js는 식물, 좀비, 웨이브와 승패 규칙을 구현하며, art.js는 Canvas 캐릭터와 장면 그리기를 담당합니다.