Phaser3 Game Template

A Phaser 3 game template with ES6 support via Babel 7 and Webpack 4 that includes hot-reloading for development and production-ready builds.

Requirement

• Node.js - Install from here

Content

• .babelrc - Babel 7 config. Babel converts/transpiles current code into backward compatible code. Know more.
• .eslintrc - ESLint config. ESLint is a javascript linting utility. Know more
• webpack - Webpack 4 configs (divided into common, dev and prod). Webpack is used to bundle and build source files. Know more
• package.json - Project config which contains project metadata(description, version, scripts, etc). Know more
• .gitignore - contains a list of file/directories which should be ignored by git. Know more
• src - source folder which contains everything related to the game(source code, assets, etc). Here, it contains a sample game made using this tutorial as base.Try it.
• yarn.lock - This file is generated when packages are installed using yarn package manager. You can use any other package manager too (npm, pnpm etc.).

How to Use this template

• Create a new repo by clicking on Use this template above or here.

Available Commands

• yarn/npm install - Install project dependencies
• yarn start/npm start- Start dev server
• yarn build/npm run build - Bundle and builds source files into dist.
• yarn start/npm start- Start dev server
• yarn deploy/npm run deploy - Build and deploy game using gh-pages.

Some more templates:

• https://github.com/photonstorm/phaser3-project-template
• https://github.com/rblopes/generator-phaser-plus
• https://github.com/oliverbenns/phaser-starter
• https://github.com/nkholski/phaser3-es6-webpack