[3.50] Debug Graphics for Isometric Tilemaps renderDebug()

[ZaDarkSide]

Version

• Phaser Version: Phaser v3.50.0-beta.11

• Operating system: Windows 10

• Browser: Chrome 87.0.4280.88

Description

When using isometric tilemaps the debug for them renders square tiles instead of isometric squares.

Example Test Code

let debug = this.add.graphics().setAlpha(0.07).setDepth(20);
let map = this.add.tilemap('map');
let tileset = map.addTilesetImage('isometric_grass_and_water', 'tiles');
let layer1 = map.createLayer('Tile Layer 1', [tileset]);
layer1.setCollisionByProperty({ collision: true });

map.renderDebug(debug, {
	tileColor: new Phaser.Display.Color(40, 255, 48, 255),
	collidingTileColor: new Phaser.Display.Color(243, 134, 48, 255),
	faceColor: new Phaser.Display.Color(40, 39, 37, 255)
})

Additional Information

[photonstorm]

I've changed the code so it won't try to debug a map unless it's orthogonal. I'll leave this issue open as a future feature request, however.