TileSprite can now set frame of the pattern texture

Author: bitnenfer

src/gameobjects/tilesprite/TileSprite.js

@@ -175,6 +175,8 @@ var TileSprite = new Class({
          */
         this.canvasBufferCtx = this.canvasBuffer.getContext('2d');
 
+        this.oldFrame = null;
+
         this.updateTileTexture();
 
         scene.sys.game.renderer.onContextRestored(function (renderer)
@@ -194,11 +196,14 @@ var TileSprite = new Class({
      */
     updateTileTexture: function ()
     {
-        if (!this.dirty)
+        if (!this.dirty && this.oldFrame == this.frame)
         {
             return;
         }
 
+        this.oldFrame = this.frame;
+
+        this.canvasBufferCtx.clearRect(0, 0, this.canvasBuffer.width, this.canvasBuffer.height);
         this.canvasBufferCtx.drawImage(
             this.frame.source.image,
             this.frame.cutX, this.frame.cutY,

src/gameobjects/tilesprite/TileSpriteCanvasRenderer.js

@@ -30,6 +30,8 @@ var TileSpriteCanvasRenderer = function (renderer, src, interpolationPercentage,
     var ctx = renderer.currentContext;
     var frame = src.frame;
 
+    src.updateTileTexture();
+
     //  Blend Mode
 
     if (renderer.currentBlendMode !== src.blendMode)

src/renderer/webgl/WebGLRenderer.js

@@ -1494,11 +1494,11 @@ var WebGLRenderer = new Class({
         {
             this.setTexture2D(dstTexture, 0);
 
-            if (!shouldReallocate)
-            {
-                gl.texSubImage2D(0, 0, 0, gl.RGBA, gl.UNSIGNED_BYTE, srcCanvas);
-            }
-            else
+            //if (!shouldReallocate && dstTexture.width >= srcCanvas.width || dstTexture.height >= srcCanvas.height)
+            //{
+            //    gl.texSubImage2D(gl.TEXTURE_2D, 0, 0, srcCanvas.width, srcCanvas.height, gl.RGBA, gl.UNSIGNED_BYTE, srcCanvas);
+            //}
+            //else
             {
                 gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, srcCanvas);
                 dstTexture.width = srcCanvas.width;