I am creating an isometric tilemap using two tileSetImages, one with terrain tiles and the other with building tiles of double the height. I want the tile images to always align to the bottom, but it seems that by default they align to the top, causing my buildings to sink underneath the map.
Although I am not using Tiled map editor, the issue is very similar to this:
That seems to have been a rendering error that has been fixed however, so I am wondering if I am just missing some configuration somewhere?
It seems like the TileSet tileOffset property should allow me to offset the y position, but I have had no luck implementing that.
I have tried setting the tilemap origin as {x:0, y:-229} but it makes no difference.
const tileset1 = this.map.addTilesetImage('TerrainTiles', 'tilesOutside', 229, 229, 0, 0, undefined, {x:0, y:0}) as Phaser.Tilemaps.Tileset;
const tileset2 = this.map.addTilesetImage('BuildingTiles1', 'tilesBuilding1', 229, 458, 0, 0, undefined, {x:0, y:-229}) as Phaser.Tilemaps.Tileset;
I also tried adding this in the map json
"tileheight":458,
"tilewidth":229,
"tileOffset":{"x": 0, "y": -229}
If anyone can let me know if this is possible and how to implement I would be very grateful.