Phaser 3 Tilemap & File Pack Project Template

A Phaser 3 Project Template with Webpack, Tilemap, and File Pack. This template was created to illustrate the conecept of having a single Level Class (Extended from the Scene Class) which generates the game level from dynamically loaded tilemaps.

Try the demo!

Requirements

We need Node.js to install and run scripts.

Tiled needed to make and edit tilemaps.

Littera to make bitmap font.

Leshy Spritetool used to make atlas.

Tile Extruder to extrude tileset and prevent bleed.

Install and run

Run next commands in your terminal:

Command	Description
npm install	Install dependencies and launch browser with examples.
npm run dev	Perform a quick build without minification.
npm run build	Perform a final build with minification.
npm start	Launch browser to show the examples. Press Ctrl + c to kill http-server process.

References

Based on Project Template by Richard Davey: Phaser 3 Webpack Project Template

and

Generic Platformer and Phaser Bootstrap Project

Graphics and Sound

16x16 Fantasy tileset

Generic 8-bit JRPG Soundtrack

512 Sound Effects (8-bit style)

Minecraft Font