https://github.com/dev-goraebap/phaser3-playground
Phaser3 프레임워크로 웹 게임 다루기. Phaser가 제공하는 인터페이스 다뤄보면서 단계별 튜토리얼 제공
https://github.com/dev-goraebap/phaser3-playground
Last synced: 4 months ago
JSON representation
Phaser3 프레임워크로 웹 게임 다루기. Phaser가 제공하는 인터페이스 다뤄보면서 단계별 튜토리얼 제공
- Host: GitHub
- URL: https://github.com/dev-goraebap/phaser3-playground
- Owner: dev-goraebap
- License: mit
- Created: 2026-01-27T12:06:30.000Z (4 months ago)
- Default Branch: develop
- Last Pushed: 2026-01-27T12:15:31.000Z (4 months ago)
- Last Synced: 2026-01-28T00:00:07.840Z (4 months ago)
- Language: TypeScript
- Homepage:
- Size: 85.9 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Phaser3 Playground
Phaser 3 기반의 TypeScript 2D 횡스크롤류 게임 튜토리얼 입니다.
## 기술 스택
- **Phaser**: 3.80.1
- **TypeScript**: 5.3.3
- **Vite**: 5.1.4
## 시작하기
```bash
npm install
npm start # 개발 서버 (http://localhost:8080)
npm run build # 프로덕션 빌드
```
## 튜토리얼 로드맵
### Part 1: Phaser 기초 (도형으로)
| # | 주제 | 문서 |
|---|------|------|
| 01 | 플레이어 표시 (도형, 좌표계) | [tutorial-01](docs/tutorial-01.md) |
| 02 | 키보드 입력 처리 | [tutorial-02](docs/tutorial-02.md) |
| 03 | 물리 엔진 (Arcade Physics) | [tutorial-03](docs/tutorial-03.md) |
| 04 | 충돌 처리 (플랫폼) | [tutorial-04](docs/tutorial-04.md) |
| 05 | 점프 구현 | [tutorial-05](docs/tutorial-05.md) |
| 06 | 기본 UI (체력바, 텍스트) | [tutorial-06](docs/tutorial-06.md) |
### Part 2: 게임 시스템 (도형으로)
| # | 주제 | 문서 |
|---|------|------|
| 07 | 씬 전환 (메뉴, 게임, 결과) | [tutorial-07](docs/tutorial-07.md) |
| 08 | 캐릭터 클래스 시스템 | [tutorial-08](docs/tutorial-08.md) |
| 09 | 스킬 시스템 (쿨다운, 마나) | [tutorial-09](docs/tutorial-09.md) |
| 10 | 적/보스 AI 기초 | [tutorial-10](docs/tutorial-10.md) |
## 브랜치 구조
각 튜토리얼 단계별로 브랜치가 분리되어 있습니다:
```
tutorial/01 → tutorial/02 → ... → tutorial/30
```
특정 단계를 확인하려면:
```bash
git checkout tutorial/07 # 예: 씬 전환 단계
```