Debugging tileset issue.

Author: photonstorm

src/tilemap/TilemapLayer.js

@@ -70,21 +70,23 @@ Phaser.TilemapLayer = function (game, tilemap, index, width, height) {
     * @property {PIXI.BaseTexture} baseTexture
     * @protected
     */
-    this.baseTexture = new PIXI.BaseTexture(this.canvas);
+    // this.baseTexture = new PIXI.BaseTexture(this.canvas);
 
     /**
     * Required Pixi var.
     * @property {PIXI.Texture} texture
     * @protected
     */
-    this.texture = new PIXI.Texture(this.baseTexture);
+    // this.texture = new PIXI.Texture(this.baseTexture);
 
     /**
     * Dimensions of the renderable area.
     * @property {Phaser.Frame} textureFrame
     * @protected
     */
-    this.textureFrame = new Phaser.Frame(0, 0, 0, width, height, 'tilemapLayer');
+    // this.textureFrame = new Phaser.Frame(0, 0, 0, width, height, 'tilemapLayer');
+
+    this.setTexture(new PIXI.Texture(new PIXI.BaseTexture(this.canvas)));
 
     /**
     * The const type of this object.
@@ -104,7 +106,7 @@ Phaser.TilemapLayer = function (game, tilemap, index, width, height) {
     /**
     * Settings that control standard (non-diagnostic) rendering.
     *
-    * @property {boolean} [enableScrollDelta=true] - Delta scroll rendering only draws tiles/edges as them come into view.
+    * @property {boolean} [enableScrollDelta=true] - Delta scroll rendering only draws tiles/edges as they come into view.
     *     This can greatly improve scrolling rendering performance, especially when there are many small tiles.
     *     It should only be disabled in rare cases.
     *
@@ -331,13 +333,12 @@ Phaser.TilemapLayer.prototype.postUpdate = function () {
 */
 Phaser.TilemapLayer.resize = function (width, height) {
 
-    this.baseTexture.width = width;
-    this.baseTexture.height = height;
+    // this.baseTexture.width = width;
+    // this.baseTexture.height = height;
 
     this.resizeFrame(width, height);
 
-    this.textureFrame.resize(width, height);
-
+    // this.textureFrame.resize(width, height);
 
 };
 
@@ -1064,7 +1065,7 @@ Phaser.TilemapLayer.prototype.render = function () {
         this.renderDebug();
     }
 
-    this.baseTexture.dirty();
+    this.texture.baseTexture.dirty();
 
     this.dirty = false;
 

src/tilemap/Tileset.js

@@ -177,6 +177,7 @@ Phaser.Tileset.prototype = {
     */
     setImage: function (image) {
 
+        console.log('Tileset.setImage', image.width, image.height);
         this.image = image;
         this.updateTileData(image.width, image.height);
 
@@ -187,8 +188,8 @@ Phaser.Tileset.prototype = {
     *
     * @method Phaser.Tileset#setSpacing
     * @public
-    * @param {integer} tileMargin - The margin around the tiles in the sheet (in pixels).
-    * @param {integer} tileSpacing - The spacing between the tiles in the sheet (in pixels).
+    * @param {integer} [margin=0] - The margin around the tiles in the sheet (in pixels).
+    * @param {integer} [spacing=0] - The spacing between the tiles in the sheet (in pixels).
     */
     setSpacing: function (margin, spacing) {
 
@@ -216,6 +217,9 @@ Phaser.Tileset.prototype = {
         var rowCount = (imageHeight - this.tileMargin * 2 + this.tileSpacing) / (this.tileHeight + this.tileSpacing);
         var colCount = (imageWidth - this.tileMargin * 2 + this.tileSpacing) / (this.tileWidth + this.tileSpacing);
 
+        console.log(imageWidth, imageHeight, rowCount, colCount);
+        console.log('ts', this.tileMargin, this.tileSpacing, 'th', this.tileWidth, this.tileHeight);
+
         if (rowCount % 1 !== 0 || colCount % 1 !== 0)
         {
             console.warn("Phaser.Tileset - image tile area is not an even multiple of tile size");