Tilemap.createFromObjects has a new parameter: adjustY, which is true by default. Because Tiled uses a bottom-left coordinate system Phaser used to set the Sprite anchor to 0,1 to compensate. If adjustY is true it now reduces the y value by the object height instead.

Author: photonstorm

README.md

@@ -72,7 +72,7 @@ Updated:
 * Updated Device.isConsoleOpen as it no longer works in Chrome. Revised code and documentation accordingly (fix #593)
 * Removed State.destroy empty method and replaced with State.shutdown, as that is what the StateManager expects (fix #586)
 * P2.removeBody will check if the body is part of the world before removing, this avoids a TypeError from the p2 layer.
-* Tilemap.createFromObjects used to set the Sprite anchor to 0,1 because Tiled uses a bottom-left coordinate system. It now calculates the offset in TilemapParser.
+* Tilemap.createFromObjects has a new parameter: adjustY, which is true by default. Because Tiled uses a bottom-left coordinate system Phaser used to set the Sprite anchor to 0,1 to compensate. If adjustY is true it now reduces the y value by the object height instead.
 
 
 TODO:

src/tilemap/Tilemap.js

@@ -344,25 +344,27 @@ Phaser.Tilemap.prototype = {
     /**
     * Creates a Sprite for every object matching the given gid in the map data. You can optionally specify the group that the Sprite will be created in. If none is
     * given it will be created in the World. All properties from the map data objectgroup are copied across to the Sprite, so you can use this as an easy way to
-    * configure Sprite properties from within the map editor. For example giving an object a property if alpha: 0.5 in the map editor will duplicate that when the
+    * configure Sprite properties from within the map editor. For example giving an object a property of alpha: 0.5 in the map editor will duplicate that when the
     * Sprite is created. You could also give it a value like: body.velocity.x: 100 to set it moving automatically.
     *
     * @method Phaser.Tilemap#createFromObjects
     * @param {string} name - The name of the Object Group to create Sprites from.
-    * @param {number} gid - The layer array index value, or if a string is given the layer name, within the map data that this TilemapLayer represents.
+    * @param {number} gid - The layer array index value, or if a string is given the layer name within the map data.
     * @param {string} key - The Game.cache key of the image that this Sprite will use.
     * @param {number|string} [frame] - If the Sprite image contains multiple frames you can specify which one to use here.
     * @param {boolean} [exists=true] - The default exists state of the Sprite.
     * @param {boolean} [autoCull=false] - The default autoCull state of the Sprite. Sprites that are autoCulled are culled from the camera if out of its range.
     * @param {Phaser.Group} [group=Phaser.World] - Group to add the Sprite to. If not specified it will be added to the World group.
     * @param {object} [CustomClass=Phaser.Sprite] - If you wish to create your own class, rather than Phaser.Sprite, pass the class here. Your class must extend Phaser.Sprite and have the same constructor parameters.
+    * @param {boolean} [adjustY=true] - By default the Tiled map editor uses a bottom-left coordinate system. Phaser uses top-left. So most objects will appear too low down. This parameter moves them up by their height.
     */
-    createFromObjects: function (name, gid, key, frame, exists, autoCull, group, CustomClass) {
+    createFromObjects: function (name, gid, key, frame, exists, autoCull, group, CustomClass, adjustY) {
 
         if (typeof exists === 'undefined') { exists = true; }
         if (typeof autoCull === 'undefined') { autoCull = false; }
         if (typeof group === 'undefined') { group = this.game.world; }
         if (typeof CustomClass === 'undefined') { CustomClass = Phaser.Sprite; }
+        if (typeof adjustY === 'undefined') { adjustY = true; }
 
         if (!this.objects[name])
         {
@@ -383,6 +385,11 @@ Phaser.Tilemap.prototype = {
                 sprite.autoCull = autoCull;
                 sprite.exists = exists;
 
+                if (adjustY)
+                {
+                    sprite.y -= sprite.height;
+                }
+
                 group.add(sprite);
 
                 for (var property in this.objects[name][i].properties)

src/tilemap/TilemapParser.js

@@ -312,9 +312,6 @@ Phaser.TilemapParser = {
         //  Tilesets
         var tilesets = [];
 
-        //  GID height look-up table
-        var gidHeight = [];
-
         for (var i = 0; i < json.tilesets.length; i++)
         {
             //  name, firstgid, width, height, margin, spacing, properties
@@ -338,12 +335,6 @@ Phaser.TilemapParser = {
             {
                 tilesets.push(newSet);
             }
-
-            //  GID to height look-up
-            for (var gd = set.firstgid; gd < set.firstgid + newSet.total; gd++)
-            {
-                gidHeight[gd] = set.tileheight;
-            }
         }
 
         map.tilesets = tilesets;
@@ -372,7 +363,7 @@ Phaser.TilemapParser = {
                         gid: json.layers[i].objects[v].gid,
                         name: json.layers[i].objects[v].name,
                         x: json.layers[i].objects[v].x,
-                        y: json.layers[i].objects[v].y - gidHeight[json.layers[i].objects[v].gid],
+                        y: json.layers[i].objects[v].y,
                         visible: json.layers[i].objects[v].visible,
                         properties: json.layers[i].objects[v].properties