samme / brunch-phaser

A Brunch skeleton for making games with Phaser 3. Variants for CoffeeScript, ES6, TypeScript

Brunch with Phaser 3

A Brunch skeleton for making games with Phaser 3. (But lately I'm using Parcel instead.)

brunch new <project> -s phaser

Or choose one of these variants:

• brunch-phaser-coffee
• brunch-phaser-es6
• brunch-phaser-typescript
• brunch-phaser2

Get started

• Install (if you don't have them):
  • Node.js
  • Brunch: npm install -g brunch
• Run:
  • brunch new <project> -s phaser
  • npm run start or brunch watch --server watches the project with continuous rebuild.
  • npm run build or brunch build --production builds a minified project for production.
  • trouble?
• Make:
  • Write your code in app.
  • Put game assets in assets.

Phaser

Phaser is managed through npm. The latest release is installed when you create a new project.

npm view phaser version

You can install a specific version instead:

npm install -S [email protected]

Update with:

npm update

Other builds

See the npm.static entry in brunch-config.

Add packages

npm install -S <package-name>

and in your code:

require('package-name');

Add other libraries

Add the unminified script to vendor.

Configuration

• brunch
• uglify-js-brunch
  • minify options

Save

You can make your own local skeleton (template):

git clone https://github.com/samme/brunch-phaser.git brunch-phaser
cd brunch-phaser
# If you make changes, commit them to master:
git commit # etc.

Now use it with brunch new:

brunch new <project> -s ./path/to/brunch-phaser

brunch-phaser's Issues

How To Scaffold Es6 and TypeScript Project?

Hi, I also asked this here.

Basically, when I run brunch new -s samme/brunch-phaser I get an es5 project. It would be great if you could pass another flag like es5, es6, typescript, etc and then have the generator scaffold out a project with default files in each that specific style of javascript.

Does something like this exist already and I'm just missing it? Why does it say "You can use CoffeeScript, ES6, TypeScript, or plain JavaScript"? Is there an example of how to use them? thanks!