Skip to content

Isometric tiled map places tiles at incorrect location #3794

@vanlooverenkoen

Description

@vanlooverenkoen

What happened?

I have this builded in Tiled, as you can see
Image

I use this pack to learn Flame & Tiled
https://rvros.itch.io/isometric-village

The bridge is an object, the 2 ground tiles are tiles.
I have 2 layers

  • Tiled layer (2 ground tiles)
  • Object layer (1 bridge)

And these are the dimensions of the tiles & grid
Each ground tile size is 370px by 328px (Except props)
Please setup your grid tile size to 320px by 160px for best results.

For some reason this is how flame renders it like this (with 50 pixels on the x axis incorrect)
Image

Is it coincidence that the 50 pixels is 370 - 320? Or am I looking at the wrong direction?

I render the Object layer myself (because I can't find a way to let flame_tiled do that for me)
I use this function to convert the position of an object to the isometric point

  static Vector2 toIsometric(Vector2 position) => Vector2(
    ((position.x - position.y) + (mapWidth / 2)),
    ((position.x + position.y) / 2),
  );

What do you expect?

I would expect that the rendering of the objects/ground tiles match exactly what is happening in Tiled

How can we reproduce this?

No response

What steps should take to fix this?

No response

Do have an example of where the bug occurs?

No response

Relevant log output

Execute in a terminal and put output into the code block below

No response

Affected platforms

All

Other information

No response

Are you interested in working on a PR for this?

  • I want to work on this

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions