GikoMaps

Figuring out how to craft beautiful new GikoPoi 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

Ctrl-Shift-8 makes the map grid visible

• 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.