Phaser로 2D 게임 만들기 — 기초부터 실전까지

Phaser 3 소개

Phaser는 HTML5 기반 2D 게임 프레임워크로, WebGL과 Canvas 렌더러를 모두 지원합니다. 풍부한 플러그인 생태계와 활발한 커뮤니티가 강점입니다.

기본 구조

const config = {
  type: Phaser.AUTO,
  width: 800,
  height: 600,
  scene: { preload, create, update }
}
const game = new Phaser.Game(config)

타일맵 적용하기

Tiled Map Editor로 제작한 타일맵을 Phaser에서 불러와 충돌 레이어를 설정하면 플레이어가 벽을 통과하지 못하도록 구현할 수 있습니다.