Small demo showing how to load and manage tilemap chunks on the fly as the player moves, with Phaser 3. You can see it in action in the online demo. Note that the loading of the chunks should be almost invisible, so if the demo works well there won't be that much to see! You can have a look at this gif to see it in action with smaller chunks where the effect becomes visible.
The tutorial corresponding to this demo is available here.
Place all the files on your local web server and navigate to index.html.
You can move around by clicking on the map. The tilemap chunks will be loaded and discarded on the fly so that only the surrounding chunks are displayed at any time.
The folder splitter
contains a Node app that allows you to split a Tiled map in chunks of arbitrary dimensions. To use it, first install the required
dependencies by running npm install
in the splitter
directory. Then run node splitmap.js
. Run it without any arguments to see a message listing
the possible (and required) options.