bergie

{
    "properties": {
        "name": "face",
        "environment": {
            "type": "noflo-browser",
            "content": "<video id=\"vid\" width=\"640\" height=\"480\" style=\"position:absolute; top:0px; left:0px\" autoplay></video>\n<canvas id=\"can\" width=\"640\" height=\"480\" style=\"position:absolute; top:0px; left:0px\"></canvas>\n<div id=\"start\" style=\"position:absolute; top:0px; left:0px;\"><button id=\"start\">start camera</button><br/>\ncolor start <input id=\"colorstart\" type=\"range\" min=\"0\" max=\"360\" value=\"0\"></input><br/>\ncolor end<input id=\"colorend\" type=\"range\" min=\"0\" max=\"360\" value=\"360\"></input><br />\ncolor count<input id=\"colorcount\" type=\"range\" min=\"1\" max=\"100\" value=\"50\"></input><br/>\n"
        }
    },
    "inports": {},
    "outports": {},

bergie

{
    "caseSensitive": false,
    "properties": {
        "name": "main",
        "environment": {
            "type": "noflo-browser",
            "content": "<video id=\"video\" autoplay loop style=\"max-width:100%;\"></video><br>\n<canvas id=\"colors\" width=\"640\" height=\"100\" style=\"max-width:100%;\"></canvas>\n<button id=\"start\">start camera</button>\n<p id=\"message\"></p>"
        },
        "icon": "cog"
    },

bergie

{
  "properties": {
    "environment": {
      "type": "noflo-browser",
      "content": "<div class='area' title='.area'>\n  <img id='clock' src='https://i.imgur.com/0S7R8OU.png' style='position:absolute; width:300px; height:300px; top:0; left:0;' />\n  <img id='hours' src='https://i.imgur.com/Fw8L3L1.png' style='position:absolute; top:50px; left:130px; height:200px;' />\n  <img id='minutes' src='https://i.imgur.com/WtSz99Q.png' style='position:absolute; top:0; left:140px; height:300px;' />\n  <img id='seconds' src='https://i.imgur.com/m2PQs6E.png' style='position:absolute; top:0; left:145px; height:300px;' />\n</div>"
    },
    "name": "Clock"
  },
  "exports": [],
  "processes": {

bergie

{
    "caseSensitive": false,
    "properties": {
        "name": "Hello Canvas!",
        "environment": {
            "type": "noflo-browser",
            "content": "<canvas id=\"mycanvas\" width=\"200\" height=\"200\"></canvas>\n<br />\n<button id=\"mybutton\">Generate</button>"
        }
    },
    "inports": {},

bergie

{
    "caseSensitive": false,
    "properties": {
        "name": "ASM2",
        "environment": {
            "type": "noflo-browser",
            "content": "<canvas id=\"canvas\" width=\"200\" height=\"200\"></canvas>"
        },
        "description": "WebAssembly Theremin",
        "icon": "soundcloud"