TilemapLayer.resize allows you to resize a TilemapLayer. It will update the internal canvas object and corresponding texture dimensions (phaserjs#1881)

Author: photonstorm

README.md

@@ -321,6 +321,7 @@ Version 2.4 - "Katar" - in dev
 * Text.autoRound allows you to control if the text is allowed to render at sub-pixel coordinates or not. Set to `true` to round the coordinates, often eliminating anti-aliasing from certain font types (#1867)
 * Tiled Image Collection support is now available and has been added to the TilemapParser and Tilemap classes (thanks @asyed94 #1879)
 * Keyboard.addKeys is a practical way to create an object containing user selected hotkeys. For example: `addKeys( [Phaser.Keyboard.W, Phaser.Keyboard.S, Phaser.Keyboard.A, Phaser.Keyboard.D], [ 'up', 'down', 'left', 'right' ] );` would return an object containing the properties `up`, `down`, `left` and `right` that you could poll just like a Phaser.Key object. (thanks @Mourtz #1857)
+* TilemapLayer.resize allows you to resize a TilemapLayer. It will update the internal canvas object and corresponding texture dimensions (#1881)
 
 ### Updates
 

src/tilemap/TilemapLayer.js

@@ -45,7 +45,7 @@ Phaser.TilemapLayer = function (game, tilemap, index, width, height) {
 
     /**
     * The layer object within the Tilemap that this layer represents.
-    * @property {Phaser.TileLayer} layer
+    * @property {object} layer
     * @protected
     * @readonly
     */
@@ -65,27 +65,6 @@ Phaser.TilemapLayer = function (game, tilemap, index, width, height) {
     */
     this.context = this.canvas.getContext('2d');
 
-    /**
-    * Required Pixi var.
-    * @property {PIXI.BaseTexture} baseTexture
-    * @protected
-    */
-    // this.baseTexture = new PIXI.BaseTexture(this.canvas);
-
-    /**
-    * Required Pixi var.
-    * @property {PIXI.Texture} texture
-    * @protected
-    */
-    // 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.setTexture(new PIXI.Texture(new PIXI.BaseTexture(this.canvas)));
 
     /**
@@ -117,7 +96,7 @@ Phaser.TilemapLayer = function (game, tilemap, index, width, height) {
     * @default
     */
     this.renderSettings = {
-        enableScrollDelta: true,
+        enableScrollDelta: false,
         overdrawRatio: 0.20,
         copyCanvas: null
     };
@@ -325,20 +304,38 @@ Phaser.TilemapLayer.prototype.postUpdate = function () {
 /**
 * Resizes the internal canvas and texture frame used by this TilemapLayer.
 *
-* This is an expensive call, so don't bind it to a window resize event or similar!
+* This is an expensive call, so don't bind it to a window resize event! But instead call it at carefully
+* selected times.
+*
+* Be aware that no validation of the new sizes takes place and the current map scroll coordinates are not
+* modified either. You will have to handle both of these things from your game code if required.
 * 
 * @method Phaser.TilemapLayer#resize
 * @param {number} width - The new width of the TilemapLayer
 * @param {number} height - The new height of the TilemapLayer
 */
-Phaser.TilemapLayer.resize = function (width, height) {
+Phaser.TilemapLayer.prototype.resize = function (width, height) {
+
+    this.canvas.width = width;
+    this.canvas.height = height;
+
+    this.texture.frame.resize(width, height);
 
-    // this.baseTexture.width = width;
-    // this.baseTexture.height = height;
+    this.texture.width = width;
+    this.texture.height = height;
 
-    this.resizeFrame(width, height);
+    this.texture.crop.width = width;
+    this.texture.crop.height = height;
 
-    // this.textureFrame.resize(width, height);
+    this.texture.baseTexture.width = width;
+    this.texture.baseTexture.height = height;
+
+    this.texture.baseTexture.dirty();
+    this.texture.requiresUpdate = true;
+
+    this.texture._updateUvs();
+
+    this.dirty = true;
 
 };
 

typescript/phaser.d.ts

@@ -1,7 +1,7 @@
 /// <reference path="pixi.d.ts" />
 /// <reference path="p2.d.ts" />
 
-// Type definitions for Phaser 2.4.0 2015-Jun-22
+// Type definitions for Phaser 2.4.0 2015-Jul-07
 // Project: https://github.com/photonstorm/phaser
 
 declare class Phaser {
@@ -4560,7 +4560,6 @@ declare module Phaser {
 
         constructor(game: Phaser.Game, tilemap: Phaser.Tilemap, index: number, width?: number, height?: number);
 
-        baseTexture: PIXI.BaseTexture;
         cameraOffset: Phaser.Point;
         canvas: HTMLCanvasElement;
         collisionHeight: number;
@@ -4586,8 +4585,6 @@ declare module Phaser {
         scrollFactorY: number;
         scrollX: number;
         scrollY: number;
-        texture: PIXI.Texture;
-        textureFrame: Phaser.Frame;
         type: number;
         wrap: boolean;
 
@@ -4598,6 +4595,7 @@ declare module Phaser {
         getTileY(y: number): number;
         postUpdate(): void;
         render(): void;
+        resize(width: number, height: number): void;
         resizeWorld(): void;
         resetTilesetCache(): void;
         setScale(xScale?: number, yScale?: number): void;