- Uses the latest Phaser CE
- Uses Howler (an awesome audio library) - can be easily removed if one does not use it
- TypeScript linter that checks TypeScript code for readability, maintainability, and functionality errors
- Webpack ready
- Built-in commands to easily deploy code your code (minify, uglify, comments removal, etc)
- Other awesome stuff!
To use this bootstrap you’ll need to install a few things before you have a working copy of the project.
Navigate into your workspace directory.
Run:
git clone https://github.com/numbofathma/phaser-typescript-webpack.git
Navigate to the cloned repo’s directory.
Run:
npm install
Run:
npm run start
This will run a server so you can run the game in a browser.
Open your browser and enter 0.0.0.0:8000 into the address bar.
As you change your code, Webpack will watch for changes and the browser will refresh.
Run:
npm run build
This will optimize and minimize the compiled bundle. Your code will be minified and uglyfied for reverse engineering protection. The vendor library will only be minified because uglify will add extra MBs to your game.
I've also added a command that auto-fixes your TS code according to the rules in the tslint.json file.
Run:
npm run lint:fix
Big thanks to this great repos:
https://github.com/lean/phaser-es6-webpack/tree/typescript
https://github.com/eduardonunesp/phaser-typescript-webpack-boilerplate
https://github.com/heathkit/phaser-typescript-webpack-starter/tree/master/src/sprites
Special thanks to: dimorphic
Made with <3 in Romania
- Pixi vs phaser?
- Integrate spritesheet
Map format = int[] map format is in a json file with hotreload Movements are static (no physic)