A Browserify and Grunt Powered Phaser Template

[lukewilde]

Howdy!

 

I'm a long time lurker, first time contributor.

 

I saw a good number of Phaser template projects when starting to use the framework, however none I saw had all the features I wanted to help ship production ready projects. 

 

https://github.com/lukewilde/phaser-js-boilerplate

 

Not wanting to repeat the readme, the distinguishing features include: 

• Jade HTML templating
• Stylus CSS Preprocessor
• Asset visioning (No more asking for clients to clear their browser's cache)
• Includes Lodash, Stats.js, and basic Google Analytics integration out of the box
• Along with a stack of development time niceties

The project is still a work in progress so feel free to ask questions, request features, and raise any issues you might find.

 

I hope you find it useful. Let me know what you think

 

Luke

[marvster]

Maybe you should get in touch with codevinsky (http://www.html5gamedevs.com/user/6745-codevinsky/, http://www.codevinsky.com/), who built a yeoman generator for phaser which comes with grunt and browserify as well. Probably some synergies can be used.

[lukewilde]

Oooooo, having Yeoman initialise the project would be a nice touch.

 

I might have to add that to my todo list. Thanks

[anderskristo]

Great job!

 

Would be great with a little bigger starter template, like more states.

 

boot -> menu -> game

 

Cheers

[lukewilde]

Thanks buddy.

 

Yeah, I have thought about that. Though I was concerned that people would have to spend more time converting it to their own coding style.

 

I'll have a think over the weekend and might throw a little more in there!

[Elgan]

i like it, keep it clean and simple imo

Add states yourself..

[Zielak]

Thanks for the template, looks promising. I'm going to try it out today

[lukewilde]

Howdy.

 

I've put in a couple of updates since first posting the project. The biggest adjustments are:

• Added semicolons
• Linting has been disabled on production builds by default
• Added extra states (preloader and game)
• Disparity between properties.js and package.json has been reduced

I was dubious about adding extra states initially, however feel preloader and game are fairly intrinsic. Let me know if anyone feels these are too imposing.

 

I do have a question however. Phaser ships with the MIT license which states:

 

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

 

Given this do you think it's necessary that I add the licence in full at the top of the minified production build?

 

Thanks in advance,

Luke

[Zielak]

Hi Luke.

 

I'm node/phaser newbie so new preloader and game states were useful to me. I don't think this package needs more states If I know how you made states work in node environment I can easily add my own states as I please.

Now I'm slowly building up test game. Love the modular design of Node.

 

The only thing that buggs me are semicolons But there aren't much of them, so it's not a big-bad thing for me.

 

Thanks for the template!

[lukewilde]

The only thing that buggs me are semicolons But there aren't much of them, so it's not a big-bad thing for me.

 

Glad it's proving useful and thanks for the feedback

 

I feel your pain. I typically rely on Automatic Semicolon Insertion in my own projects, but am aware that the practice is sometimes vehemently avoided.

[renkat]

Thanks for the template! I'm eager to try it out

Cheers,
Rene

[buginside]

Hello, thanks for your work.