{
  "tilings": [
    {
      "name": "upright",
      "box": {
        "x": 0,
        "y": 0,
        "width": 8,
        "height": 8
      },
      "step": [
        8,
        8
      ],
      "items": [
        {
          "type": "rect",
          "rect": {
            "llx": 0,
            "lly": 0,
            "urx": 3,
            "ury": 8
          },
          "fill": [
            0.12,
            0.28,
            0.52
          ]
        }
      ]
    },
    {
      "name": "scattered",
      "box": {
        "x": 0,
        "y": 0,
        "width": 12,
        "height": 12
      },
      "step": [
        12,
        12
      ],
      "items": [
        {
          "type": "rect",
          "rect": {
            "llx": 0,
            "lly": 0,
            "urx": 3,
            "ury": 3
          },
          "fill": [
            0.16,
            0.45,
            0.35
          ]
        }
      ]
    },
    {
      "name": "slanted",
      "matrix": [
        1,
        0,
        0.5,
        1,
        0,
        0
      ],
      "box": {
        "x": 0,
        "y": 0,
        "width": 8,
        "height": 8
      },
      "step": [
        8,
        8
      ],
      "items": [
        {
          "type": "rect",
          "rect": {
            "llx": 0,
            "lly": 0,
            "urx": 3,
            "ury": 8
          },
          "fill": [
            0.12,
            0.28,
            0.52
          ]
        }
      ]
    },
    {
      "name": "wall",
      "box": {
        "x": 0,
        "y": 0,
        "width": 24,
        "height": 24
      },
      "step": [
        24,
        24
      ],
      "items": [
        {
          "type": "rect",
          "rect": {
            "llx": 0,
            "lly": 0,
            "urx": 24,
            "ury": 24
          },
          "fill": [
            0.88,
            0.86,
            0.83
          ]
        },
        {
          "type": "rect",
          "rect": {
            "llx": 0.5,
            "lly": 0.5,
            "urx": 11.5,
            "ury": 11.5
          },
          "fill": [
            0.7,
            0.35,
            0.26
          ]
        },
        {
          "type": "rect",
          "rect": {
            "llx": 12.5,
            "lly": 0.5,
            "urx": 23.5,
            "ury": 11.5
          },
          "fill": [
            0.7,
            0.35,
            0.26
          ]
        },
        {
          "type": "rect",
          "rect": {
            "llx": -5.5,
            "lly": 12.5,
            "urx": 5.5,
            "ury": 23.5
          },
          "fill": [
            0.7,
            0.35,
            0.26
          ]
        },
        {
          "type": "rect",
          "rect": {
            "llx": 6.5,
            "lly": 12.5,
            "urx": 17.5,
            "ury": 23.5
          },
          "fill": [
            0.7,
            0.35,
            0.26
          ]
        },
        {
          "type": "rect",
          "rect": {
            "llx": 18.5,
            "lly": 12.5,
            "urx": 29.5,
            "ury": 23.5
          },
          "fill": [
            0.7,
            0.35,
            0.26
          ]
        }
      ]
    },
    {
      "name": "flat",
      "box": {
        "x": 0,
        "y": 0,
        "width": 8,
        "height": 8
      },
      "step": [
        8,
        8
      ],
      "items": [
        {
          "type": "rect",
          "rect": {
            "llx": 0,
            "lly": 0,
            "urx": 8,
            "ury": 2
          },
          "fill": [
            0.78,
            0.3,
            0.24
          ]
        }
      ]
    },
    {
      "name": "sparse",
      "box": {
        "x": 0,
        "y": 0,
        "width": 8,
        "height": 8
      },
      "step": [
        24,
        8
      ],
      "items": [
        {
          "type": "rect",
          "rect": {
            "llx": 0,
            "lly": 0,
            "urx": 3,
            "ury": 8
          },
          "fill": [
            0.12,
            0.28,
            0.52
          ]
        }
      ]
    }
  ],
  "items": [
    {
      "type": "text",
      "rect": {
        "llx": 70,
        "lly": 780,
        "urx": 595.276,
        "ury": 798
      },
      "content": [
        "One cell, tiled across whatever it fills"
      ],
      "font": "DejaVuSans",
      "font_size": 15
    },
    {
      "type": "text",
      "rect": {
        "llx": 70,
        "lly": 762,
        "urx": 595.276,
        "ury": 774
      },
      "content": [
        "Each panel holds one cell's operators, however wide the panel. The plane is tiled in the"
      ],
      "font": "DejaVuSans",
      "font_size": 10,
      "color": [
        0.35,
        0.35,
        0.35
      ]
    },
    {
      "type": "text",
      "rect": {
        "llx": 70,
        "lly": 748,
        "urx": 595.276,
        "ury": 760
      },
      "content": [
        "page's own space, so every panel below is a window onto the same grid."
      ],
      "font": "DejaVuSans",
      "font_size": 10,
      "color": [
        0.35,
        0.35,
        0.35
      ]
    },
    {
      "type": "rect",
      "rect": {
        "llx": 70,
        "lly": 560,
        "urx": 285,
        "ury": 710
      },
      "fill": [
        0.98,
        0.98,
        0.98
      ]
    },
    {
      "type": "rect",
      "rect": {
        "llx": 70,
        "lly": 560,
        "urx": 285,
        "ury": 710
      },
      "fill": {
        "pattern": "upright"
      }
    },
    {
      "type": "rect",
      "rect": {
        "llx": 70,
        "lly": 560,
        "urx": 285,
        "ury": 710
      },
      "stroke": {
        "width": 0.6,
        "color": [
          0.55,
          0.55,
          0.55
        ]
      }
    },
    {
      "type": "text",
      "rect": {
        "llx": 70,
        "lly": 546,
        "urx": 305,
        "ury": 556.8
      },
      "content": [
        "Bars, stepping their own width"
      ],
      "font": "DejaVuSans",
      "font_size": 9,
      "color": [
        0.35,
        0.35,
        0.35
      ]
    },
    {
      "type": "rect",
      "rect": {
        "llx": 305,
        "lly": 560,
        "urx": 520,
        "ury": 710
      },
      "fill": [
        0.98,
        0.98,
        0.98
      ]
    },
    {
      "type": "rect",
      "rect": {
        "llx": 305,
        "lly": 560,
        "urx": 520,
        "ury": 710
      },
      "fill": {
        "pattern": "scattered"
      }
    },
    {
      "type": "rect",
      "rect": {
        "llx": 305,
        "lly": 560,
        "urx": 520,
        "ury": 710
      },
      "stroke": {
        "width": 0.6,
        "color": [
          0.55,
          0.55,
          0.55
        ]
      }
    },
    {
      "type": "text",
      "rect": {
        "llx": 305,
        "lly": 546,
        "urx": 540,
        "ury": 556.8
      },
      "content": [
        "One dot, stepping wider than itself"
      ],
      "font": "DejaVuSans",
      "font_size": 9,
      "color": [
        0.35,
        0.35,
        0.35
      ]
    },
    {
      "type": "rect",
      "rect": {
        "llx": 70,
        "lly": 380,
        "urx": 285,
        "ury": 530
      },
      "fill": [
        0.98,
        0.98,
        0.98
      ]
    },
    {
      "type": "rect",
      "rect": {
        "llx": 70,
        "lly": 380,
        "urx": 285,
        "ury": 530
      },
      "fill": {
        "pattern": "slanted"
      }
    },
    {
      "type": "rect",
      "rect": {
        "llx": 70,
        "lly": 380,
        "urx": 285,
        "ury": 530
      },
      "stroke": {
        "width": 0.6,
        "color": [
          0.55,
          0.55,
          0.55
        ]
      }
    },
    {
      "type": "text",
      "rect": {
        "llx": 70,
        "lly": 366,
        "urx": 305,
        "ury": 376.8
      },
      "content": [
        "The same bars, slanted by the pattern's matrix"
      ],
      "font": "DejaVuSans",
      "font_size": 9,
      "color": [
        0.35,
        0.35,
        0.35
      ]
    },
    {
      "type": "rect",
      "rect": {
        "llx": 305,
        "lly": 380,
        "urx": 520,
        "ury": 530
      },
      "fill": [
        0.98,
        0.98,
        0.98
      ]
    },
    {
      "type": "rect",
      "rect": {
        "llx": 305,
        "lly": 380,
        "urx": 520,
        "ury": 530
      },
      "fill": {
        "pattern": "wall"
      }
    },
    {
      "type": "rect",
      "rect": {
        "llx": 305,
        "lly": 380,
        "urx": 520,
        "ury": 530
      },
      "stroke": {
        "width": 0.6,
        "color": [
          0.55,
          0.55,
          0.55
        ]
      }
    },
    {
      "type": "text",
      "rect": {
        "llx": 305,
        "lly": 366,
        "urx": 540,
        "ury": 376.8
      },
      "content": [
        "Bricks: what leaves the cell's box is cut off"
      ],
      "font": "DejaVuSans",
      "font_size": 9,
      "color": [
        0.35,
        0.35,
        0.35
      ]
    },
    {
      "type": "rect",
      "rect": {
        "llx": 70,
        "lly": 200,
        "urx": 285,
        "ury": 350
      },
      "fill": [
        0.98,
        0.98,
        0.98
      ]
    },
    {
      "type": "rect",
      "rect": {
        "llx": 70,
        "lly": 200,
        "urx": 285,
        "ury": 350
      },
      "fill": {
        "pattern": "upright"
      }
    },
    {
      "type": "rect",
      "rect": {
        "llx": 70,
        "lly": 200,
        "urx": 285,
        "ury": 350
      },
      "fill": {
        "pattern": "flat"
      }
    },
    {
      "type": "rect",
      "rect": {
        "llx": 70,
        "lly": 200,
        "urx": 285,
        "ury": 350
      },
      "stroke": {
        "width": 0.6,
        "color": [
          0.55,
          0.55,
          0.55
        ]
      }
    },
    {
      "type": "text",
      "rect": {
        "llx": 70,
        "lly": 186,
        "urx": 305,
        "ury": 196.8
      },
      "content": [
        "Two patterns, one over the other"
      ],
      "font": "DejaVuSans",
      "font_size": 9,
      "color": [
        0.35,
        0.35,
        0.35
      ]
    },
    {
      "type": "rect",
      "rect": {
        "llx": 305,
        "lly": 200,
        "urx": 520,
        "ury": 350
      },
      "fill": [
        0.98,
        0.98,
        0.98
      ]
    },
    {
      "type": "rect",
      "rect": {
        "llx": 305,
        "lly": 200,
        "urx": 520,
        "ury": 350
      },
      "fill": {
        "pattern": "sparse"
      }
    },
    {
      "type": "rect",
      "rect": {
        "llx": 305,
        "lly": 200,
        "urx": 520,
        "ury": 350
      },
      "stroke": {
        "width": 0.6,
        "color": [
          0.55,
          0.55,
          0.55
        ]
      }
    },
    {
      "type": "text",
      "rect": {
        "llx": 305,
        "lly": 186,
        "urx": 540,
        "ury": 196.8
      },
      "content": [
        "The same bars again, at three times the step"
      ],
      "font": "DejaVuSans",
      "font_size": 9,
      "color": [
        0.35,
        0.35,
        0.35
      ]
    },
    {
      "type": "text",
      "rect": {
        "llx": 70,
        "lly": 100,
        "urx": 595.276,
        "ury": 169.6
      },
      "content": [
        "hqf-pdf"
      ],
      "font": "DejaVuSans",
      "font_size": 58,
      "color": {
        "pattern": "wall"
      }
    },
    {
      "type": "text",
      "rect": {
        "llx": 70,
        "lly": 80,
        "urx": 595.276,
        "ury": 92
      },
      "content": [
        "The brick pattern again, this time as the colour a run of text is filled with."
      ],
      "font": "DejaVuSans",
      "font_size": 10,
      "color": [
        0.35,
        0.35,
        0.35
      ]
    }
  ]
}