marcotronic Posted October 7, 2014 Share Posted October 7, 2014 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 platehttps://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 More sharing options...
casarock Posted October 7, 2014 Share Posted October 7, 2014 Hi, you can find my boiler plate, based on Grunt, here: https://github.com/appsbu-de/phaserBoilerplate I'm using it for all my projects. Cheers! Link to comment Share on other sites More sharing options...
spinnerbox Posted December 2, 2016 Share Posted December 2, 2016 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 More sharing options...
rroylance Posted February 8, 2017 Share Posted February 8, 2017 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 More sharing options...
Majirefy Posted February 13, 2017 Share Posted February 13, 2017 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 More sharing options...
Majirefy Posted February 13, 2017 Share Posted February 13, 2017 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 More sharing options...
Recommended Posts