TMXHexagonalRenderer - rendering issue with Staggered maps

OS platform / Browser

(irrelevant)

melonJS version

6.0.0

Bug description

TMXHexagonalRenderer does not honour renderorder property. In Tiled (1.2.2), you can specify the “Tile Render Order” property, as certain tile-sets require rendering from bottom to top and/or from right to left. Tiled screenshot: melonjs rendering screenshot:

Steps to reproduce the bug

Create a map with “Left Up” tile render order, e.g. using CuddlyLover’s excellent Fantasy Hex Tiles: https://cuddlyclover.itch.io/fantasy-hex-tiles - observe that tiles are rendered in the wrong order with melonjs. Relevant code: https://github.com/melonjs/melonJS/blob/master/src/level/TMXRenderer.js#L693 Interestingly enough, the orthogonal renderer has support implemented: https://github.com/melonjs/melonJS/blob/master/src/level/TMXRenderer.js#L219

Console log Extract

(irrelevant)

[digitalbreed]

Interesting, I didn’t go that deep. Maybe I am barking at the wrong tree?! Thanks for investigating!

Here’s a zip file with my boilerplate project. I’ve only added the map, played with scaling in game.js and added code for loading in play.js, nothing else.

hexagonal-rendering-issue.zip

[obiot]

@digitalbreed here is a link to the latest wip build : https://melonjs-builds.s3.amazonaws.com/index.html?prefix=artifacts/master/2532/build/ would be great if you could give it a try and confirm you are also happy about it 😃

thanks !