Mapping tile texture from the center

Author: bitnenfer

v3/src/checksum.js

@@ -1,4 +1,4 @@
 var CHECKSUM = {
-build: 'b0c28c60-4d28-11e7-bd40-53a521c25ff2'
+build: '907ae780-4d47-11e7-a1ba-9fe9a3b95341'
 };
 module.exports = CHECKSUM;

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

@@ -88,16 +88,18 @@ var StaticTilemap = new Class({
                     for (var x = 0; x < mapWidth; ++x)
                     {
                         var tileId = mapData[y * mapWidth + x];
-                        var rectx = ((tileId % setWidth)|0) * tileWidth;
-                        var recty = ((tileId / setWidth)|0) * tileHeight;
+                        var halfTileWidth =  (tileWidth) * 0.5;
+                        var halfTileHeight =  (tileHeight) * 0.5;
+                        var rectx = (((tileId % setWidth)|0) * tileWidth) + halfTileWidth;
+                        var recty = (((tileId / setWidth)|0) * tileHeight) + halfTileHeight;
                         var tx = x * tileWidth;
                         var ty = y * tileHeight;
                         var txw = tx + tileWidth;
                         var tyh = ty + tileHeight;
-                        var u0 = rectx / width;
-                        var v0 = recty / height;
-                        var u1 = u0 + (tileWidth / width);
-                        var v1 = v0 + (tileHeight / height);
+                        var u0 = (rectx - (halfTileWidth - 0.5)) / width;
+                        var v0 = (recty - (halfTileHeight - 0.5)) / height;
+                        var u1 = (rectx + (halfTileWidth - 0.5)) / width;
+                        var v1 = (recty + (halfTileHeight - 0.5)) / height;
                         var tx0 = tx;
                         var ty0 = ty;
                         var tx1 = tx;