Effect Layer

Author: bitnenfer

v3/src/components/RenderTarget.js

@@ -0,0 +1,7 @@
+var RenderTarget = {
+
+    renderTarget: null
+    
+};
+
+module.exports = RenderTarget;

v3/src/components/index.js

@@ -9,6 +9,7 @@ module.exports = {
     Flip: require('./Flip'),
     GetBounds: require('./GetBounds'),
     Origin: require('./Origin'),
+    RenderTarget: require('./RenderTarget'),
     ScaleMode: require('./ScaleMode'),
     Size: require('./Size'),
     Texture: require('./Texture'),

v3/src/gameobjects/bitmaptext/dynamic/DynamicBitmapTextWebGLRenderer.js

@@ -169,7 +169,7 @@ var DynamicBitmapTextWebGLRenderer = function (renderer, src, interpolationPerce
             blitterBatch.flush();
         }
 
-        renderer.setBatch(blitterBatch, texture);
+        renderer.setRenderer(blitterBatch, texture);
         vertexOffset = vertexDataBuffer.allocate(20);
         blitterBatch.elementCount += 6;
 

v3/src/gameobjects/bitmaptext/static/BitmapTextWebGLRenderer.js

@@ -135,7 +135,7 @@ var BitmapTextWebGLRenderer = function (renderer, src, interpolationPercentage,
             blitterBatch.flush();
         }
 
-        renderer.setBatch(blitterBatch, texture);
+        renderer.setRenderer(blitterBatch, texture);
         vertexOffset = vertexDataBuffer.allocate(20);
         blitterBatch.elementCount += 6;
 

v3/src/gameobjects/blitter/BlitterWebGLRenderer.js

@@ -44,7 +44,7 @@ var BlitterWebGLRenderer = function (renderer, src, interpolationPercentage, cam
             blitterBatch.flush();
         }
 
-        renderer.setBatch(blitterBatch, frame.texture.source[frame.sourceIndex].glTexture);
+        renderer.setRenderer(blitterBatch, frame.texture.source[frame.sourceIndex].glTexture);
         vertexOffset = vertexDataBuffer.allocate(20);
         blitterBatch.elementCount += 6;
         x += frame.x;

v3/src/gameobjects/effectlayer/EffectLayer.js

@@ -0,0 +1,75 @@
+var Class = require('../../utils/Class');
+var GameObject = require('../GameObject');
+var Components = require('../../components');
+var Render = require('./EffectLayerRender');
+var TexturedAndNormalizedTintedShader = require('../../renderer/webgl/shaders/TexturedAndNormalizedTintedShader');
+
+var EffectLayer = new Class({
+
+    Extends: GameObject,
+
+    Mixins: [
+        Components.Flip,
+        Components.Alpha,
+        Components.Transform,
+        Components.Visible,
+        Components.Size,
+        Components.Origin,
+        Components.RenderTarget,
+        Components.BlendMode,
+        Render
+    ],
+
+    initialize:
+
+    function EffectLayer(state, x, y, width, height, effectName, fragmentShader)
+    {
+        var resourceManager = state.game.renderer.resourceManager;
+        var gl;
+
+        this.dstRenderTarget = null
+        this.dstRenderTexture = null;
+        this.dstShader = null;
+
+        if (resourceManager !== undefined)
+        {
+            gl = state.game.renderer.gl;
+            this.dstShader = resourceManager.createShader(effectName, {
+                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); 
+            //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);
+    },
+
+    add: function (gameObject)
+    {
+        if (gameObject.renderTarget !== undefined)
+        {
+            gameObject.renderTarget = this.dstRenderTarget;
+        }
+    },
+
+    remove: function (gameObject)
+    {
+        if (gameObject.renderTarget !== undefined)
+        {
+            gameObject.renderTarget = null;
+        }  
+    }
+
+});
+
+module.exports = EffectLayer;

v3/src/gameobjects/effectlayer/EffectLayerCanvasRenderer.js

@@ -0,0 +1,7 @@
+var EffectLayerCanvasRenderer = function (renderer, src, interpolationPercentage, camera)
+{
+
+};
+
+module.exports = EffectLayerCanvasRenderer;
+ 

v3/src/gameobjects/effectlayer/EffectLayerFactory.js

@@ -0,0 +1,20 @@
+var EffectLayer = require('./EffectLayer');
+var FactoryContainer = require('../../gameobjects/FactoryContainer');
+
+var EffectLayerFactory = {
+
+    KEY: 'effectLayer',
+
+    add: function (x, y, width, height, effectName, fragmentShader)
+    {
+        return this.children.add(new EffectLayer(this.state, x, y, width, height, effectName, fragmentShader));
+    },
+
+    make: function (x, y, width, height, effectName, fragmentShader)
+    {
+        return new EffectLayer(this.state, x, y, width, height, effectName, fragmentShader);
+    }
+
+};
+
+module.exports = FactoryContainer.register(EffectLayerFactory);

v3/src/gameobjects/effectlayer/EffectLayerRender.js

@@ -0,0 +1,6 @@
+module.exports = {
+
+    renderCanvas: require('./EffectLayerCanvasRenderer'),
+    renderWebGL: require('./EffectLayerWebGLRenderer')
+
+};

v3/src/gameobjects/effectlayer/EffectLayerWebGLRenderer.js

@@ -0,0 +1,11 @@
+var EffectLayerWebGLRenderer = function (renderer, src, interpolationPercentage, camera)
+{
+    if (this.renderMask !== this.renderFlags)
+    {
+        return;
+    }
+    renderer.effectRenderer.renderEffect(src, camera, src.dstRenderTexture, src.width, src.height);
+};
+
+module.exports = EffectLayerWebGLRenderer;
+