Use fbo stack and free-up callback hooks

Author: photonstorm

src/renderer/webgl/pipelines/BitmapMaskPipeline.js

@@ -78,8 +78,10 @@ var BitmapMaskPipeline = new Class({
         this.set1i('uMaskSampler', 1);
     },
 
-    onResize: function (width, height)
+    resize: function (width, height)
     {
+        WebGLPipeline.prototype.resize.call(this, width, height);
+
         this.set2f('uResolution', width, height);
     },
 
@@ -96,19 +98,16 @@ var BitmapMaskPipeline = new Class({
      */
     beginMask: function (mask, maskedObject, camera)
     {
-        var renderer = this.renderer;
         var gl = this.gl;
 
         //  The renderable Game Object that is being used for the bitmap mask
-        var bitmapMask = mask.bitmapMask;
-
-        if (bitmapMask && gl)
+        if (mask.bitmapMask && gl)
         {
-            renderer.flush();
+            var renderer = this.renderer;
 
-            mask.prevFramebuffer = renderer.currentFramebuffer;
+            renderer.flush();
 
-            renderer.setFramebuffer(mask.mainFramebuffer);
+            renderer.pushFramebuffer(mask.mainFramebuffer);
 
             gl.disable(gl.STENCIL_TEST);
             gl.clearColor(0, 0, 0, 0);
@@ -143,11 +142,13 @@ var BitmapMaskPipeline = new Class({
 
         if (bitmapMask && gl)
         {
+            //  mask.mainFramebuffer should now contain all the Game Objects we want masked
             renderer.flush();
 
-            //  First we draw the mask to the mask fb
-            renderer.setFramebuffer(mask.maskFramebuffer);
+            //  Swap to the mask framebuffer (push, in case the bitmapMask GO has a post-pipeline)
+            renderer.pushFramebuffer(mask.maskFramebuffer);
 
+            //  Clear it and draw the Game Object that is acting as a mask to it
             gl.clearColor(0, 0, 0, 0);
             gl.clear(gl.COLOR_BUFFER_BIT);
 
@@ -157,7 +158,9 @@ var BitmapMaskPipeline = new Class({
 
             renderer.flush();
 
-            renderer.setFramebuffer(mask.prevFramebuffer);
+            //  Clear the mask framebuffer + main framebuffer
+            renderer.popFramebuffer();
+            renderer.popFramebuffer();
 
             //  Is there a stencil further up the stack?
             var prev = renderer.getCurrentStencilMask();
@@ -173,7 +176,7 @@ var BitmapMaskPipeline = new Class({
                 renderer.currentMask.mask = null;
             }
 
-            //  Bind bitmap mask pipeline and draw
+            //  Bind this pipeline and draw
             renderer.pipelines.set(this);
 
             gl.activeTexture(gl.TEXTURE1);
@@ -185,7 +188,7 @@ var BitmapMaskPipeline = new Class({
             this.set1i('uInvertMaskAlpha', mask.invertAlpha);
 
             //  Finally, draw a triangle filling the whole screen
-            gl.drawArrays(gl.TRIANGLE, 0, 3);
+            gl.drawArrays(this.topology, 0, 3);
 
             renderer.resetTextures();
         }