GikoMaps

Figuring out how to craft beautiful new GikoPoi maps

Map editor tool

• https://gikopoi.com/map/ 2026-06-16

After already creating a map background and objects, this map tool lets you align the in-game map to the image background, and also adjust positions of foreground objects. As a bonus you can adjust scales (untested) and also change tiles to seated, block, or door tiles.

Consult the Rooms file and play with the rooms images to get a feeling for how this all works before you make your own maps.

Reference pages:

• https://github.com/153/gikopoi3/blob/master/rooms.ts -- room backend
• https://github.com/153/gikopoi3/tree/master/static/rooms -- room backgrounds, objects
• https://github.com/153/gikopoi3/blob/master/static/scripts/main.js -- frontend code

Misc tips

Ctrl-Shift-8 makes the map grid visible in game and you can see the function of various tiles:

• Blue: standing
• Yellow: sitting
• Red: blocked
• Green: door

Other notes:

• SVG's DPI must be set to 72px with absolute units, rather than relative
• Default block size: 80x, 40y
• originCoordinates: bottom-left corner of 0,0 square
• Concerning objects:
  • offset indicates where the top-left of an object is placed, relative to background
  • x,y is used to determine whether someone is standing "in front of" or "behind" an object

Our preferred map-making tool is Affinity Designer 2, with "grid type" set to 2:1 isometric and 45px spacing.