generator-phaser-official: Yeoman Generator for Phaser projects

[codevinsky]

I spent the day creating a generator for phaser projects. 

 

Install the generator:

$ npm install -g yo generator-phaser-official

Create a project directory

$ mkdir phaser-bird && cd $_

Run the generator

$ yo phaser-official

Answer the questions at the prompts. The generator will create the scaffolding and install the dependencies. It also has a very simple "hello, world!" game included so that you can see how this workflow operates.

 

Run the server

$ grunt 

This will build and compile the required index and bootstrapper files, start a server, watch files for changes, and reload your browser when you've modified and saved a file.

 

Write your code

All game code will reside in the game directory. You shouldn't need to modify the main.js file, and in fact, you shouldn't. On each build, the main.js file gets overridden with references to your game states.

 

Extras:

 

Generate a new game state

$ yo phaser-official:state "stateName" 

This will create a new stateName.js file in the game/states directory as well as add it to the included scripts and bootstrapper.

 

Generate a new prefab

$ yo phaser-official:prefab "prefabName" 

This will create a new prefabName.js file in the game/prefabs directory as well as ad it to the included scripts.

 

Hope you guys will enjoy it.

[Zaidar]

Sounds interesting ! I surelly will try it some day.

 

I just hope it will be updated, not like the two other phaser generator, which begin to be old and obsolete now.

[Zaidar]

So I've just checked, and after generation, I type grunt, but doesn't work.

 

If I remove the ]); at line 93, the tasks seem to run.

 

Then the server is launched, my browser open but I get a "cannot get /".

 

I didn't touch anything, just remove the line  and type grunt directly after generating.

[codevinsky]

That's what I get for not unlinking my local npm module.

 

It's fixed.

 

You'll need to run:

$ npm update -g generator-phaser-official

That's my bad.

[Zaidar]

It seems to work perfectly now, thank you.

[codevinsky]

I updated the generator to default to 2.0.2 and to use Browserify for dependency injection.

[adamyall]

Any plans to incorporate TypeScript?

[codevinsky]

I'll work on learning typescript this week, and then incorporating it into the generator.

[jyapayne]

Awesome! I was looking for a nice little generator. I'll check this out for my next project. Nice work codevinsky (I like saying your username in the voice of Dracula)

[Mike]

I've tried it just a moment ago... and i wondering why phaser is missing...

 

Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:9000/js/phaser.js

Uncaught ReferenceError: Phaser is not defined game.js:6

 

 

Maybe the generator needs an update... i'll check it in the weekend but still I like the idea of: yo phaser-official downloading latest phaser version and setting up a project

[frank84]

I'm just starting looking into Phasing and that is exactly what I was looking for, thank a lot!

[Nepoxx]

I'll work on learning typescript this week, and then incorporating it into the generator.

Any update on this? I'd definitely be interested