Pass each Tile.alpha value and store it with the glBatch data.

NOTE: if implemented this will have to break the tile batch into separate batches based on the alpha values!  Need a chat with Rich...

Author: pjbaron

src/tilemap/TilemapLayerGL.js

@@ -704,11 +704,11 @@ Phaser.TilemapLayerGL.prototype.renderRegion = function (scrollX, scrollY, left,
 
             var index = tile.index;
 
-            if (tile.alpha !== lastAlpha && !this.debug)
-            {
-                //context.globalAlpha = tile.alpha;
-                lastAlpha = tile.alpha;
-            }
+            // if (tile.alpha !== lastAlpha && !this.debug)
+            // {
+            //     //context.globalAlpha = tile.alpha;
+            //     lastAlpha = tile.alpha;
+            // }
 
             if (tile.rotation || tile.flipped)
             {
@@ -721,12 +721,12 @@ Phaser.TilemapLayerGL.prototype.renderRegion = function (scrollX, scrollY, left,
                 //     context.scale(-1, 1);
                 // }
 
-                this._mc.tileset.drawGl(this.glBatch, -tile.centerX + offx, -tile.centerY + offy, index);
+                this._mc.tileset.drawGl(this.glBatch, -tile.centerX + offx, -tile.centerY + offy, index, tile.alpha);
                 //context.restore();
             }
             else
             {
-                this._mc.tileset.drawGl(this.glBatch, tx + offx, ty + offy, index);
+                this._mc.tileset.drawGl(this.glBatch, tx + offx, ty + offy, index, tile.alpha);
             }
             // if (!this._mc.tileset && this.debugSettings.missingImageFill)
             // {
@@ -768,7 +768,7 @@ Phaser.TilemapLayerGL.prototype.renderFull = function () {
 
     var left = Math.floor( (scrollX - (cw - tw)) / tw );
     var right = Math.floor( (renderW - 1 + scrollX) / tw );
-    var top = Math.floor( scrollY - (ch - th) / th );
+    var top = Math.floor( (scrollY - (ch - th)) / th );
     var bottom = Math.floor( (renderH - 1 + scrollY) / th );
 
     this.glBatch = [];

src/tilemap/Tileset.js

@@ -162,8 +162,9 @@ Phaser.Tileset.prototype = {
     * @param {number} x - The x coordinate to draw to.
     * @param {number} y - The y coordinate to draw to.
     * @param {integer} index - The index of the tile within the set to draw.
+    * @param {number} alpha - The alpha value to draw this tile with.
     */
-    drawGl: function (glBatch, x, y, index) {
+    drawGl: function (glBatch, x, y, index, alpha) {
 
         // Correct the tile index for the set and bias for interlacing x/y values
         var coordIndex = (index - this.firstgid) * 2;
@@ -181,7 +182,8 @@ Phaser.Tileset.prototype = {
                 dx: x + this.tileWidth * 0.5,
                 dy: y + this.tileHeight * 0.5,
                 dw: this.tileWidth,
-                dh: this.tileHeight
+                dh: this.tileHeight,
+                alpha: alpha
             } );
         }