bruteforce tilemap canvas rendering

Author: bitnenfer

v3/src/gameobjects/tilemap/static/StaticTilemap.js

@@ -157,6 +157,44 @@ var StaticTilemap = new Class({
             this.tilemapRenderer.shader.setConstantFloat2(this.tilemapRenderer.scrollFactorLocation, this.scrollFactorX, this.scrollFactorY);
             this.tilemapRenderer.shader.setConstantFloat2(this.tilemapRenderer.tilemapPositionLocation, this.x, this.y);
         }
+        else if (this.dirty && !this.gl)
+        {
+            var mapWidth = this.mapWidth;
+            var mapHeight = this.mapHeight;
+            var border = this.tileBorder;
+            var tileWidth = this.tileWidth;
+            var tileHeight = this.tileHeight;
+            var tileWidthBorder = tileWidth + border * 2;
+            var tileHeightBorder = tileHeight + border * 2;
+            var width = this.texture.source[0].width;
+            var height = this.texture.source[0].height;
+            var setWidth = width / tileWidth;
+            var mapData = this.mapData;
+
+            this.tiles = [];
+
+            for (var y = 0; y < mapHeight; ++y)
+            {
+                for (var x = 0; x < mapWidth; ++x)
+                {
+                    var tileId = mapData[y * mapWidth + x];
+                    var frameX = (((tileId % setWidth)|0) * tileWidthBorder);
+                    var frameY = (((tileId / setWidth)|0) * tileHeightBorder);
+                    var tx = x * tileWidth;
+                    var ty = y * tileHeight;
+
+                    this.tiles.push({
+                        x: tx,
+                        y: ty,
+                        frameX: frameX,
+                        frameY: frameY
+                    });
+
+                }
+            }
+
+            this.dirty = false;
+        }
     },
 
     getTotalTileCount: function ()

v3/src/gameobjects/tilemap/static/StaticTilemapCanvasRenderer.js

@@ -1,11 +1,35 @@
-var StaticTilemapCanvasRenderer = function (renderer, src, interpolationPercentage, camera)
+var StaticTilemapCanvasRenderer = function (renderer, gameObject, interpolationPercentage, camera)
 {
-    if (src.renderMask !== src.renderFlags || (src.cameraFilter > 0 && (src.cameraFilter & camera._id)))
+    if (gameObject.renderMask !== gameObject.renderFlags || (gameObject.cameraFilter > 0 && (gameObject.cameraFilter & camera._id)))
     {
         return;
     }
 
-    //  TODO :)
+    gameObject.upload(camera);
+
+    var tiles = gameObject.tiles;
+    var tileWidth = gameObject.tileWidth;
+    var tileHeight = gameObject.tileHeight;
+    var frame = gameObject.frame;
+    var ctx = renderer.gameContext;
+    var tileCount = tiles.length;
+    var image = frame.source.image;
+    var tx = gameObject.x - camera.scrollX * gameObject.scrollFactorX;
+    var ty = gameObject.y - camera.scrollY * gameObject.scrollFactorY;
+    ctx.save();
+    ctx.translate(tx, ty);
+    ctx.rotate(gameObject.rotation);
+    ctx.scale(gameObject.scaleX, gameObject.scaleY);
+    ctx.scale(gameObject.flipX ? -1 : 1, gameObject.flipY ? -1 : 1);
+
+    for (var index = 0; index < tileCount; ++index)
+    {
+        var tile = tiles[index];
+        ctx.drawImage(image, tile.frameX, tile.frameY, tileWidth, tileHeight, tile.x, tile.y, tileWidth, tileHeight);
+    }
+
+    ctx.restore();
+
 };
 
 module.exports = StaticTilemapCanvasRenderer;