Jump to content

Search the Community

Showing results for tags 'error tiled'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • HTML5 Game Coding
    • News
    • Game Showcase
    • Facebook Instant Games
    • Web Gaming Standards
    • Coding and Game Design
    • Paid Promotion (Buy Banner)
  • Frameworks
    • Pixi.js
    • Phaser 3
    • Phaser 2
    • Babylon.js
    • Panda 2
    • melonJS
    • Haxe JS
    • Kiwi.js
  • General
    • General Talk
    • GameMonetize
  • Business
    • Collaborations (un-paid)
    • Jobs (Hiring and Freelance)
    • Services Offered
    • Marketplace (Sell Apps, Websites, Games)

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



Website URL





Found 1 result

  1. Hello, I (re)created a sample map that I wish to load in Phaser: The map consists of three layers: Background, Objects, Creatures. They are comprised of four tilesets, of which Tiles is not used: And this is my code to load and display the Map in Phaser: export class Preloader extends Phaser.State { preloadBar: Phaser.Sprite; preload() { this.preloadBar = this.add.sprite(200, 250, "preloadBar"); this.load.setPreloadSprite(this.preloadBar); this.loadAssets(); } loadAssets() { this.load.tilemap("maze", "assets/tilemaps/maps/Maze.json", null, Phaser.Tilemap.TILED_JSON); this.load.image("creatures_tileset", "assets/tilemaps/tiles/Creatures.png"); this.load.image("items_tileset", "assets/tilemaps/tiles/Items.png"); this.load.image("world_tileset", "assets/tilemaps/tiles/World.png"); this.load.image("fx_tileset", "assets/tilemaps/tiles/FX.png"); this.load.image("tiles_tileset", "assets/tilemaps/tiles/Tiles.png"); this.load.image("classes_tileset", "assets/tilemaps/tiles/Classes.png"); } // <Snip the transition to Game logic> } export class InGame extends Phaser.State { map: Phaser.Tilemap; backgroundLayer: Phaser.TilemapLayer; itemLayer: Phaser.TilemapLayer; creatureLayer: Phaser.TilemapLayer; create() { this.game.stage.backgroundColor = "#ffffff"; this.map = this.game.add.tilemap("maze"); this.map.addTilesetImage("World", "world_tileset"); this.map.addTilesetImage("Creatures", "creatures_tileset"); this.map.addTilesetImage("Items", "items_tileset"); this.map.addTilesetImage("Tiles", "tiles_tileset"); this.backgroundLayer = this.map.createLayer("Background"); this.itemLayer = this.map.createLayer("Objects"); this.creatureLayer = this.map.createLayer("Creatures"); this.backgroundLayer.resizeWorld(); } }And the output image is You can see that items and monsters are placed correctly, but all background tiles are horribly misrendered. Sometimes, even stranger, the tilemap loads correctly even though I have changed nothing in the code or .json file. Am I doing something wrong? If so, what? Additional Info: This is digging a little deeper, but here is a snippet of the background layer: "data":[1854, 1850, 3378, 1848, 1849, 1859, 1849, 1849, 1849, 1849, 1849, 1855, 1852, 1673, 1673, 1673, 1673,... I also see that the firstgid attribute for the world tileset is 997. 1854 - 997 = 852, the tile. Instead, we see , which is 838 (or 829, there are two quasi-identical versions). We're off by 23 or 14. Why? I don't know yet.
  • Create New...