tmx-tiledmap
Parser for Tiled Map Editor *.tmx files.
Installation
npm install tmx-tiledmap
or using yarn
yarn add tmx-tiledmap
Usage
The basic implementation:
// TMX file loaded using webpack 'url-loader' (can be either a string or URL encoded data).
webpack.config.js
moduleexports = module: rules: test: /\.tmx$/ include: path use: 'url-loader'
Important
Parser only supports embedded tilesets. At the moment, external tilesets are not supported!
Documentation
Example parsed data
tiledversion: "1.2.4" tilewidth: 16 tileheight: 16 version: 12 width: 512 height: 128 infinite: 0 nextlayerid: 5 nextobjectid: 165 orientation: "orthogonal" renderorder: "right-down" properties: property1: 'value' property2: 05 layers: id: 1 name: "layer name" type: "layer" visible: 1 data: 0 1 1 10 10 10 1 1 0 0 0 0 … flips: H: false V: false D: false H: true V: false D: true H: false V: false D: false … width: 512 height: 128 opacity: 077 properties: property1: 'value' property2: false id: 2 name: "objects" type: "objectgroup" visible: 1 objects: … … … properties: property1: 'value' property2: false … tilesets: columns: 32 firstgid: 1 image: source: "../images/tiles.png" width: 512 height: 512 name: "tiles" tilecount: 1024 tilewidth: 16 tileheight: 16 tiles: … … … … … … … … … … … … …