{
  "shadings": [
    {
      "name": "fade",
      "shading": {
        "axial": {
          "from": [
            70.0,
            560.0
          ],
          "to": [
            285.0,
            560.0
          ],
          "start": [
            0.0,
            0.0,
            0.0
          ],
          "end": [
            1.0,
            1.0,
            1.0
          ]
        }
      }
    },
    {
      "name": "hold",
      "shading": {
        "radial": {
          "from": [
            412.5,
            635.0,
            0.0
          ],
          "to": [
            412.5,
            635.0,
            75.0
          ],
          "start": [
            1.0,
            1.0,
            1.0
          ],
          "end": [
            0.0,
            0.0,
            0.0
          ],
          "extend": [
            false,
            true
          ]
        }
      }
    },
    {
      "name": "band",
      "shading": {
        "axial": {
          "from": [
            70.0,
            200.0
          ],
          "to": [
            520.0,
            200.0
          ],
          "start": [
            1.0,
            1.0,
            1.0
          ],
          "end": [
            0.0,
            0.0,
            0.0
          ]
        }
      }
    }
  ],
  "drawings": [
    {
      "name": "fade",
      "box": {
        "x": 70.0,
        "y": 560.0,
        "width": 215.0,
        "height": 150.0
      },
      "items": [
        {
          "type": "rect",
          "rect": {
            "llx": 70.0,
            "lly": 560.0,
            "urx": 285.0,
            "ury": 710.0
          },
          "fill": {
            "shading": "fade"
          }
        }
      ]
    },
    {
      "name": "hold",
      "box": {
        "x": 305.0,
        "y": 560.0,
        "width": 215.0,
        "height": 150.0
      },
      "items": [
        {
          "type": "rect",
          "rect": {
            "llx": 305.0,
            "lly": 560.0,
            "urx": 520.0,
            "ury": 710.0
          },
          "fill": {
            "shading": "hold"
          }
        }
      ]
    },
    {
      "name": "cut",
      "box": {
        "x": 70.0,
        "y": 380.0,
        "width": 215.0,
        "height": 150.0
      },
      "items": [
        {
          "type": "text",
          "rect": {
            "llx": 82.0,
            "lly": 464.0,
            "urx": 595.276,
            "ury": 516.8
          },
          "content": [
            "MASK"
          ],
          "font": "DejaVuSans",
          "font_size": 44.0,
          "color": [
            1.0,
            1.0,
            1.0
          ]
        },
        {
          "type": "text",
          "rect": {
            "llx": 82.0,
            "lly": 414.0,
            "urx": 595.276,
            "ury": 466.8
          },
          "content": [
            "THIS"
          ],
          "font": "DejaVuSans",
          "font_size": 44.0,
          "color": [
            1.0,
            1.0,
            1.0
          ]
        }
      ]
    },
    {
      "name": "through",
      "box": {
        "x": 305.0,
        "y": 380.0,
        "width": 215.0,
        "height": 150.0
      },
      "items": [
        {
          "type": "rect",
          "rect": {
            "llx": 319.0,
            "lly": 394.0,
            "urx": 409.0,
            "ury": 516.0
          },
          "fill": [
            0.2,
            0.6,
            0.9
          ]
        },
        {
          "type": "rect",
          "rect": {
            "llx": 417.0,
            "lly": 394.0,
            "urx": 507.0,
            "ury": 516.0
          },
          "fill": [
            0.9,
            0.4,
            0.1
          ],
          "graphics_state": "dimmed"
        }
      ]
    },
    {
      "name": "band",
      "box": {
        "x": 70.0,
        "y": 200.0,
        "width": 450.0,
        "height": 150.0
      },
      "items": [
        {
          "type": "rect",
          "rect": {
            "llx": 70.0,
            "lly": 200.0,
            "urx": 520.0,
            "ury": 350.0
          },
          "fill": {
            "shading": "band"
          }
        }
      ]
    }
  ],
  "graphics_states": [
    {
      "name": "dimmed",
      "state": {
        "fill_alpha": 0.4,
        "stroke_alpha": 0.4
      }
    },
    {
      "name": "faded",
      "state": {
        "mask": {
          "drawing": "fade"
        }
      }
    },
    {
      "name": "held",
      "state": {
        "mask": {
          "drawing": "hold"
        }
      }
    },
    {
      "name": "cut_through",
      "state": {
        "mask": {
          "drawing": "cut"
        }
      }
    },
    {
      "name": "read_opaque",
      "state": {
        "mask": {
          "drawing": "through",
          "read": "alpha"
        }
      }
    },
    {
      "name": "running_out",
      "state": {
        "mask": {
          "drawing": "band"
        }
      }
    }
  ],
  "items": [
    {
      "type": "flow",
      "rect": {
        "llx": 70.0,
        "lly": 765.0,
        "urx": 595.276,
        "ury": 780.0
      },
      "content": "One flat rectangle, four masks",
      "font": "DejaVuSans",
      "font_size": 15.0,
      "first_baseline": {
        "points": 0.0
      }
    },
    {
      "type": "flow",
      "rect": {
        "llx": 70.0,
        "lly": 752.0,
        "urx": 595.276,
        "ury": 762.0
      },
      "content": "Each panel below is the same rectangle in the same colour. What differs is the mask in",
      "font": "DejaVuSans",
      "font_size": 10.0,
      "first_baseline": {
        "points": 0.0
      },
      "color": [
        0.35,
        0.35,
        0.35
      ]
    },
    {
      "type": "flow",
      "rect": {
        "llx": 70.0,
        "lly": 738.0,
        "urx": 595.276,
        "ury": 748.0
      },
      "content": "force: a drawing composited apart from the page and read as a coverage rather than shown.",
      "font": "DejaVuSans",
      "font_size": 10.0,
      "first_baseline": {
        "points": 0.0
      },
      "color": [
        0.35,
        0.35,
        0.35
      ]
    },
    {
      "type": "rect",
      "rect": {
        "llx": 70.0,
        "lly": 560.0,
        "urx": 285.0,
        "ury": 710.0
      },
      "fill": [
        0.96,
        0.96,
        0.94
      ]
    },
    {
      "type": "rect",
      "rect": {
        "llx": 70.0,
        "lly": 560.0,
        "urx": 285.0,
        "ury": 710.0
      },
      "fill": [
        0.12,
        0.28,
        0.52
      ],
      "graphics_state": "faded"
    },
    {
      "type": "rect",
      "rect": {
        "llx": 70.0,
        "lly": 560.0,
        "urx": 285.0,
        "ury": 710.0
      },
      "stroke": {
        "width": 0.6,
        "color": [
          0.55,
          0.55,
          0.55
        ]
      }
    },
    {
      "type": "flow",
      "rect": {
        "llx": 70.0,
        "lly": 537.0,
        "urx": 595.276,
        "ury": 546.0
      },
      "content": "Faded away by a black-to-white gradient",
      "font": "DejaVuSans",
      "font_size": 9.0,
      "first_baseline": {
        "points": 0.0
      },
      "color": [
        0.35,
        0.35,
        0.35
      ]
    },
    {
      "type": "rect",
      "rect": {
        "llx": 305.0,
        "lly": 560.0,
        "urx": 520.0,
        "ury": 710.0
      },
      "fill": [
        0.96,
        0.96,
        0.94
      ]
    },
    {
      "type": "rect",
      "rect": {
        "llx": 305.0,
        "lly": 560.0,
        "urx": 520.0,
        "ury": 710.0
      },
      "fill": [
        0.12,
        0.28,
        0.52
      ],
      "graphics_state": "held"
    },
    {
      "type": "rect",
      "rect": {
        "llx": 305.0,
        "lly": 560.0,
        "urx": 520.0,
        "ury": 710.0
      },
      "stroke": {
        "width": 0.6,
        "color": [
          0.55,
          0.55,
          0.55
        ]
      }
    },
    {
      "type": "flow",
      "rect": {
        "llx": 305.0,
        "lly": 537.0,
        "urx": 595.276,
        "ury": 546.0
      },
      "content": "Held in the middle by a radial one",
      "font": "DejaVuSans",
      "font_size": 9.0,
      "first_baseline": {
        "points": 0.0
      },
      "color": [
        0.35,
        0.35,
        0.35
      ]
    },
    {
      "type": "rect",
      "rect": {
        "llx": 70.0,
        "lly": 380.0,
        "urx": 285.0,
        "ury": 530.0
      },
      "fill": [
        0.96,
        0.96,
        0.94
      ]
    },
    {
      "type": "rect",
      "rect": {
        "llx": 70.0,
        "lly": 380.0,
        "urx": 285.0,
        "ury": 530.0
      },
      "fill": [
        0.12,
        0.28,
        0.52
      ],
      "graphics_state": "cut_through"
    },
    {
      "type": "rect",
      "rect": {
        "llx": 70.0,
        "lly": 380.0,
        "urx": 285.0,
        "ury": 530.0
      },
      "stroke": {
        "width": 0.6,
        "color": [
          0.55,
          0.55,
          0.55
        ]
      }
    },
    {
      "type": "flow",
      "rect": {
        "llx": 70.0,
        "lly": 357.0,
        "urx": 595.276,
        "ury": 366.0
      },
      "content": "Cut through letters the mask drew",
      "font": "DejaVuSans",
      "font_size": 9.0,
      "first_baseline": {
        "points": 0.0
      },
      "color": [
        0.35,
        0.35,
        0.35
      ]
    },
    {
      "type": "rect",
      "rect": {
        "llx": 305.0,
        "lly": 380.0,
        "urx": 520.0,
        "ury": 530.0
      },
      "fill": [
        0.96,
        0.96,
        0.94
      ]
    },
    {
      "type": "rect",
      "rect": {
        "llx": 305.0,
        "lly": 380.0,
        "urx": 520.0,
        "ury": 530.0
      },
      "fill": [
        0.12,
        0.28,
        0.52
      ],
      "graphics_state": "read_opaque"
    },
    {
      "type": "rect",
      "rect": {
        "llx": 305.0,
        "lly": 380.0,
        "urx": 520.0,
        "ury": 530.0
      },
      "stroke": {
        "width": 0.6,
        "color": [
          0.55,
          0.55,
          0.55
        ]
      }
    },
    {
      "type": "flow",
      "rect": {
        "llx": 305.0,
        "lly": 357.0,
        "urx": 595.276,
        "ury": 366.0
      },
      "content": "Read from how opaque the mask came out",
      "font": "DejaVuSans",
      "font_size": 9.0,
      "first_baseline": {
        "points": 0.0
      },
      "color": [
        0.35,
        0.35,
        0.35
      ]
    },
    {
      "type": "rect",
      "rect": {
        "llx": 70.0,
        "lly": 200.0,
        "urx": 520.0,
        "ury": 350.0
      },
      "fill": [
        0.96,
        0.96,
        0.94
      ]
    },
    {
      "type": "rect",
      "rect": {
        "llx": 70.0,
        "lly": 200.0,
        "urx": 520.0,
        "ury": 350.0
      },
      "fill": [
        0.12,
        0.28,
        0.52
      ],
      "graphics_state": "running_out"
    },
    {
      "type": "rect",
      "rect": {
        "llx": 370.0,
        "lly": 245.0,
        "urx": 490.0,
        "ury": 305.0
      },
      "fill": [
        0.85,
        0.42,
        0.15
      ]
    },
    {
      "type": "flow",
      "rect": {
        "llx": 388.0,
        "lly": 255.0,
        "urx": 595.276,
        "ury": 268.0
      },
      "content": "WHOLE",
      "font": "DejaVuSans",
      "font_size": 13.0,
      "first_baseline": {
        "points": 0.0
      },
      "color": [
        1.0,
        1.0,
        1.0
      ]
    },
    {
      "type": "rect",
      "rect": {
        "llx": 70.0,
        "lly": 200.0,
        "urx": 520.0,
        "ury": 350.0
      },
      "stroke": {
        "width": 0.6,
        "color": [
          0.55,
          0.55,
          0.55
        ]
      }
    },
    {
      "type": "flow",
      "rect": {
        "llx": 70.0,
        "lly": 177.0,
        "urx": 595.276,
        "ury": 186.0
      },
      "content": "A band running out under a mask, and a tag a second state paints whole",
      "font": "DejaVuSans",
      "font_size": 9.0,
      "first_baseline": {
        "points": 0.0
      },
      "color": [
        0.35,
        0.35,
        0.35
      ]
    }
  ]
}