Bitmap and Geometry Masking progress

Author: bitnenfer

v3/src/gameobjects/mask/BitmapMask.js

@@ -0,0 +1,44 @@
+var Class = require('../../utils/Class');
+
+var GeometryMask = new Class({
+
+    initialize:
+
+    function GeometryMask(scene, geometry)
+    {
+        this.geometry = geometry;
+        this.shape = scene.create.graphics();
+    },
+
+    setShape: function (geometry)
+    {
+        this.geometry = geometry;
+    },
+
+    preRenderWebGL: function (renderer, mask, camera)
+    {
+        var gl = renderer.gl;
+
+        gl.enable(gl.STENCIL_TEST);
+        gl.clear(gl.STENCIL_BUFFER_BIT);
+        gl.colorMask(false, false, false, false);
+        gl.stencilFunc(gl.NOTEQUAL, 1, 1);
+        gl.stencilOp(gl.REPLACE, gl.REPLACE, gl.REPLACE);
+
+
+        gl.colorMask(true, true, true, true);
+        gl.stencilFunc(gl.EQUAL, 1, 1);
+        gl.stencilOp(gl.INVERT, gl.INVERT, gl.INVERT);
+    },
+
+    postRenderWebGL: function (renderer)
+    {
+        var gl = renderer.gl;
+
+        gl.disable(gl.STENCIL_TEST);
+    }
+
+});
+
+
+module.exports = GeometryMask;

v3/src/gameobjects/mask/GeometryMask.js

@@ -0,0 +1,15 @@
+var BitmapMaskShaderRenderer = {
+
+    preRender: function (renderer, mask, camera)
+    {
+
+    },
+
+    postRender: function (renderer)
+    {
+
+    }
+
+};
+
+module.exports = BitmapMaskShaderRenderer;

v3/src/gameobjects/mask/webgl/BitmapMaskShaderRenderer.js

@@ -0,0 +1,26 @@
+var StencilBufferRenderer = {
+    
+    preRender: function (renderer, mask, camera)
+    {
+        var gl = renderer.gl;
+
+        gl.enable(gl.STENCIL_TEST);
+        gl.clear(gl.STENCIL_BUFFER_BIT);
+        gl.colorMask(false, false, false, false);
+        gl.stencilFunc(gl.NOTEQUAL, 1, 1);
+        gl.stencilOp(gl.REPLACE, gl.REPLACE, gl.REPLACE);
+
+        /* Render Mask Geometry */
+
+        gl.colorMask(true, true, true, true);
+        gl.stencilFunc(gl.EQUAL, 1, 1);
+        gl.stencilOp(gl.INVERT, gl.INVERT, gl.INVERT);
+    },
+
+    postRender: function (renderer)
+    {
+        renderer.gl.disable(gl.STENCIL_TEST);
+    }
+};
+
+module.exports = StencilBufferRenderer;

v3/src/gameobjects/mask/webgl/StencilBufferRenderer.js

@@ -462,9 +462,19 @@ var WebGLRenderer = new Class({
                 this.setBlendMode(child.blendMode);
             }
 
+            if (child.mask)
+            {
+                child.mask.preRenderWebGL(this, child.mask, camera);
+            }
+
             // drawing child
             child.renderWebGL(this, child, interpolationPercentage, camera);
 
+            if (child.mask)
+            {
+                child.mask.postRenderWebGL(this);
+            }
+
             renderer = this.currentRenderer;
 
             if (renderer.isFull() || renderer.shouldFlush())

v3/src/renderer/webgl/WebGLRenderer.js

@@ -0,0 +1,17 @@
+var CONST = {
+
+    // VERTEX_SIZE = (sizeof(vec2) * 2)
+    VERTEX_SIZE: 8,
+    INDEX_SIZE: 2,
+    SPRITE_VERTEX_COUNT: 4,
+    SPRITE_INDEX_COUNT: 6,
+
+    // How many 32-bit components does the vertex have.
+    SPRITE_VERTEX_COMPONENT_COUNT: 6,
+
+    // Can't be bigger since index are 16-bit
+    MAX_SPRITES: 4
+    
+};
+
+module.exports = CONST;