우주선 조종을 통해 적을 제거하고 살아남는 슈팅 게임으로, 레트로 스타일의 스페이스 인베이더 느낌을 구현합니다.

🟡보통

• 플레이어 이동 시스템 → 좌우 이동 (방향키) + 공격 기능
• 적 등장 & 이동 시스템 → 일정 패턴으로 이동하며 공격 수행
• 총알 시스템 → 발사 후 화면 밖으로 나가면 제거

기술	설명
HTML	게임 UI 구성
CSS	픽셀 스타일 디자인 적용
TypeScript	게임 로직 및 점수 시스템 구현

• 보스전 추가 → 특정 점수 도달 시 강력한 적 등장
• 아이템 드롭 기능 → 특정 적 처치 시 무기 업그레이드 제공

---

항목	설명
🎨 Canvas 설정	HTML5 <canvas>를 사용하여 2D 게임 공간 구성
🎮 플레이어 컨트롤	좌우 방향키로 이동, 스페이스바로 총알 발사
🔫 총알 시스템	createBullet() 함수로 총알 객체 생성 및 배열로 관리, 화면 밖으로 나가면 제거
🔁 게임 루프	requestAnimationFrame을 사용한 실시간 렌더링 처리
🌌 배경 애니메이션	이미지 두 장을 연결하여 자연스럽게 스크롤되는 배경 구성
🔧 공통 객체 구조	GameObject 기반으로 플레이어, 총알 등에 공통 속성 분리
⌨️ 입력 이벤트 처리	keydown, keyup 이벤트로 입력 상태 저장 및 반응 처리
📦 확장 고려	적 유닛, 충돌 판정, 점수 시스템 등 추가 가능한 구조 설계

날짜	목표	설명
Day 1~2	✅ (완료!) 기본 구조 + 플레이어 + 총알 + 배경	지금까지 한 부분
Day 3	🔻 적 유닛 생성 및 이동	간단한 배열로 적들 만들고, 좌우/아래로 이동만 먼저 구현
Day 4	💥 충돌 판정 (총알 vs 적)	총알이 적과 닿으면 제거 & 점수 처리 등
Day 5	🧠 점수 시스템 + 게임 오버 조건	점수 올라가고, 적이 아래까지 오면 종료 처리
Day 6	📱 UI 요소 추가 (점수, 재시작 버튼 등)	점수 표시, 게임 오버 화면 등 기본 UI 구성
Day 7	✨ 디테일 다듬기 + 사운드 or 효과 추가	sprite 교체, 사운드 추가, 버그 수정, 마무리 polish

---

• 충돌 감지: SAT.js 이용한 다각형 폴리곤 충돌 테스트
• 적 이동 패턴: 라인별 행렬 기반 좌우 이동 후 하강
• 총알 관리: createBullet() → 배열에 저장 → 화면 밖 제거
• 라운드/난이도 조절: 라운드별 적 속도·수량·보스 등장 기준

---