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 🙏

© 2026 – Pkg Stats / Ryan Hefner

generator-phaser-app

v1.1.0

Published

Basic Phaser app

Downloads

21

Readme

A generator for scaffolding a basic Phaser application

The generator forms the following structure of the project.

  • index.html
  • gruntfile.js
  • package.json
  • assets
    • images
      • ...
    • ...
  • src
    • app.js
    • states
      • Boot.js
      • Preload.js
      • Game.js
  • scripts
    • phaser.js
    • app.js
After installing the module use yo phaser-app inside of your project folder (Yeoman is required).

During the scaffolding process, the generator will automatically install all node dependencies.
The phaser.js full build is included by default into the scripts folder (current version is 2.9.1).
However, it's recommended to visit the official Phaser.io site to get the latest version (also you can find it on GitHub photonstorm/phaser-ce).

Gruntfile.js has several built-in tasks to maintain your project ( Grunt module is required).

You can run following commands from the root directory of your project:
grunt default or just grunt

This task will compile all scripts in the "src" folder and its subfolders (The entry for the babelify module is the app.js), then the lightweight server and the watch module will be launched (this allows to automatically compile and update all your scripts onec they are changed). DO NOT close the command prompt if you want the lightweight server and the watch continue working. From your browser you can go to localhost:9001 or 127.0.0.1:9001 to test your project.

grunt compile

Translate javascript files from the ECMAScript6 to ECMAScript5 standard (not all browsers support new JavaScript standards)

grunt build

Creates the final version of the project with minified javascript files and place it to the build folder. (During this process all previous files presented in the build folder will be deleted)