Game development

Tiled isometric coordinates

Convert between diamond-grid tile coordinates and screen positions.

Your inputs

Start with an example

Your inputs stay in your browser.

Your result

Example result

How it works

Screen x = (tile x − tile y) × width/2; screen y = (tile x + tile y) × height/2. The inverse returns fractional tile coordinates.

Tile (2,1) with 64×32 tiles maps to (32,48).

Limits

Uses a diamond grid with origin (0,0). Add your map/layer origin separately. Staggered and hexagonal maps are excluded.