페이저는 빠르고 무료이며 재미있는 오픈 소스 HTML5 게임 프레임워크로, 데스크톱과 모바일 웹 브라우저에서 WebGL과 캔버스 렌더링을 제공하며 13년 넘게 활발히 개발되어 왔습니다.

게임은 웹용으로 제작될 수도 있고, YouTube Playables, Discord Activitys, Reddit 게임, Twitch 오버레이로 제작되거나, 3자 도구를 사용해 iOS, Android, Steam 및 네이티브 앱에 컴파일할 수 있습니다. 개발에는 JavaScript나 TypeScript를 사용할 수 있습니다. Phaser는 React와 Vue를 포함한 40개 이상의 다양한 프론트엔드 프레임워크를 지원합니다.

페이저는 Phaser Studio Inc와 훌륭한 오픈 소스 커뮤니티가 상업적으로 개발 및 유지 관리하고 있습니다. 빠른 지원과 개발자 친화적인 API 덕분에 페이저는 현재 GitHub에서 가장 별점이 높은 게임 프레임워크 중 하나입니다.

더 알고 싶으신가요? 아래 이미지를 클릭하시면 저희 소개 영상을 시청하세요.

---

NPM에서 페이저 설치

npm 설치:

그 다음 프로젝트에 가져와야 합니다:

CDN에서 페이저를 사용해

Phaser는 jsDelivr에 있는데, 이는 "개발자를 위한 초고속 CDN"입니다. html에 다음 중 하나만 포함하세요:

또한 Cloudflare의 cdnjs에서도 이용할 수 있습니다:

페이저 게임 앱 만들기

Phaser - HTML5 Game Framework

Phaser is a fast, free, and fun open source HTML5 game framework that offers WebGL and Canvas rendering across desktop and mobile web browsers and has been actively developed for over 13 years.

Games can be built for the web, or as YouTube Playables, Discord Activities, Reddit games, Twitch Overlays or compiled to iOS, Android, Steam and native apps using 3rd party tools. You can use JavaScript or TypeScript for development. Phaser supports over 40 different front-end frameworks including React and Vue.

Phaser is commercially developed and maintained by Phaser Studio Inc along with our fantastic open source community. As a result of rapid support, and a developer friendly API, Phaser is currently one of the most starred game frameworks on GitHub.

Interested in learning more? Click the image below to watch our intro video.

---

Installing Phaser from NPM

Install via npm:

npm install phaser

Then import it in your project:

import Phaser from 'phaser';

Using Phaser from a CDN

Phaser is on jsDelivr which is a “super-fast CDN for developers”. Include either of the following in your html:

It is also available from Cloudflare’s cdnjs:

Create Phaser Game App

The easiest way to get started quickly with Phaser is our create-phaser-game app. This CLI tool presents an interactive selection of official project templates and demo games. Issue the command, answer some questions and the app will download and configure the right package for you.

npm create @phaserjs/game@latest
npx @phaserjs/create-game@latest
yarn create @phaserjs/game
pnpm create @phaserjs/game@latest
bun create @phaserjs/game@latest

We support Vue.js, React, Angular, Next.js, SolidJS, Svelte and Remix with Vite, Rollup, Parcel, Webpack, ESBuild, Import Map and Bun. Most come in both JavaScript and TypeScript versions.

View the create game app tutorial.