Light2D Pipeline

Author: bitnenfer

src/renderer/webgl/WebGLPipeline.js

@@ -80,6 +80,18 @@ var WebGLPipeline = new Class({
         return this;
     },
 
+    onPreRender: function ()
+    {
+        // called once every frame
+        return this;
+    },
+
+    onPostRender: function ()
+    {
+        // called once every frame
+        return this;
+    },
+
     flush: function ()
     {
         var gl = this.gl;

src/renderer/webgl/WebGLRenderer.js

@@ -672,10 +672,16 @@ var WebGLRenderer = new Class({
 
         var gl = this.gl;
         var color = this.game.config.backgroundColor;
+        var pipelines = this.pipelines;
 
         // Bind custom framebuffer here
         gl.clearColor(color.redGL, color.greenGL, color.blueGL, color.alphaGL);
         gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT | gl.STENCIL_BUFFER_BIT);
+
+        for (var key in pipelines)
+        {
+            pipelines[key].onPreRender();
+        }
     },
 
     render: function (scene, children, interpolationPercentage, camera)
@@ -731,6 +737,13 @@ var WebGLRenderer = new Class({
             this.snapshotState.callback(WebGLSnapshot(this.canvas, this.snapshotState.type, this.snapshotState.encoder));
             this.snapshotState.callback = null;
         }
+
+        var pipelines = this.pipelines;
+
+        for (var key in pipelines)
+        {
+            pipelines[key].onPostRender();
+        }
     },
 
     snapshot: function (callback, type, encoderOptions)

src/renderer/webgl/pipelines/Light2DPipeline.js

@@ -0,0 +1,56 @@
+var Class = require('../../../utils/Class');
+var WebGLPipeline = require('../WebGLPipeline');
+var Utils = require('../Utils');
+var TextureTintPipeline = require('./TextureTintPipeline');
+var ShaderSourceFS = require('../shaders/ForwardDiffuse.frag');
+
+var ForwardDiffuseLightPipeline = new Class({
+
+    Extends: TextureTintPipeline,
+
+    initialize:
+
+    function ForwardDiffuseLightPipeline(game, gl, renderer)
+    {
+        TextureTintPipeline.call(game, gl, ShaderSourceFS);
+    },
+
+    onBind: function ()
+    {
+        TextureTintPipeline.prototype.onBind.call(this);
+
+        var renderer = this.renderer;
+        var program = this.currentProgram;
+
+        this.mvpUpdate();
+
+        renderer.setInt1(program, 'uNormSampler', 1);
+        renderer.setFloat2(program, 'uResolution', this.width, this.height);
+
+        return this;
+    },
+
+    updateLightShaderData: function (scene)
+    {
+        var program = this.currentProgram;
+        var lights = lightLayer.lights;
+        
+        renderer.setFloat4(program, 'uCamera', camera.x, camera.y, camera.rotation, camera.zoom);
+        renderer.setFloat4(program, 'uAmbientLightColor', lightLayer.ambientLightColorR, lightLayer.ambientLightColorG, lightLayer.ambientLightColorB);
+
+        for (var index = 0; index < lights.length; ++index)
+        {
+            var light = lights[index];
+            var lightName = 'uLights[' + index + '].';
+            renderer.setFloat3(program, lightName + 'position', light.x, light.y, light.z);
+            renderer.setFloat3(program, lightName + 'color', light.r, light.g, light.b);
+            renderer.setFloat1(program, lightName + 'attenuation', light.attenuation);
+            renderer.setFloat1(program, lightName + 'radius', light.radius);
+        }
+
+        return this;
+    }
+
+});
+
+module.exports = ForwardDiffuseLightPipeline;

src/renderer/webgl/pipelines/TextureTintPipeline.js

@@ -15,7 +15,7 @@ var TextureTintPipeline = new Class({
 
     initialize:
 
-    function TextureTintPipeline(game, gl, renderer)
+    function TextureTintPipeline(game, gl, renderer, overrideFragmentShader)
     {
         WebGLPipeline.call(this, {
             name: 'TextureTintPipeline',
@@ -24,7 +24,7 @@ var TextureTintPipeline = new Class({
             renderer: renderer,
             topology: gl.TRIANGLES,
             vertShader: ShaderSourceVS,
-            fragShader: ShaderSourceFS,
+            fragShader: (overrideFragmentShader ? overrideFragmentShader : ShaderSourceFS),
             vertexCapacity: 6 * 2000,
 
             vertexSize: