DTiled

A Dart package that renders Tiled maps and integrates with TiledStack services

0.0.x only supports the JSON map format and currently only renders Isometric maps. TMX and Orthogonal support coming.

Basics.

Setup TilesetProvider and DTiledLoader. A 'TiledsetProvider' is a class which providers logic to get a tileset image. A DTiledLoader converts from a simple Dto to the main data structure used for renderering. This is based on 'XTiled' by ViNull.

...
  gameLoop.start();
  query('#canvas').nodes.add(canvas);
  context2d = canvas.getContext('2d');
  // TiledStack tileset provider is for use with TiledStack API. 'LocalTilesetProvider' for alternate path to textures
  tileProvider = new TiledStackTilesetProvider(baseAddress);
  tiledLoader = new DTiledLoader(tileProvider);
...

Once the JSON map is loaded, other parts need to be initialised.

...
  // a Dart 'Map'
  Map response = JSON.decode(r.responseText); 
  //populate simple Dto
  MapDto mapDto = new MapDto(response); 
  currentMapDto = mapDto;
  // Parse simple Dto
  currentMap = xTiledLoader.LoadMap(currentMapDto); 
  // Create render region for camera
  renderRegion = new Rect(canvas.clientLeft,canvas.clientTop,canvas.clientWidth,canvas.clientHeight); 
  // Create camera
  camera = new Camera(currentMap,renderRegion);
  // Create renderer. This should probably be based on map type in Dto, and will once all maps types are supported
  renderer = new TiledIsometricRenderer(canvas,context2d,tileProvider,camera);
...

Example project here.

See complete simple example code.

example

Libraries

dtiled