Render pass fix for setting texture

Author: bitnenfer

v3/src/checksum.js

@@ -1,4 +1,4 @@
 var CHECKSUM = {
-build: '905ea200-5ba2-11e7-8485-252c432813f8'
+build: '319d5420-5bd7-11e7-bbe2-93fbaa8629f2'
 };
 module.exports = CHECKSUM;

v3/src/gameobjects/effectlayer/EffectLayer.js

@@ -70,6 +70,14 @@ var EffectLayer = new Class({
         this.setOrigin(0, 0);
     },
 
+    setClearAlpha: function (alpha)
+    {
+        if (this.dstRenderTarget)
+        {
+            this.dstRenderTarget.clearAlpha = alpha;            
+        }
+    },
+
     renderOffScreen: function ()
     {
         this.renderTarget = this.dstRenderTarget;

v3/src/gameobjects/renderpass/RenderPass.js

@@ -46,6 +46,7 @@ var RenderPass = new Class({
         this.renderTexture = null;
         this.passShader = null;
         this.uniforms = {};
+        this.textures = {};
 
         if (resourceManager !== undefined)
         {
@@ -113,6 +114,37 @@ var RenderPass = new Class({
         {
             this.renderer.setRenderer(this.renderer.spriteBatch, null, null);
             this.renderer.spriteBatch.addSprite(gameObject, camera);
+            for (var key in this.textures)
+            {
+                var textureData = this.textures[key];
+                this.setInt(key, textureData.unit);
+                gl.activeTexture(gl.TEXTURE0 + textureData.unit);
+                gl.bindTexture(gl.TEXTURE_2D, textureData.texture);
+                gl.activeTexture(gl.TEXTURE0);
+            }
+            this.renderer.spriteBatch.flush(this.passShader, this.passRenderTarget.framebufferObject);
+        }
+    },
+
+    renderRect: function (x, y, width, height, camera)
+    {
+        var gl = this.renderer.gl;
+
+        if (gl)
+        {
+            this.renderer.setRenderer(this.renderer.spriteBatch, null, null);
+            this.renderer.spriteBatch.addTileTextureRect(
+                null, x, y, width, height, 1.0, 0xFFFFFFFF, this.scrollFactorX, this.scrollFactorY,
+                width, height, 0, 0, width, height, camera, null
+            );
+            for (var key in this.textures)
+            {
+                var textureData = this.textures[key];
+                this.setInt(key, textureData.unit);
+                gl.activeTexture(gl.TEXTURE0 + textureData.unit);
+                gl.bindTexture(gl.TEXTURE_2D, textureData.texture);
+                gl.activeTexture(gl.TEXTURE0);
+            }
             this.renderer.spriteBatch.flush(this.passShader, this.passRenderTarget.framebufferObject);
         }
     },
@@ -125,10 +157,11 @@ var RenderPass = new Class({
         {
             /* Texture 1 is reserved for Phasers Main Renderer */
             unit = (unit > 0) ? unit : 1;
-            this.setInt(samplerName, unit);
-            gl.activeTexture(gl.TEXTURE0 + unit);
-            gl.bindTexture(gl.TEXTURE_2D, renderTexture.texture);
-            gl.activeTexture(gl.TEXTURE0);
+            this.textures[samplerName] = { texture: renderTexture.texture, unit: unit };
+            //this.setInt(samplerName, unit);
+            //gl.activeTexture(gl.TEXTURE0 + unit);
+            //gl.bindTexture(gl.TEXTURE_2D, renderTexture.texture);
+            //gl.activeTexture(gl.TEXTURE0);
         }
     },
 

v3/src/renderer/webgl/WebGLRenderer.js

@@ -227,7 +227,7 @@ WebGLRenderer.prototype = {
                 gl.bindFramebuffer(gl.FRAMEBUFFER, renderTarget.framebufferObject);
                 if (renderTarget.shouldClear)
                 {
-                    gl.clearColor(0, 0, 0, 0);
+                    gl.clearColor(0, 0, 0, renderTarget.clearAlpha);
                     gl.clear(gl.COLOR_BUFFER_BIT);
                     renderTarget.shouldClear = false;
                 }

v3/src/renderer/webgl/resources/RenderTarget.js

@@ -6,6 +6,7 @@ var RenderTarget = function (framebufferObject, width, height, colorBuffer, dept
     this.colorBuffer = colorBuffer;
     this.depthStencilBuffer = depthStencilBuffer;
     this.shouldClear = false;
+    this.clearAlpha = 0.0;
 };
 
 module.exports = RenderTarget;