Super Mario HTML5 (Phaser 3) 소개
이 World 1-1은 개발자 ffx0s가 Phaser 3를 기반으로 TypeScript로 만들었습니다. 레벨은 Tiled 맵 에디터로 구성했고, Mario의 능력은 이동, 점프, 성장, 파이어 발사, 스타 무적, 파이프 진입처럼 별도의 “파워”로 나뉘어 있어 아이템을 획득하면 켜지고 꺼집니다.
60fps로 부드럽게 실행되며 점수, 코인, 시간, 목숨이 표시되는 클래식 HUD도 볼 수 있습니다. 게임 개발을 배우고 있다면 최신 프레임워크가 타일 맵, 물리 바디, 애니메이션을 어떻게 처리하는지 살펴보기에도 좋은 예제입니다.
조작법
| 입력 | 동작 |
|---|---|
| ← → | 이동 |
| ↑ 또는 Space | 점프 |
| ↓ | 웅크리기 / 파이프 들어가기 |
| Z | 파이어볼 던지기 |
특징
- Tiled 맵 에디터로 제작하고 Phaser 3로 렌더링한 World 1-1
- 모듈식 파워 시스템: 이동, 점프, 성장, 파이어, 무적, 파이프 워프
- 애니메이션이 적용된 ? 블록, 부술 수 있는 벽돌, 점수 팝업
- 화면에 표시되는 타이머, 코인 카운터, 남은 목숨
팁
- 방향키로 이동하고 ↑ 또는 Space로 점프하며, 플라워를 얻으면 Z로 파이어볼을 던질 수 있습니다.
- HUD의 타이머를 확인하세요. 0이 되면 목숨을 하나 잃습니다.
- ↓로 들어갈 수 있는 파이프를 찾아 지하 코인 룸으로 가 보세요.
