root: items: - type: "stacking-context" transform: scale(0.125) items: - type: "stacking-context" perspective: 100 perspective-origin: 100 50 blend-container: true items: - image: checkerboard(0, 512, 16); bounds: [1600, 1600, 8192, 8192] - type: rect color: [180, 140, 120, 0.4] bounds: 2400 2400 8192 8192 - type: clip id: 101 complex: - rect: [1920, 1920, 4096, 4096] radius: [2048, 2048] - type: clip-chain id: 201 clips: [101] - type: "stacking-context" bounds: [0, 0, 8192, 8192] filters: [invert(1)] mix-blend-mode: exclusion clip-chain: 201 items: - type: "stacking-context" transform: scale(24) items: - type: line baseline: 16 start: 16 end: 208 width: 1 orientation: horizontal color: black style: solid - type: line baseline: 24 start: 16 end: 208 width: 1 orientation: horizontal color: blue style: dashed - type: line baseline: 32 start: 16 end: 208 width: 1 orientation: horizontal color: green style: dotted - type: line baseline: 40 start: 16 end: 208 width: 4 thickness: 1 orientation: horizontal color: red style: wavy - type: line baseline: 48 start: 16 end: 208 width: 2 orientation: horizontal color: black style: solid - type: line baseline: 64 start: 16 end: 208 width: 2 orientation: horizontal color: blue style: dashed - type: line baseline: 80 start: 16 end: 207 # pruposefully cut off width: 2 orientation: horizontal color: green style: dotted - type: line baseline: 96 start: 16 end: 208 width: 6 thickness: 2 orientation: horizontal color: red style: wavy - type: "shadow" bounds: [8, 100, 225, 50] blur-radius: 0 offset: [2, 2] color: red - type: line baseline: 112 start: 16 end: 208 width: 1 orientation: horizontal color: [0,0,0,0] style: solid - type: line baseline: 120 start: 16 end: 208 width: 1 orientation: horizontal color: [0,0,0,0] style: dashed - type: line baseline: 128 start: 16 end: 209 width: 1 orientation: horizontal color: [0,0,0,0] style: dotted - type: line baseline: 136 start: 16 end: 208 width: 4 thickness: 1 orientation: horizontal color: [0,0,0,0] style: wavy - type: pop-all-shadows - type: "shadow" bounds: [8, 145, 225, 65] blur-radius: 1 offset: [2, 3] color: red - type: line baseline: 160 start: 16 end: 208 width: 2 orientation: horizontal color: black style: solid - type: line baseline: 168 start: 16 end: 208 width: 2 orientation: horizontal color: blue style: dashed - type: line baseline: 184 start: 16 end: 207 # purposefully cut off width: 2 orientation: horizontal color: green style: dotted - type: line baseline: 192 start: 16 end: 208 width: 6 thickness: 2 orientation: horizontal color: red style: wavy - type: pop-all-shadows - type: "shadow" bounds: [8, 220, 225, 40] blur-radius: 0 offset: [5, 7] color: red - type: line baseline: 232 start: 16 end: 208 width: 8 orientation: horizontal color: black style: solid - type: line baseline: 248 start: 16 end: 208 width: 8 orientation: horizontal color: blue style: dashed - type: line baseline: 272 start: 16 end: 205 # purposefully cut off width: 8 orientation: horizontal color: green style: dotted - type: line baseline: 296 start: 16 end: 208 width: 12 thickness: 3 orientation: horizontal color: black style: wavy - type: "pop-all-shadows" - type: "shadow" bounds: [0, 320, 240, 140] blur-radius: 3 offset: [5, 7] color: red - type: line baseline: 320 start: 16 end: 208 width: 8 orientation: horizontal color: black style: solid - type: line baseline: 352 start: 16 end: 208 width: 8 orientation: horizontal color: blue style: dashed - type: line baseline: 368 start: 16 end: 205 # purposefully cut off width: 8 orientation: horizontal color: green style: dotted - type: line baseline: 392 start: 16 end: 208 width: 16 thickness: 4 orientation: horizontal color: black style: wavy - type: "pop-all-shadows" - type: line baseline: 224 start: 16 end: 208 width: 1 orientation: vertical color: black style: solid - type: line baseline: 232 start: 16 end: 208 width: 1 orientation: vertical color: blue style: dashed - type: line baseline: 240 start: 16 end: 208 width: 1 orientation: vertical color: green style: dotted - type: line baseline: 256 start: 16 end: 208 thickness: 1 width: 4 orientation: vertical color: red style: wavy - type: line baseline: 272 start: 16 end: 208 width: 2 orientation: vertical color: black style: solid - type: line baseline: 296 start: 16 end: 208 width: 2 orientation: vertical color: blue style: dashed - type: line baseline: 320 start: 16 end: 207 # purposefully cut off width: 2 orientation: vertical color: green style: dotted - type: line baseline: 336 start: 16 end: 208 thickness: 2 width: 6 orientation: vertical color: red style: wavy - type: "shadow" bounds: [350, 0, 120, 240] blur-radius: 3 offset: [5, 2] color: black - type: line baseline: 384 start: 16 end: 208 width: 8 orientation: vertical color: yellow style: solid - type: line baseline: 400 start: 16 end: 208 width: 8 orientation: vertical color: blue style: dashed - type: line baseline: 416 start: 16 end: 205 # purposefully cut off width: 8 orientation: vertical color: green style: dotted - type: line baseline: 440 start: 16 end: 208 thickness: 4 width: 16 orientation: vertical color: red style: wavy - type: "pop-all-shadows" - text: "side-left" origin: 80 120 size: 32 transpose: true flip-x: true font: "VeraBd.ttf" color: [40,40,40,1.0] - text: "side-right" origin: 240 240 size: 32 color: [190,180,200,1.0] transpose: true flip-y: true font: "FreeSans.ttf"