Added Style set methods and moved shadow sync.

Author: photonstorm

v3/src/gameobjects/text/TextStyle.js

@@ -25,8 +25,7 @@ var TextStyle = new Class({
 
     function TextStyle (text, style)
     {
-        //  Needed?
-        this.text = text;
+        this.parent = text;
 
         this.font = propertyMap.font[1];
         this.backgroundColor = propertyMap.backgroundColor[1];
@@ -48,6 +47,39 @@ var TextStyle = new Class({
         }
     },
 
+    syncFont: function (canvas, context)
+    {
+        context.font = this.font;
+        context.textBaseline = 'alphabetic';
+
+        context.fillStyle = this.fill;
+        context.strokeStyle = this.stroke;
+
+        context.lineWidth = this.strokeThickness;
+        context.lineCap = 'round';
+        context.lineJoin = 'round';
+    },
+
+    syncShadow: function (canvas, context, visible)
+    {
+        var style = this.style;
+
+        if (visible)
+        {
+            context.shadowOffsetX = style.shadowOffsetX;
+            context.shadowOffsetY = style.shadowOffsetY;
+            context.shadowColor = style.shadowColor;
+            context.shadowBlur = style.shadowBlur;
+        }
+        else
+        {
+            context.shadowOffsetX = 0;
+            context.shadowOffsetY = 0;
+            context.shadowColor = 0;
+            context.shadowBlur = 0;
+        }
+    },
+
     setStyle: function (style)
     {
         for (var key in propertyMap)
@@ -58,26 +90,102 @@ var TextStyle = new Class({
         return this;
     },
 
-    syncToCanvas: function (canvas, context)
+    setFont: function (font)
     {
-        context.font = this.font;
-        context.textBaseline = 'alphabetic';
 
-        context.fillStyle = this.fill;
-        context.strokeStyle = this.stroke;
+        this.font = font;
 
-        context.lineWidth = this.strokeThickness;
-        context.lineCap = 'round';
-        context.lineJoin = 'round';
+        this.parent.updateText();
+
+        return this;
     },
 
-    setFont: function (font)
+    setBackgroundColor: function (color)
     {
-        this.font = font;
+        this.backgroundColor = color;
 
-        //  Tell Text it changed
+        this.parent.updateText();
+
+        return this;
     },
 
+    setFill: function (color)
+    {
+        this.fill = color;
+
+        this.parent.updateText();
+
+        return this;
+    },
+
+    setStroke: function (color, thickness)
+    {
+        if (color === undefined)
+        {
+            //  Reset the stroke to zero (disabling it)
+            this.strokeThickness = 0;
+        }
+        else
+        {
+            if (thickness === undefined) { thickness = this.strokeThickness; }
+
+            this.stroke = color;
+            this.strokeThickness = thickness;
+        }
+
+        this.parent.updateText();
+
+        return this;
+    },
+
+    setShadow: function (x, y, color, blur, shadowStroke, shadowFill)
+    {
+        if (x === undefined) { x = 0; }
+        if (y === undefined) { y = 0; }
+        if (color === undefined) { color = '#000'; }
+        if (blur === undefined) { blur = 0; }
+        if (shadowStroke === undefined) { shadowStroke = false; }
+        if (shadowFill === undefined) { shadowFill = false; }
+
+        this.shadowOffsetX = x;
+        this.shadowOffsetY = y;
+        this.shadowColor = color;
+        this.shadowBlur = blur;
+        this.shadowStroke = shadowStroke;
+        this.shadowFill = shadowFill;
+
+        this.parent.updateText();
+
+        return this;
+    },
+
+    setAlign: function (align)
+    {
+        if (align === undefined) { align = 'left'; }
+
+        this.align = align;
+
+        this.parent.updateText();
+
+        return this;
+    },
+
+    setMaxLines: function (max)
+    {
+        if (max === undefined) { max = 0; }
+
+        this.maxLines = max;
+
+        this.parent.updateText();
+
+        return this;
+    },
+
+    destroy: function ()
+    {
+        this.parent = undefined;
+    }
+
 });
 
 module.exports = TextStyle;

v3/src/gameobjects/text/static/Text.js

@@ -153,42 +153,22 @@ var Text = new Class({
 
             if (style.strokeThickness)
             {
-                this.updateShadow(style.shadowStroke);
+                this.style.syncShadow(style.shadowStroke);
 
                 context.strokeText(lines[i], linePositionX, linePositionY);
             }
 
             if (style.fill)
             {
-                this.updateShadow(style.shadowFill);
+                this.style.syncShadow(style.shadowFill);
 
                 context.fillText(lines[i], linePositionX, linePositionY);
             }
         }
-    },
+    }
 
     //  Add style callback so we can chain filter effects
 
-    updateShadow: function (visible)
-    {
-        var context = this.context;
-        var style = this.style;
-
-        if (visible)
-        {
-            context.shadowOffsetX = style.shadowOffsetX;
-            context.shadowOffsetY = style.shadowOffsetY;
-            context.shadowColor = style.shadowColor;
-            context.shadowBlur = style.shadowBlur;
-        }
-        else
-        {
-            context.shadowOffsetX = 0;
-            context.shadowOffsetY = 0;
-            context.shadowColor = 0;
-            context.shadowBlur = 0;
-        }
-    }
 
 });