RenderPass update

Author: bitnenfer

v3/src/gameobjects/index.js

@@ -12,6 +12,7 @@ require('./text/static/TextFactory');
 require('./layer/LayerFactory');
 require('./zone/ZoneFactory');
 require('./effectlayer/EffectLayerFactory');
+require('./renderpass/RenderPassFactory');
 
 //  Phaser.GameObjects
 
@@ -26,6 +27,7 @@ module.exports = {
     Graphics: require('./graphics/Graphics.js'),
     Image: require('./image/Image'),
     Layer: require('./layer/Layer'),
+    RenderPass: require('./renderpass/RenderPass.js'),
     Sprite: require('./sprite/Sprite'),
     Text: require('./text/static/Text'),
     Zone: require('./zone/Zone'),

v3/src/gameobjects/renderpass/RenderPass.js

@@ -1,7 +1,10 @@
+// RenderPass Will only work with Sprite and Image GameObjects.
+
 var Class = require('../../utils/Class');
 var GameObject = require('../GameObject');
 var Components = require('../../components');
 var Render = require('./RenderPassRender');
+var TexturedAndNormalizedTintedShader = require('../../renderer/webgl/shaders/TexturedAndNormalizedTintedShader');
 
 var RenderPass = new Class({
 
@@ -30,36 +33,33 @@ var RenderPass = new Class({
         var resourceManager = state.game.renderer.resourceManager;
         var gl;
 
-        this.dstRenderTarget = null
-        this.dstRenderTexture = null;
-        this.dstShader = null;
+        this.renderer = state.game.renderer;
+        this.passRenderTarget = null
+        this.passRenderTexture = null;
+        this.passShader = null;
         this.uniforms = {};
 
         if (resourceManager !== undefined)
         {
-            /*gl = state.game.renderer.gl;
-            this.dstShader = resourceManager.createShader(shaderName, {
-                vert: TexturedAndNormalizedTintedShader.vert,
-                frag: fragmentShader
-            });
-            this.dstRenderTexture = resourceManager.createTexture(
-                0, 
-                gl.LINEAR, gl.LINEAR, 
-                gl.CLAMP_TO_EDGE, gl.CLAMP_TO_EDGE, 
-                gl.RGBA, 
-                null, width, height
-            );
-            this.dstRenderTarget = resourceManager.createRenderTarget(width, height, this.dstRenderTexture, null); */
+            gl = state.game.renderer.gl;
+            this.passShader = resourceManager.createShader(shaderName, {vert: TexturedAndNormalizedTintedShader.vert, frag: fragmentShader});
+            this.passRenderTexture = resourceManager.createTexture(0, gl.LINEAR, gl.LINEAR, gl.CLAMP_TO_EDGE, gl.CLAMP_TO_EDGE, gl.RGBA, null, width, height);
+            this.passRenderTarget = resourceManager.createRenderTarget(width, height, this.passRenderTexture, null);
             state.game.renderer.currentTexture = null; // force rebinding of prev texture
         }
-        this.flipY = true;
+
         this.setPosition(x, y);
         this.setSize(width, height);
         this.setOrigin(0, 0);
+
     },
 
-    render: function (gameObject)
+    render: function (gameObject, camera)
     {
+        var gl = this.renderer.gl;
+        this.renderer.spriteBatch.addSprite(gameObject, camera);
+        this.renderer.spriteBatch.flush(this.passShader, this.passRenderTarget.framebufferObject);
+        this.renderer.setRenderer(null, null, null);
     },
 
     getUniformLocation: function (uniformName)

v3/src/renderer/webgl/renderers/spritebatch/SpriteBatch.js

@@ -111,7 +111,7 @@ SpriteBatch.prototype = {
         this.vertexBufferObject.bind();
     },
 
-    flush: function (shader)
+    flush: function (shader, renderTarget)
     {
         var gl = this.glContext;
         var vertexDataBuffer = this.vertexDataBuffer;
@@ -121,23 +121,37 @@ SpriteBatch.prototype = {
             return;
         }
 
+        if (renderTarget)
+        {
+            gl.bindFramebuffer(gl.FRAMEBUFFER, renderTarget);
+        }
+
         this.bind(shader);
         this.vertexBufferObject.updateResource(vertexDataBuffer.getUsedBufferAsFloat(), 0);
         gl.drawElements(gl.TRIANGLES, this.elementCount, gl.UNSIGNED_SHORT, 0);
         vertexDataBuffer.clear();
         this.elementCount = 0;
+
+        if (renderTarget)
+        {
+            gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+        }
     },
 
     resize: function (width, height, resolution, shader)
     {
         var gl = this.glContext;
         var activeShader = shader !== undefined ? shader : this.shader;
-
+        var location = activeShader == this.shader ? this.viewMatrixLocation : activeShader.getUniformLocation('u_view_matrix');
         this.width = width * resolution;
         this.height = height * resolution;
+        this.setProjectionMatrix(activeShader, location);
+    },
 
-        activeShader.setConstantMatrix4x4(
-            this.viewMatrixLocation,
+    setProjectionMatrix: function (shader, location)
+    {
+        shader.setConstantMatrix4x4(
+            location,
             new Float32Array([
                 2 / this.width, 0, 0, 0,
                 0, -2 / this.height, 0, 0,