meemoo: jpeg loop

jpeg-loop.json

{
  "info": {
    "author": "meemoo",
    "title": "selfie-glitch, inspired by @zachlieberman",
    "description": "re: https://twitter.com/zachlieberman/status/1113800722078937090",
    "parents": [
      "https://gist.github.com/forresto/cd9f64b76cc66c11c4752c7116238753",
      "https://gist.github.com/8181561"
    ],
    "url": "jpeg-loop"
  },
  "nodes": [
    {
      "id": 1,
      "src": "https://forresto.github.io/meemoo-modules/img2canvas.html",
      "x": 1152,
      "y": 549,
      "w": 440,
      "h": 472,
      "state": {}
    },
    {
      "id": 2,
      "src": "https://forresto.github.io/meemoo-modules/canvas2img.html",
      "x": 550,
      "y": 551,
      "w": 451,
      "h": 471,
      "state": {
        "compress": true,
        "quality": 0.9
      }
    },
    {
      "id": 3,
      "src": "meemoo:image/cam",
      "x": 1105,
      "y": 80,
      "w": 196,
      "h": 291,
      "state": {
        "width": 480,
        "height": 480,
        "fps": 20
      }
    },
    {
      "id": 15,
      "src": "meemoo:ui/button",
      "x": 211,
      "y": 242,
      "w": 211,
      "h": 65,
      "state": {
        "label": "glitch selfie"
      }
    },
    {
      "id": 21,
      "src": "meemoo:ui/button",
      "x": 212,
      "y": 82,
      "w": 211,
      "h": 65,
      "state": {
        "label": "start camera"
      }
    },
    {
      "id": 28,
      "src": "meemoo:ui/vslider",
      "x": 127,
      "y": 504,
      "w": 115,
      "h": 319,
      "state": {
        "value": 0.7,
        "min": 0,
        "max": 1,
        "step": 0.01
      }
    },
    {
      "id": 29,
      "src": "meemoo:ui/vslider",
      "x": 131,
      "y": 941,
      "w": 100,
      "h": 323,
      "state": {
        "value": 501,
        "min": 200,
        "max": 1000,
        "step": 1
      }
    },
    {
      "id": 30,
      "src": "meemoo:util/count",
      "x": 2311,
      "y": 1437,
      "w": 200,
      "h": 62,
      "state": {
        "from": 0,
        "increment": 1
      }
    },
    {
      "id": 31,
      "src": "meemoo:ui/number",
      "x": 2299,
      "y": 1293,
      "w": 200,
      "h": 60,
      "state": {
        "value": 0
      }
    },
    {
      "id": 33,
      "src": "meemoo:image/text",
      "x": 2330,
      "y": 1597,
      "w": 195,
      "h": 113,
      "state": {
        "text": "text",
        "font": "bold 50px Tahoma",
        "height": 100,
        "fill": "white",
        "stroke": "black",
        "strokewidth": 1
      }
    },
    {
      "id": 34,
      "src": "meemoo:image/transform",
      "x": 2670,
      "y": 929,
      "w": 302,
      "h": 330,
      "state": {
        "width": 480,
        "height": 480,
        "scale": 0.5,
        "translateX": 175,
        "translateY": 220,
        "rotate": 0,
        "composite": "source-over",
        "smoothing": "true"
      }
    },
    {
      "id": 36,
      "src": "meemoo:time/throttle",
      "x": 2654,
      "y": 768,
      "w": 317,
      "h": 60,
      "state": {
        "fps": "=1/5"
      }
    },
    {
      "id": 37,
      "src": "meemoo:variable/animation",
      "x": 2640,
      "y": 186,
      "w": 438,
      "h": 462,
      "state": {
        "fps": 12,
        "pingpong": false
      }
    },
    {
      "id": 17,
      "src": "meemoo:image/fit",
      "x": 194,
      "y": 1373,
      "w": 163,
      "h": 199,
      "state": {
        "width": 481,
        "height": 481
      }
    },
    {
      "id": 18,
      "src": "meemoo:image/fit",
      "x": 1838,
      "y": 1259,
      "w": 155,
      "h": 194,
      "state": {
        "width": 480,
        "height": 480
      }
    },
    {
      "id": 19,
      "src": "https://forresto.github.io/meemoo-modules/img2canvas.html",
      "x": 1194,
      "y": 1225,
      "w": 440,
      "h": 472,
      "state": {}
    },
    {
      "id": 20,
      "src": "https://forresto.github.io/meemoo-modules/canvas2img.html",
      "x": 592,
      "y": 1227,
      "w": 451,
      "h": 471,
      "state": {
        "compress": true,
        "quality": 0.9
      }
    }
  ],
  "edges": [
    {
      "source": [
        15,
        "bang"
      ],
      "target": [
        3,
        "send"
      ]
    },
    {
      "source": [
        21,
        "bang"
      ],
      "target": [
        3,
        "start"
      ]
    },
    {
      "source": [
        2,
        "dataurl"
      ],
      "target": [
        1,
        "dataurl"
      ]
    },
    {
      "source": [
        28,
        "value"
      ],
      "target": [
        2,
        "quality"
      ]
    },
    {
      "source": [
        31,
        "number"
      ],
      "target": [
        30,
        "from"
      ]
    },
    {
      "source": [
        15,
        "bang"
      ],
      "target": [
        31,
        "send"
      ]
    },
    {
      "source": [
        30,
        "count"
      ],
      "target": [
        33,
        "text"
      ]
    },
    {
      "source": [
        33,
        "image"
      ],
      "target": [
        34,
        "image"
      ]
    },
    {
      "source": [
        34,
        "image"
      ],
      "target": [
        36,
        "data"
      ]
    },
    {
      "source": [
        15,
        "bang"
      ],
      "target": [
        37,
        "clear"
      ]
    },
    {
      "source": [
        1,
        "image"
      ],
      "target": [
        17,
        "image"
      ]
    },
    {
      "source": [
        29,
        "value"
      ],
      "target": [
        17,
        "width"
      ]
    },
    {
      "source": [
        29,
        "value"
      ],
      "target": [
        17,
        "height"
      ]
    },
    {
      "source": [
        20,
        "dataurl"
      ],
      "target": [
        19,
        "dataurl"
      ]
    },
    {
      "source": [
        17,
        "image"
      ],
      "target": [
        20,
        "image"
      ]
    },
    {
      "source": [
        19,
        "image"
      ],
      "target": [
        30,
        "data"
      ]
    },
    {
      "source": [
        19,
        "image"
      ],
      "target": [
        18,
        "image"
      ]
    },
    {
      "source": [
        18,
        "image"
      ],
      "target": [
        34,
        "background"
      ]
    },
    {
      "source": [
        3,
        "image"
      ],
      "target": [
        2,
        "image"
      ]
    },
    {
      "source": [
        18,
        "image"
      ],
      "target": [
        2,
        "image"
      ]
    },
    {
      "source": [
        28,
        "value"
      ],
      "target": [
        20,
        "quality"
      ]
    },
    {
      "source": [
        36,
        "data"
      ],
      "target": [
        37,
        "push"
      ]
    }
  ]
}