Phaser incorrectly loads Tiled tilemap

[lancepants42]

This is my first time using both Phaser and Tiled, and it's not going well. When I load my tilemap via:

function preload(){
	game.load.tilemap('overworld','assets/maps/testmap.json',null, Phaser.Tilemap.TILED_JSON)
	game.load.image('tiles','assets/maps/testmap.png')

}
function create(){
	var map = game.add.tilemap("overworld")
	map.addTilesetImage("Dungeon","tiles")
	var layer = map.createLayer('Ground');
    var terrain = map.createLayer('Terrain');
	game.layer.resizeWorld();


}

Instead of what I see in Tiled:

I see:

 

It's hard to tell here, but the dirt stone water etc tiles are all displayed as different grasses. So I tried to do some debugging and made a custom tileset to see exactly how it was going wrong.

Here's how it looks in Tiled:

and here's how it's rendered by Phaser (with a background color set):

As you can see, it's supposed to be 00-09 repeating on the first row, 10-19 repeating on the second etc, but instead displays the first row 5 times and then the second, then back to the first. I don't understand what's going wrong, especially because it's breaking inconsistently using different maps.

 

Any help or insight would be GREATLY appreciated!

[lancepants42]

I'm going to leave this here as a testament to my shame, but I found the solution. I was using the exported image of the map instead of the spritesheet. I'm an idiot.

[drhayes]

Go easy on yourself: if it this stuff wasn't hard then everyone would be doing it.