Home

Awesome

Coffee Conundrum

HTML 5 arcade shooter game with a cute setting, developed with TypeScript and phaser.

Project used this starter boilerplate

Setup

npm install

<b>Run the dev server</b>

npm run server:dev

<b>Development build</b>

npm run build:dev

This will build the game with a few caveats;

<b>Production build</b>

npm run build:dist

This will build the game with a few caveats;

Generate Assets Class:

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

Change the game size and generate a template background:

npm run setupGameSize

npm run setupGameSize -- -h

npm run setupGameSize -- --width [width] --height [height] --scale-mode [one of the Phaser Scale Modes]

Google Web Fonts:

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.

Custom/Local Web Fonts:

Add your desired Custom/Local Web Fonts to your assets folder and they will then be loaded and available via Assets.CustomWebFonts

Good generators