HTML 5 arcade shooter game with a cute setting, developed with TypeScript and phaser.
Project used this starter boilerplate
npm install
Run the dev server
npm run server:dev
Development build
npm run build:dev
This will build the game with a few caveats;
- A compile time flag, DEBUG, set to true; allowing you to include or not include certain code depending on if it's DEBUG build or not.
- The resulting game.js will not be minified
Production build
npm run build:dist
This will build the game with a few caveats;
- The compile time flag, DEBUG, set to false; allowing you to include or not include certain code depending on if it's DEBUG build or not.
- The resulting game.min.js will be minified
Drop your assets in assets/ (subdirectories do not matter) and run (you need to run this manually if you change assets while the server is running, otherwise it's run automatically when running a build);
npm run assets
or (if your dev GOOGLE_WEB_FONTS is different from your dist);
npm run assets:dev
src/assets.ts will be generated which contains sections for all asset types and classes for every asset, it will also generate an enum containing every frame and sprite in Atlases and AudioSprites respectively
npm run setupGameSize
npm run setupGameSize -- -h
npm run setupGameSize -- --width [width] --height [height] --scale-mode [one of the Phaser Scale Modes]
Add desired Google Web Fonts to the webpack.dev.config.js and/or webpack.dist.config.js in the DefinePlugin 'GOOGLE_WEB_FONTS' section and they will then be loaded and available via Assets.GoogleWebFonts.
Add your desired Custom/Local Web Fonts to your assets folder and they will then be loaded and available via Assets.CustomWebFonts
- The various font files, and the css MUST share the same name
- One CSS file per font
Good generators
- Font Squirrel Webfont Generator
- Everything Fonts font-face generator