@phaserjs/create-game
Advanced tools
One of the easiest ways to get started quickly with Phaser is by using our create-phaser-game app. This is a CLI tool that presents an interactive selection of official project templates and demo games. Just issue the command, answer some questions and the app will download and configure the right package for your needs.
Currently, we support all of the following frameworks and bundlers:
| Frameworks | Bundlers |
|---|---|
| Vue.js | Vite |
| React | Rollup |
| Angular | Parcel |
| Next.js | Webpack |
| SolidJS | ESBuild |
| Svelte | Import Map |
| Remix | Bun |
Most of these come in both JavaScript and TypeScript versions. The tool will present this option to you when available.
As well as the frameworks and bundlers listed above, the app also includes 3 Demo games you can install. These are:
These games are meant as demonstrations of using the Phaser game framework, so you can learn by example. If you already know what you want to build, you can select one of the templates instead.
To create a new local game template interactively, use one of the following terminal commands:
npm create @phaserjs/game@latest
yarn create @phaserjs/game
pnpm create @phaserjs/game@latest
bun create @phaserjs/game@latest
If this is the first time you're using Phaser and you're not sure where to start, we recommend selecting the options: Web Bundler and then Vite.
You can optionally pass the project / folder name and skip that step of the tool by providing a parameter to the create command:
npm create @phaserjs/game@latest folder-name
If your folder name has spaces in it, don't forget to wrap it in quotes:
npm create @phaserjs/game@latest "folder name"
If you want to install into the current folder, use a period instead of a folder name:
npm create @phaserjs/game@latest .
The tool will then ask you a series of questions to allow you to select the correct template for your needs.
Once installed, check the README.md file in the newly created folder for further instructions on how to launch and configure the template.
We love to see what developers like you create with Phaser! It really motivates us to keep improving. So please join our community and show-off your work 😄
Visit: The Phaser website and follow on Phaser Twitter
Play: Some of the amazing games #madewithphaser
Learn: API Docs, Support Forum and StackOverflow
Discord: Join us on Discord
Code: 2000+ Examples
Read: The Phaser World Newsletter
Created by Phaser Studio Inc. Powered by coffee, anime, pixels and love.
The Phaser logo and characters are © 2011 - 2024 Phaser Studio Inc.
All rights reserved.
FAQs
Create a new Phaser game project from a template
We found that @phaserjs/create-game demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Deno 2.2 enhances Node.js compatibility, improves dependency management, adds OpenTelemetry support, and expands linting and task automation for developers.
Security News
React's CRA deprecation announcement sparked community criticism over framework recommendations, leading to quick updates acknowledging build tools like Vite as valid alternatives.
Security News
Ransomware payment rates hit an all-time low in 2024 as law enforcement crackdowns, stronger defenses, and shifting policies make attacks riskier and less profitable.