Formatting

Control labelling, strokes, rotation, tiling, and click zones.

Rotation

Games may set a base rotate on the board (degrees, clockwise):

{
  "board": {
    "style": "squares-checkered",
    "width": 8,
    "height": 8,
    "rotate": -45,
    "markers": [
      {
        "type": "shading",
        "colour": 1,
        "opacity": 0.75,
        "points": [
          {
            "col": 0,
            "row": 7
          },
          {
            "col": 1,
            "row": 7
          },
          {
            "col": 1,
            "row": 8
          },
          {
            "col": 0,
            "row": 8
          }
        ]
      },
      {
        "type": "shading",
        "colour": 2,
        "opacity": 0.75,
        "points": [
          {
            "col": 7,
            "row": 0
          },
          {
            "col": 7,
            "row": 1
          },
          {
            "col": 8,
            "row": 1
          },
          {
            "col": 8,
            "row": 0
          }
        ]
      }
    ]
  },
  "legend": {
    "A": {
      "name": "piece",
      "colour": 1
    },
    "B": {
      "name": "piece-chariot",
      "colour": 1
    },
    "Y": {
      "name": "piece",
      "colour": 2
    },
    "Z": {
      "name": "piece-chariot",
      "colour": 2
    }
  },
  "pieces": "-YYYYYYZ\nA-YYYYYY\nAA-YYYYY\nAAA-YYYY\nAAAA-YYY\nAAAAA-YY\nAAAAAA-Y\nBAAAAAA-",
  "renderer": "default"
}

Custom labels

Example games: Connect6, Biscuit

Strokes and opacity

Example games: Blockade, Dots and Boxes

Tile spacing

Break boards into separated tiles with tileWidth, tileHeight, tileSpacing:

Example games: Alfred's Wyke, Alien City

With tileSpacing to add a gap between tiles:

Example games: Wizard's Garden

Buffer zones

Extra clickable margin around the board (buffer property):

Example games: Boom & Zoom, Dipole

Fine-grained click zones

Example games: Azacru, Pacru

Renderer options like hide-labels, swap-labels, and reverse-letters are listed in the schema reference.