phaser-ts-vite-tiled

This is a TypeScript Phaser 3 template project that demonstrates loading Tiled maps using Vite.

Install

npm install

Run and tests

To run in dev mode, run the following command

  npm run dev

To build, run the following command

  npm run dev

the build files will be under 'dist' folder

To preview dist version, run the following command

  npm run preview

Library version

Phaser : 3.60.0+
Typescript: 5+
Vite: 4.3+ Tiled: 1.10.1

Map and Map editor

Tiled Map Editor

Original map can be found under "public/assets" directory
Project file is named basic-map.tmj and exported map is named basic-map.json.
But you can open and edit both of them under Tiled map editor

Notes

Uses Phaser 3.60.0 new API to load tiled map