phaserjs/phaser

어떤 프로젝트인가요?

핵심 기능

• 01데스크톱 및 모바일 브라우저에서 WebGL 또는 Canvas로 렌더링합니다.
• 02Arcade 및 Matter.js 물리 엔진, 애니메이션, 트윈, 파티클 기능을 제공합니다.
• 03씬, 에셋 로딩, 입력 처리, 카메라, 타일맵을 지원합니다.
• 04번들 타입 정의를 포함해 JavaScript와 TypeScript를 지원합니다.
• 05인기 있는 프런트엔드 프레임워크와 번들러용 프로젝트를 초기화하는 CLI를 제공합니다.
• 06블러, 글로우, 블룸 등의 효과를 지원하는 필터 시스템을 포함합니다.

활용 사례

• 데스크톱 및 모바일 웹용 2D 브라우저 게임 제작
• YouTube Playables 또는 Discord Activities에 미니게임 게시
• React 또는 Vue 앱 안에 게임처럼 상호작용하는 콘텐츠 제작
• 내장 물리 및 애니메이션 도구를 활용한 2D 게임 메커니즘 프로토타이핑

빠른 시작

1. 1

   npm에서 Phaser를 설치합니다

   npm install phaser
2. 2

   프로젝트에서 Phaser를 가져옵니다

   import Phaser from 'phaser';
3. 3

   또는 create-phaser-game 앱으로 새 게임의 기본 구조를 생성합니다

   npm create @phaserjs/game@latest

사용 전 알아둘 점

• !Phaser 4에는 Phaser 3와 호환되지 않는 변경 사항이 있어, 이전 튜토리얼과 플러그인을 마이그레이션해야 할 수 있습니다.

포함된 컬렉션

토픽

자주 묻는 질문

phaser은(는) 무엇인가요?

Phaser는 브라우저에서 WebGL 또는 Canvas 렌더링을 사용해 2D 게임을 만들 수 있는 무료 오픈소스 HTML5 게임 프레임워크입니다. Phaser는 데스크톱 및 모바일 웹 브라우저에서 실행되는 2D 게임을 위한 JavaScript 및 TypeScript 프레임워크입니다. WebGL과 Canvas 렌더링을 모두 지원하며, 씬 관리, 에셋 로더, 내장 Arcade 및 Matter.js 물리 엔진, 애니메이션, 입력 처리, 카메라, 타일맵, 파티클, 트윈 기능을 제공합니다.

phaser은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

phaser은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

phaser은(는) 아직 유지보수되고 있나요?

6개월 이내 업데이트. phaser의 마지막 커밋은 2026년 8월 21일입니다.

phaser은(는) 어디에 사용할 수 있나요?

데스크톱 및 모바일 웹용 2D 브라우저 게임 제작 YouTube Playables 또는 Discord Activities에 미니게임 게시 React 또는 Vue 앱 안에 게임처럼 상호작용하는 콘텐츠 제작 내장 물리 및 애니메이션 도구를 활용한 2D 게임 메커니즘 프로토타이핑

phaser는 어떻게 설치하나요?

npm에서 Phaser를 설치합니다: npm install phaser 프로젝트에서 Phaser를 가져옵니다: import Phaser from 'phaser'; 또는 create-phaser-game 앱으로 새 게임의 기본 구조를 생성합니다: npm create @phaserjs/game@latest

phaser은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/phaserjs/phaser