npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@phaserjs/create-game

v1.2.7

Published

Create a new Phaser game project from a template

Downloads

1,345

Readme

Create Phaser Game

image

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.

Demo Games

As well as the frameworks and bundlers listed above, the app also includes 3 Demo games you can install. These are:

  • Phaser's Revenge - A space action pixel-art game.
  • Coin Clicker - Simply click the coins as quickly as you can.
  • Memory Card Game - Match the pairs in this timeless puzzle.

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.

How to use

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

First Time Users

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.

Pass a custom folder

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 .

After installation

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.


Join the Phaser Community!

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

Phaser Studio

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.