Jump to content

List of Phaser templates and boilerplates


marcotronic
 Share

Recommended Posts

Hi,

 

I thought it might be nice to have a collection of free templates and boilerplates for phaser projects. I just stumpled upon these (official?) photonstorm templates. List your own templates and boiler plates in this thread and I will update this original posting (if possible?) and/or put the list of these templates on my website.

 

Photonstorm templates on github:

https://github.com/photonstorm/phaser/tree/master/resources/Project%20Templates

 

Some others I found in this forum:

 

Luke Wilde's boiler plate

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

 

UgnisSoftware phaser starter kit (also see http://www.html5gamedevs.com/topic/8678-phaser-boilerplate-plug-in-easy-star/ )

https://github.com/UgnisSoftware/Phaser-Starter-Kit

 

 

It's your turn ;)

 

Marco

 

 

 

 

Link to comment
Share on other sites

  • 2 years later...

I also made my own template, check it: https://github.com/bluePlayer/practices/tree/master/Phaser2Structure

Enables managing scenes, constants, loading files is easier. Keeps the asset keys into SoundAssetKeys and ImageAssetKeys namespace.

Also has code for saving to localStorage.

The namespace() function enables different files to be used for different screens/scenes, so no need to pile all the code in one file.

You can minimize the files with Grunt.js

Link to comment
Share on other sites

  • 2 months later...

I recently released my template; Phaser NPM Webpack TypeScript Starter Project (GitHub) It has a bunch of really easy to use, really helpful features and I have plans for a few more things. 

If you plan on making a Phaser game with TypeScript; I'd recommend my template for sure. If you are still writing your games in plain JavaScript; I'd recommend you try out TypeScript and check out my template anyway. 

Current Features

  • Phaser-CE 2.7.3 (npm module, no having to download the library separately...)
  • TypeScript + TSLint
  • 3 States (Boot, Preloader, Title) showing transition between states and where some things should be done and how a TypeScript state looks
  • Google Web Font loader
  • Webpack
  • Separate Development and Distribution builds
  • Live server (builds and reloads the browser on changes)
  • No hassle asset management requiring no code, on your part, to load and parse assets
    • Assets are required and hashed via webpack, you can now guarantee that when you push an update, everyone will get the new files and not cached ones
  • Setting up the game size and scaling through a script that does it all for you
    • Automatic template background
    • Sets up the size the game so that it is scaled only when absolutely necessary
    • Refer to src/utils/utils.ts for an explanation on the background_template and the sizing/scaling style
Link to comment
Share on other sites

Thanks very much!

I really love that. It's very helpful for beginners. It saves a lot of time.

I know there are many obstacles for those newbies in front end development. They usually spend lots of time figuring out what's Webpack, how to setup development environment and so on.

Keep updating with Phaser CE, please!

Thanks a lot!

Link to comment
Share on other sites

On 2017/2/8 at 11:05 PM, UncleAcid said:

I recently released my template; Phaser NPM Webpack TypeScript Starter Project (GitHub) It has a bunch of really easy to use, really helpful features and I have plans for a few more things. 

If you plan on making a Phaser game with TypeScript; I'd recommend my template for sure. If you are still writing your games in plain JavaScript; I'd recommend you try out TypeScript and check out my template anyway. 

Current Features

  • Phaser-CE 2.7.3 (npm module, no having to download the library separately...)
  • TypeScript + TSLint
  • 3 States (Boot, Preloader, Title) showing transition between states and where some things should be done and how a TypeScript state looks
  • Google Web Font loader
  • Webpack
  • Separate Development and Distribution builds
  • Live server (builds and reloads the browser on changes)
  • No hassle asset management requiring no code, on your part, to load and parse assets
    • Assets are required and hashed via webpack, you can now guarantee that when you push an update, everyone will get the new files and not cached ones
  • Setting up the game size and scaling through a script that does it all for you
    • Automatic template background
    • Sets up the size the game so that it is scaled only when absolutely necessary
    • Refer to src/utils/utils.ts for an explanation on the background_template and the sizing/scaling style

Thanks!

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...