Calling Tilemap.renderDebug ignored the layer world position when drawing to the Graphics object. It will now translate to the layer position before drawing. Fix phaserjs#4061

Author: photonstorm

CHANGELOG.md

@@ -11,6 +11,7 @@
 * GameObjects added to and removed from Containers no longer listen for the `shutdown` event at all (thanks Vitali)
 * Sprites now have `preDestroy` method, which is called automatically by `destroy`. The method destroys the Animation component, unregistering the `remove` event in the process and freeing-up resources. Fix #4051 (thanks @Aveyder)
 * `Tilemap.setBaseTileSize` now sets the size into the LayerData `baseTileWidth` and `baseTileHeight` properties accordingly. Fix #4057 (thanks @imilo)
+* Calling `Tilemap.renderDebug` ignored the layer world position when drawing to the Graphics object. It will now translate to the layer position before drawing. Fix #4061 (thanks @Zax37)
 
 ### Examples, Documentation and TypeScript
 

src/tilemaps/components/RenderDebug.js

@@ -44,6 +44,8 @@ var RenderDebug = function (graphics, styleConfig, layer)
 
     var tiles = GetTilesWithin(0, 0, layer.width, layer.height, null, layer);
 
+    graphics.translate(layer.tilemapLayer.x, layer.tilemapLayer.y);
+
     for (var i = 0; i < tiles.length; i++)
     {
         var tile = tiles[i];
@@ -54,6 +56,7 @@ var RenderDebug = function (graphics, styleConfig, layer)
         var y = tile.pixelY;
 
         var color = tile.collides ? collidingTileColor : tileColor;
+
         if (color !== null)
         {
             graphics.fillStyle(color.color, color.alpha / 255);
@@ -69,6 +72,7 @@ var RenderDebug = function (graphics, styleConfig, layer)
         if (faceColor !== null)
         {
             graphics.lineStyle(1, faceColor.color, faceColor.alpha / 255);
+
             if (tile.faceTop) { graphics.lineBetween(x, y, x + tw, y); }
             if (tile.faceRight) { graphics.lineBetween(x + tw, y, x + tw, y + th); }
             if (tile.faceBottom) { graphics.lineBetween(x, y + th, x + tw, y + th); }