meemoo test: layers pattern tile

test-layers-tile.json

{
  "info": {
    "author": "meemoo",
    "title": "pattern lab",
    "description": "playing with layer tile",
    "parents": [
      "https://gist.github.com/5540121"
    ],
    "url": "test-layers"
  },
  "nodes": [
    {
      "id": 1,
      "src": "meemoo:image/circle",
      "x": 142,
      "y": 191,
      "w": 145,
      "h": 160,
      "state": {
        "x": 300,
        "y": 300,
        "r": 290,
        "stroke": "rgba(0,255,255, 1)",
        "strokewidth": 2,
        "fill": "rgba(255,0,0,0.2)"
      }
    },
    {
      "id": 2,
      "src": "meemoo:image/layers",
      "x": 515,
      "y": 98,
      "w": 448,
      "h": 346,
      "state": {
        "layers": [
          {
            "name": "canvas-9",
            "visible": true,
            "sort": 1,
            "x": -238,
            "y": 175
          },
          {
            "name": "canvas-4",
            "visible": true,
            "sort": 2,
            "x": 150,
            "y": 150
          },
          {
            "name": "canvas-5",
            "visible": true,
            "sort": 3,
            "x": 0,
            "y": 150
          },
          {
            "name": "canvas-1",
            "visible": true,
            "sort": 4,
            "x": 0,
            "y": 0
          }
        ],
        "width": 300,
        "height": 300,
        "tile": true
      }
    },
    {
      "id": 6,
      "src": "meemoo:image/tile",
      "x": 553,
      "y": 560,
      "w": 451,
      "h": 448,
      "state": {
        "width": 900,
        "height": 900,
        "x": 0,
        "y": 0,
        "mirror": "none"
      }
    },
    {
      "id": 4,
      "src": "meemoo:image/circle",
      "x": 150,
      "y": 416,
      "w": 145,
      "h": 160,
      "state": {
        "x": 300,
        "y": 300,
        "r": 290,
        "stroke": "rgba(255,0,255, 1)",
        "strokewidth": 2,
        "fill": "rgba(0,255,0,0.2)"
      }
    },
    {
      "id": 5,
      "src": "meemoo:image/circle",
      "x": 147,
      "y": 644,
      "w": 145,
      "h": 160,
      "state": {
        "x": 300,
        "y": 300,
        "r": 290,
        "stroke": "rgba(255,255,0, 1)",
        "strokewidth": 2,
        "fill": "rgba(0,0,255,0.2)"
      }
    },
    {
      "id": 7,
      "src": "meemoo:ui/hslider",
      "x": 125,
      "y": 58,
      "w": 167,
      "h": 60,
      "state": {
        "min": 1,
        "max": 290,
        "step": 1
      }
    },
    {
      "id": 9,
      "src": "meemoo:image/rectangle",
      "x": 147,
      "y": 867,
      "w": 200,
      "h": 210,
      "state": {
        "x": 0,
        "y": 0,
        "w": 300,
        "h": 300,
        "stroke": "",
        "strokewidth": 1,
        "fill": "black"
      }
    }
  ],
  "edges": [
    {
      "source": [
        1,
        "image"
      ],
      "target": [
        2,
        "image"
      ]
    },
    {
      "source": [
        2,
        "image"
      ],
      "target": [
        6,
        "image"
      ]
    },
    {
      "source": [
        4,
        "image"
      ],
      "target": [
        2,
        "image"
      ]
    },
    {
      "source": [
        5,
        "image"
      ],
      "target": [
        2,
        "image"
      ]
    },
    {
      "source": [
        7,
        "value"
      ],
      "target": [
        1,
        "r"
      ]
    },
    {
      "source": [
        7,
        "value"
      ],
      "target": [
        4,
        "r"
      ]
    },
    {
      "source": [
        7,
        "value"
      ],
      "target": [
        5,
        "r"
      ]
    },
    {
      "source": [
        9,
        "image"
      ],
      "target": [
        2,
        "image"
      ]
    }
  ]
}