Masses of refactoring in BatchManager, making it as compact and fast as possible.

Author: photonstorm

src/components/Transform.js

@@ -481,6 +481,22 @@ Phaser.Component.Transform.prototype = {
         //  Bottom Left Vert
         vert.x3 = (a * w1) + (c * h0) + tx;
         vert.y3 = (d * h0) + (b * w1) + ty;
+    },
+
+    cloneVertexData: function ()
+    {
+        var src = this.glVertextData;
+
+        return {
+            x0: src.x0,
+            y0: src.y0,
+            x1: src.x1,
+            y1: src.y1,
+            x2: src.x2,
+            y2: src.y2,
+            x3: src.x3,
+            y3: src.y3
+        };
     }
 
 };

src/gameobjects/image/ImageWebGLRenderer.js

@@ -7,35 +7,77 @@ Phaser.Renderer.WebGL.GameObjects.Image = {
     render: function (renderer, src)
     {
         var frame = src.frame;
+        var alpha = src.color.worldAlpha * 255 << 24;
 
         //  Skip rendering?
 
-        if (src.skipRender || !src.visible || src.worldAlpha <= 0 || !frame.cutWidth || !frame.cutHeight)
+        if (src.skipRender || !src.visible || alpha === 0 || !frame.cutWidth || !frame.cutHeight)
         {
             return;
         }
 
+        //  The below works
+
         var uvs = frame.uvs;
         var verts = src.transform.glVertextData;
         var index = src.glTextureIndex;
-        var alpha = src.color.worldAlpha * 255 << 24;
         var tint = src.color._glTint;
         var bg = src.color._glBg;
 
-        renderer.spriteBatch.render(src);
+        renderer.spriteBatch.addToBatch(src, verts, uvs, index, alpha, tint, bg);
+
+        /*
+
+        // var verts = src.transform.cloneVertexData();
+        var worldAlpha = 0.2;
+
+        //  0.2, 0.4, 0.6, 0.8, 1
+
+        //  xy0 Top Left Vert
+        //  xy1 Top Right Vert
+        //  xy2 Bottom Right Vert
+        //  xy3 Bottom Left Vert
+
+        //  Let's just try 5 clones below the current sprite?
+
+        verts.x0 += 8 * 5;
+        verts.x1 += 8 * 5;
+        verts.x2 += 8 * 5;
+        verts.x3 += 8 * 5;
+
+        verts.y0 += 8 * 5;
+        verts.y1 += 8 * 5;
+        verts.y2 += 8 * 5;
+        verts.y3 += 8 * 5;
+
+
+        for (var i = 0; i < 5; i++)
+        {
+            alpha = worldAlpha * 255 << 24;
+
+            renderer.spriteBatch.addToBatch(src, verts, uvs, index, alpha, tint, bg);
+
+            verts.x0 -= 8;
+            verts.x1 -= 8;
+            verts.x2 -= 8;
+            verts.x3 -= 8;
+
+            verts.y0 -= 8;
+            verts.y1 -= 8;
+            verts.y2 -= 8;
+            verts.y3 -= 8;
+
+            worldAlpha += 0.2;
+        }
+        */
 
-        //  Several options open to us... we can either just call 'render' and it works out
-        //  everything for us.
-        //  
-        //  Or we can call addVerts 4 times
-        //  
-        //  Or we can call addVerts and pass in objects, but call it as many times as we like
-        //  so we can do special FX from it
+        //  Also works ...
 
-        renderer.spriteBatch.addVert(verts.x0, verts.y0, uvs.x0, uvs.y0, index, tint.topLeft + alpha, bg);
-        renderer.spriteBatch.addVert(verts.x1, verts.y1, uvs.x1, uvs.y1, index, tint.topRight + alpha, bg);
-        renderer.spriteBatch.addVert(verts.x2, verts.y2, uvs.x2, uvs.y2, index, tint.bottomRight + alpha, bg);
-        renderer.spriteBatch.addVert(verts.x3, verts.y3, uvs.x3, uvs.y3, index, tint.bottomLeft + alpha, bg);
+        // renderer.spriteBatch.startGameObject(src);
+        // renderer.spriteBatch.addVert(verts.x0, verts.y0, uvs.x0, uvs.y0, index, tint.topLeft + alpha, bg);
+        // renderer.spriteBatch.addVert(verts.x1, verts.y1, uvs.x1, uvs.y1, index, tint.topRight + alpha, bg);
+        // renderer.spriteBatch.addVert(verts.x2, verts.y2, uvs.x2, uvs.y2, index, tint.bottomRight + alpha, bg);
+        // renderer.spriteBatch.addVert(verts.x3, verts.y3, uvs.x3, uvs.y3, index, tint.bottomLeft + alpha, bg);
     }
 
 };