Added support for tint and alpha to RenderTexture

Author: bitnenfer

src/gameobjects/rendertexture/RenderTexture.js

@@ -78,6 +78,8 @@ var RenderTexture = new Class({
         this.initMatrixStack();
 
         this.renderer = scene.sys.game.renderer;
+        this.globalTint = 0xFFFFFFF;
+        this.globalAlpha = 1.0;
 
         if (this.renderer.type === CONST.WEBGL)
         {
@@ -120,7 +122,39 @@ var RenderTexture = new Class({
             this.renderer.deleteTexture(this.texture);
             this.renderer.deleteFramebuffer(this.framebuffer);
         }
-    }
+    },
+
+    /**
+     * [description]
+     *
+     * @method Phaser.GameObjects.RenderTexture#setGlobalTint
+     * @since 3.2.0
+     *
+     * @param {int} tint [description]
+     *
+     * @return {Phaser.GameObjects.RenderTexture} [description]
+     */
+    setGlobalTint: function (tint)
+    {
+        this.globalTint = tint;
+        return this;
+    },
+
+    /**
+     * [description]
+     *
+     * @method Phaser.GameObjects.RenderTexture#setGlobalAlpha
+     * @since 3.2.0
+     *
+     * @param {float} alpha [description]
+     *
+     * @return {Phaser.GameObjects.RenderTexture} [description]
+     */
+    setGlobalAlpha: function (alpha)
+    {
+        this.globalAlpha = alpha;
+        return this;
+    },
 
     /**
      * Fills the Render Texture with the given color.

src/gameobjects/rendertexture/RenderTextureCanvas.js

@@ -20,8 +20,11 @@ var RenderTextureCanvas = {
     draw: function (texture, frame, x, y)
     {
         var matrix = this.currentMatrix;
+
+        this.context.globalAlpha = this.globalAlpha;
         this.context.setTransform(matrix[0], matrix[1], matrix[2], matrix[3], matrix[4], matrix[5]);
         this.context.drawImage(texture.source[frame.sourceIndex].image, frame.x, frame.y, frame.width, frame.height, x, y, frame.width, frame.height);
+        
         return this;
     }
 

src/gameobjects/rendertexture/RenderTextureWebGL.js

@@ -27,8 +27,9 @@ var RenderTextureWebGL = {
     draw: function (texture, frame, x, y)
     {
         var glTexture = texture.source[frame.sourceIndex].glTexture;
+        var tint = (this.globalTint >> 16) + (this.globalTint & 0xff00) + ((this.globalTint & 0xff) << 16);
         this.renderer.setFramebuffer(this.framebuffer);
-        this.renderer.pipelines.TextureTintPipeline.drawTexture(glTexture, x, y, frame.x, frame.y, frame.width, frame.height, this.currentMatrix);
+        this.renderer.pipelines.TextureTintPipeline.drawTexture(glTexture, x, y, tint, this.globalAlpha, frame.x, frame.y, frame.width, frame.height, this.currentMatrix);
         this.renderer.setFramebuffer(null);
         return this;
     }

src/renderer/webgl/pipelines/TextureTintPipeline.js

@@ -1689,6 +1689,7 @@ var TextureTintPipeline = new Class({
     drawTexture: function (
         texture,
         srcX, srcY,
+        tint, alpha,
         frameX, frameY, frameWidth, frameHeight,
         transformMatrix
     )
@@ -1730,7 +1731,7 @@ var TextureTintPipeline = new Class({
         var v0 = (frameY / textureHeight);
         var u1 = (frameX + frameWidth) / textureWidth;
         var v1 = (frameY + frameHeight) / textureHeight;
-        var tint = 0xffffffff;
+        var tint = Utils.getTintAppendFloatAlpha(tint, alpha);
 
         this.setTexture2D(texture, 0);