🦑 Squid Squad - 오징어 게임 스타일 웹게임

Phaser와 React를 사용한 오징어 게임 테마의 클라이언트 사이드 웹게임입니다.

🎮 특징

• 오징어 게임 스타일 시작 화면: 도형들(○△□)이 움직이면서 'SQUID SQUAD' 글씨를 그리는 애니메이션
• React + TypeScript: 현대적인 프론트엔드 개발 환경
• Phaser 3: 강력한 HTML5 게임 엔진
• 클라이언트 사이드: 서버 없이도 실행 가능

🚀 시작하기

1. 의존성 설치

npm install

2. 개발 서버 실행

npm run dev

3. 브라우저에서 확인

http://localhost:3000 에서 게임을 확인할 수 있습니다.

📁 프로젝트 구조

src/
├── components/
│   ├── TitleScreen.tsx    # 오징어 게임 스타일 시작 화면
│   └── TitleScreen.css
├── App.tsx               # 메인 앱 컴포넌트
├── main.tsx             # 앱 진입점
└── index.css            # 전역 스타일

🛠️ 기술 스택

• React 18 - UI 라이브러리
• TypeScript - 타입 안전성
• Phaser 3 - 게임 엔진
• Vite - 빠른 개발 서버

🎬 애니메이션 설명

시작 화면에서는 다음과 같은 애니메이션이 실행됩니다:

1. 도형 생성: 원(○), 삼각형(△), 사각형(□)이 검은 배경에 나타남
2. 도형 이동: 각 도형이 순서대로 목표 위치로 부드럽게 이동
3. 글씨 그리기: 도형들이 'SQUID SQUAD' 글씨의 경로를 따라 움직임
4. 텍스트 표시: 최종적으로 제목 텍스트가 페이드인
5. 시작 버튼: 애니메이션 완료 후 빨간색 게임 시작 버튼 표시

🎯 개발 예정 기능

• 실제 게임 로직 구현
• 사운드 효과 추가
• 더 정교한 글씨 그리기 애니메이션
• 모바일 최적화
• 멀티플레이어 지원 (서버 추가)

�� 라이선스

MIT License