Fixed width and height properties for Dynamic Bitmap Text

Author: photonstorm

v3/src/gameobjects/bitmaptext/dynamic/DynamicBitmapText.js

@@ -48,16 +48,16 @@ var DynamicBitmapText = new Class({
         this.scrollX = 0;
         this.scrollY = 0;
 
-        this.width = 0;
-        this.height = 0;
+        this.cropWidth = 0;
+        this.cropHeight = 0;
 
         this.displayCallback;
     },
 
     setSize: function (width, height)
     {
-        this.width = width;
-        this.height = height;
+        this.cropWidth = width;
+        this.cropHeight = height;
 
         return this;
     },
@@ -112,12 +112,51 @@ var DynamicBitmapText = new Class({
     //     }
     // }
 
-    getTextBounds: function ()
+    getTextBounds: function (round)
     {
         //  local = the BitmapText based on fontSize and 0x0 coords
         //  global = the BitmapText, taking into account scale and world position
 
-        return GetBitmapTextSize(this);
+        this._bounds = GetBitmapTextSize(this, round);
+
+        return this._bounds;
+    },
+
+    width: {
+
+        get: function ()
+        {
+            this.getTextBounds(false);
+            return this._bounds.global.width;
+        }
+
+    },
+
+    height: {
+
+        get: function ()
+        {
+            this.getTextBounds(false);
+            return this._bounds.global.height;
+        }
+
+    },
+
+    toJSON: function ()
+    {
+        var out = Components.ToJSON(this);
+
+        //  Extra data is added here
+
+        var data = {
+            font: this.font,
+            text: this.text,
+            fontSize: this.fontSize
+        };
+
+        out.data = data;
+
+        return out;
     }
 
 });

v3/src/gameobjects/bitmaptext/dynamic/DynamicBitmapTextCanvasRenderer.js

@@ -70,11 +70,11 @@ var DynamicBitmapTextCanvasRenderer = function (renderer, src, interpolationPerc
     ctx.rotate(src.rotation);
     ctx.scale(src.scaleX, src.scaleY);
 
-    if (src.width > 0 && src.height > 0)
+    if (src.cropWidth > 0 && src.cropHeight > 0)
     {
         ctx.save();
         ctx.beginPath();
-        ctx.rect(0, 0, src.width, src.height);
+        ctx.rect(0, 0, src.cropWidth, src.cropHeight);
         ctx.clip();
         ctx.closePath();
     }
@@ -154,7 +154,7 @@ var DynamicBitmapTextCanvasRenderer = function (renderer, src, interpolationPerc
         lastCharCode = charCode;
     }
 
-    if (src.width > 0 && src.height > 0)
+    if (src.cropWidth > 0 && src.cropHeight > 0)
     {
         ctx.restore();
     }

v3/src/gameobjects/bitmaptext/dynamic/DynamicBitmapTextWebGLRenderer.js

@@ -94,7 +94,7 @@ var DynamicBitmapTextWebGLRenderer = function (renderer, gameObject, interpolati
 
     var gl = renderer.gl;
 
-    if (gameObject.width > 0 && gameObject.height > 0)
+    if (gameObject.cropWidth > 0 && gameObject.cropHeight > 0)
     {
         if (renderer.currentRenderer !== null)
         {
@@ -106,8 +106,8 @@ var DynamicBitmapTextWebGLRenderer = function (renderer, gameObject, interpolati
             gl.enable(gl.SCISSOR_TEST);
         }
 
-        var sw = gameObject.width * gameObject.scaleX;
-        var sh = gameObject.height * gameObject.scaleY;
+        var sw = gameObject.cropWidth * gameObject.scaleX;
+        var sh = gameObject.cropHeight * gameObject.scaleY;
 
         gl.scissor(gameObject.x, gl.drawingBufferHeight - gameObject.y - sh, sw, sh);
     }
@@ -255,7 +255,7 @@ var DynamicBitmapTextWebGLRenderer = function (renderer, gameObject, interpolati
         lastCharCode = charCode;
     }
 
-    if (gameObject.width > 0 && gameObject.height > 0)
+    if (gameObject.cropWidth > 0 && gameObject.cropHeight > 0)
     {
         spriteBatch.flush();