-
-
Save automata/a428a40c6437f067b07e to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "properties": { | |
| "name": "face", | |
| "id": "face", | |
| "environment": { | |
| "type": "noflo-browser", | |
| "content": "<button id=\"start\">start camera</button>\n<input id=\"colorstart\" type=\"range\" min=\"0\" max=\"360\" value=\"0\"></input>\n<input id=\"colorend\" type=\"range\" min=\"0\" max=\"360\" value=\"360\"></input>\n<input id=\"colorcount\" type=\"range\" min=\"1\" max=\"100\" value=\"50\"></input>\n<video id=\"vid\" width=640 height=480 style=\"position:absolute; top:50px; left:0px\" autoplay></video>\n<canvas id=\"can\" width=640 height=480 style=\"position:absolute; top:50px; left:0px\"></canvas>\n" | |
| } | |
| }, | |
| "inports": {}, | |
| "outports": {}, | |
| "groups": [], | |
| "processes": { | |
| "gum/GetUserMedia_4uxpb": { | |
| "component": "gum/GetUserMedia", | |
| "metadata": { | |
| "label": "gum/GetUserMedia", | |
| "x": 252, | |
| "y": 252 | |
| } | |
| }, | |
| "dom/SetAttribute_hvxig": { | |
| "component": "dom/SetAttribute", | |
| "metadata": { | |
| "label": "dom/SetAttribute", | |
| "x": 360, | |
| "y": 216 | |
| } | |
| }, | |
| "#vid": { | |
| "component": "dom/GetElement", | |
| "metadata": { | |
| "label": "#vid", | |
| "x": 252, | |
| "y": 360 | |
| } | |
| }, | |
| "clmtrackr/TrackFace_g0pmf": { | |
| "component": "clmtrackr/TrackFace", | |
| "metadata": { | |
| "label": "clmtrackr/TrackFace", | |
| "x": 504, | |
| "y": 216 | |
| } | |
| }, | |
| "dom/GetElement_41x4v": { | |
| "component": "dom/GetElement", | |
| "metadata": { | |
| "label": "dom/GetElement", | |
| "x": 792, | |
| "y": 864 | |
| } | |
| }, | |
| "canvas/Draw_8p8qe": { | |
| "component": "canvas/Draw", | |
| "metadata": { | |
| "label": "canvas/Draw", | |
| "x": 936, | |
| "y": 36 | |
| } | |
| }, | |
| "canvas/MakeColor_ebh94": { | |
| "component": "canvas/MakeColor", | |
| "metadata": { | |
| "label": "canvas/MakeColor", | |
| "x": 648, | |
| "y": 108 | |
| } | |
| }, | |
| "canvas/MakeRandom_vx2jc": { | |
| "component": "canvas/MakeRandom", | |
| "metadata": { | |
| "label": "canvas/MakeRandom", | |
| "x": 504, | |
| "y": 468 | |
| } | |
| }, | |
| "canvas/Fill_zqj95": { | |
| "component": "canvas/Fill", | |
| "metadata": { | |
| "label": "canvas/Fill", | |
| "x": 792, | |
| "y": 72 | |
| } | |
| }, | |
| "dom/GetElement_g151a": { | |
| "component": "dom/GetElement", | |
| "metadata": { | |
| "label": "dom/GetElement", | |
| "x": 36, | |
| "y": 108 | |
| } | |
| }, | |
| "dom/Listen_4w6ca": { | |
| "component": "dom/Listen", | |
| "metadata": { | |
| "label": "dom/Listen", | |
| "x": 144, | |
| "y": 216 | |
| } | |
| }, | |
| "geometry/Voronoi_wmh9a": { | |
| "component": "geometry/Voronoi", | |
| "metadata": { | |
| "label": "geometry/Voronoi", | |
| "x": 648, | |
| "y": 612 | |
| } | |
| }, | |
| "canvas/Stroke_iv7zz": { | |
| "component": "canvas/Stroke", | |
| "metadata": { | |
| "label": "canvas/Stroke", | |
| "x": 792, | |
| "y": 648 | |
| } | |
| }, | |
| "clmtrackr/WireframeFace_1kbcn": { | |
| "component": "clmtrackr/WireframeFace", | |
| "metadata": { | |
| "label": "clmtrackr/WireframeFace", | |
| "x": 648, | |
| "y": 216 | |
| } | |
| }, | |
| "canvas/Stroke_ay0i7": { | |
| "component": "canvas/Stroke", | |
| "metadata": { | |
| "label": "canvas/Stroke", | |
| "x": 792, | |
| "y": 252 | |
| } | |
| }, | |
| "canvas/MakeColor_jz0xw": { | |
| "component": "canvas/MakeColor", | |
| "metadata": { | |
| "label": "canvas/MakeColor", | |
| "x": 648, | |
| "y": 504 | |
| } | |
| }, | |
| "canvas/Fill_njt4t": { | |
| "component": "canvas/Fill", | |
| "metadata": { | |
| "label": "canvas/Fill", | |
| "x": 792, | |
| "y": 756 | |
| } | |
| }, | |
| "canvas/MakeColor_c4g55": { | |
| "component": "canvas/MakeColor", | |
| "metadata": { | |
| "label": "canvas/MakeColor", | |
| "x": 648, | |
| "y": 756 | |
| } | |
| }, | |
| "color count": { | |
| "component": "dom/GetElement", | |
| "metadata": { | |
| "label": "color count", | |
| "x": 252, | |
| "y": 720 | |
| } | |
| }, | |
| "color start": { | |
| "component": "dom/GetElement", | |
| "metadata": { | |
| "label": "color start", | |
| "x": 252, | |
| "y": 468 | |
| } | |
| }, | |
| "color end": { | |
| "component": "dom/GetElement", | |
| "metadata": { | |
| "label": "color end", | |
| "x": 252, | |
| "y": 612 | |
| } | |
| }, | |
| "change_hxfzl": { | |
| "component": "interaction/ListenChange", | |
| "metadata": { | |
| "label": "change", | |
| "x": 360, | |
| "y": 576 | |
| } | |
| }, | |
| "change_eg3qo": { | |
| "component": "interaction/ListenChange", | |
| "metadata": { | |
| "label": "change", | |
| "x": 360, | |
| "y": 720 | |
| } | |
| }, | |
| "change": { | |
| "component": "interaction/ListenChange", | |
| "metadata": { | |
| "label": "change", | |
| "x": 360, | |
| "y": 468 | |
| } | |
| } | |
| }, | |
| "connections": [ | |
| { | |
| "src": { | |
| "process": "gum/GetUserMedia_4uxpb", | |
| "port": "url" | |
| }, | |
| "tgt": { | |
| "process": "dom/SetAttribute_hvxig", | |
| "port": "value" | |
| }, | |
| "metadata": {} | |
| }, | |
| { | |
| "src": { | |
| "process": "#vid", | |
| "port": "element" | |
| }, | |
| "tgt": { | |
| "process": "dom/SetAttribute_hvxig", | |
| "port": "element" | |
| }, | |
| "metadata": { | |
| "route": null | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "dom/SetAttribute_hvxig", | |
| "port": "element" | |
| }, | |
| "tgt": { | |
| "process": "clmtrackr/TrackFace_g0pmf", | |
| "port": "image" | |
| }, | |
| "metadata": {} | |
| }, | |
| { | |
| "src": { | |
| "process": "dom/GetElement_41x4v", | |
| "port": "element" | |
| }, | |
| "tgt": { | |
| "process": "canvas/Draw_8p8qe", | |
| "port": "canvas" | |
| }, | |
| "metadata": {} | |
| }, | |
| { | |
| "src": { | |
| "process": "canvas/MakeRandom_vx2jc", | |
| "port": "numbers" | |
| }, | |
| "tgt": { | |
| "process": "canvas/MakeColor_ebh94", | |
| "port": "hue" | |
| }, | |
| "metadata": {} | |
| }, | |
| { | |
| "src": { | |
| "process": "canvas/MakeColor_ebh94", | |
| "port": "color" | |
| }, | |
| "tgt": { | |
| "process": "canvas/Fill_zqj95", | |
| "port": "fillstyle" | |
| }, | |
| "metadata": { | |
| "route": 0 | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "dom/GetElement_g151a", | |
| "port": "element" | |
| }, | |
| "tgt": { | |
| "process": "dom/Listen_4w6ca", | |
| "port": "element" | |
| }, | |
| "metadata": {} | |
| }, | |
| { | |
| "src": { | |
| "process": "dom/Listen_4w6ca", | |
| "port": "event" | |
| }, | |
| "tgt": { | |
| "process": "gum/GetUserMedia_4uxpb", | |
| "port": "start" | |
| }, | |
| "metadata": {} | |
| }, | |
| { | |
| "src": { | |
| "process": "geometry/Voronoi_wmh9a", | |
| "port": "paths" | |
| }, | |
| "tgt": { | |
| "process": "canvas/Stroke_iv7zz", | |
| "port": "items" | |
| }, | |
| "metadata": {} | |
| }, | |
| { | |
| "src": { | |
| "process": "clmtrackr/TrackFace_g0pmf", | |
| "port": "points" | |
| }, | |
| "tgt": { | |
| "process": "clmtrackr/WireframeFace_1kbcn", | |
| "port": "points" | |
| }, | |
| "metadata": { | |
| "route": 0 | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "clmtrackr/WireframeFace_1kbcn", | |
| "port": "paths" | |
| }, | |
| "tgt": { | |
| "process": "canvas/Fill_zqj95", | |
| "port": "items" | |
| }, | |
| "metadata": { | |
| "route": 0 | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "clmtrackr/WireframeFace_1kbcn", | |
| "port": "paths" | |
| }, | |
| "tgt": { | |
| "process": "canvas/Stroke_ay0i7", | |
| "port": "items" | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "canvas/MakeRandom_vx2jc", | |
| "port": "numbers" | |
| }, | |
| "tgt": { | |
| "process": "canvas/MakeColor_jz0xw", | |
| "port": "hue" | |
| }, | |
| "metadata": { | |
| "route": 0 | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "canvas/MakeColor_jz0xw", | |
| "port": "color" | |
| }, | |
| "tgt": { | |
| "process": "canvas/Stroke_ay0i7", | |
| "port": "strokestyle" | |
| }, | |
| "metadata": {} | |
| }, | |
| { | |
| "src": { | |
| "process": "clmtrackr/TrackFace_g0pmf", | |
| "port": "points" | |
| }, | |
| "tgt": { | |
| "process": "geometry/Voronoi_wmh9a", | |
| "port": "points" | |
| }, | |
| "metadata": { | |
| "route": 0 | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "clmtrackr/TrackFace_g0pmf", | |
| "port": "points" | |
| }, | |
| "tgt": { | |
| "process": "canvas/Draw_8p8qe", | |
| "port": "tick" | |
| }, | |
| "metadata": { | |
| "route": 0 | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "geometry/Voronoi_wmh9a", | |
| "port": "paths" | |
| }, | |
| "tgt": { | |
| "process": "canvas/Fill_njt4t", | |
| "port": "items" | |
| }, | |
| "metadata": { | |
| "route": 0 | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "canvas/MakeRandom_vx2jc", | |
| "port": "numbers" | |
| }, | |
| "tgt": { | |
| "process": "canvas/MakeColor_c4g55", | |
| "port": "hue" | |
| }, | |
| "metadata": { | |
| "route": 0 | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "canvas/Fill_njt4t", | |
| "port": "fill" | |
| }, | |
| "tgt": { | |
| "process": "canvas/Draw_8p8qe", | |
| "port": "commands" | |
| }, | |
| "metadata": {} | |
| }, | |
| { | |
| "src": { | |
| "process": "canvas/Fill_zqj95", | |
| "port": "fill" | |
| }, | |
| "tgt": { | |
| "process": "canvas/Draw_8p8qe", | |
| "port": "commands" | |
| }, | |
| "metadata": {} | |
| }, | |
| { | |
| "src": { | |
| "process": "canvas/Stroke_ay0i7", | |
| "port": "stroke" | |
| }, | |
| "tgt": { | |
| "process": "canvas/Draw_8p8qe", | |
| "port": "commands" | |
| }, | |
| "metadata": { | |
| "route": null | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "canvas/Stroke_iv7zz", | |
| "port": "stroke" | |
| }, | |
| "tgt": { | |
| "process": "canvas/Draw_8p8qe", | |
| "port": "commands" | |
| }, | |
| "metadata": {} | |
| }, | |
| { | |
| "src": { | |
| "process": "color count", | |
| "port": "element" | |
| }, | |
| "tgt": { | |
| "process": "change_eg3qo", | |
| "port": "element" | |
| }, | |
| "metadata": {} | |
| }, | |
| { | |
| "src": { | |
| "process": "color start", | |
| "port": "element" | |
| }, | |
| "tgt": { | |
| "process": "change", | |
| "port": "element" | |
| }, | |
| "metadata": {} | |
| }, | |
| { | |
| "src": { | |
| "process": "color end", | |
| "port": "element" | |
| }, | |
| "tgt": { | |
| "process": "change_hxfzl", | |
| "port": "element" | |
| }, | |
| "metadata": {} | |
| }, | |
| { | |
| "src": { | |
| "process": "change_eg3qo", | |
| "port": "value" | |
| }, | |
| "tgt": { | |
| "process": "canvas/MakeRandom_vx2jc", | |
| "port": "count" | |
| }, | |
| "metadata": {} | |
| }, | |
| { | |
| "src": { | |
| "process": "change", | |
| "port": "value" | |
| }, | |
| "tgt": { | |
| "process": "canvas/MakeRandom_vx2jc", | |
| "port": "min" | |
| }, | |
| "metadata": {} | |
| }, | |
| { | |
| "src": { | |
| "process": "change_hxfzl", | |
| "port": "value" | |
| }, | |
| "tgt": { | |
| "process": "canvas/MakeRandom_vx2jc", | |
| "port": "max" | |
| }, | |
| "metadata": {} | |
| }, | |
| { | |
| "src": { | |
| "process": "canvas/MakeColor_c4g55", | |
| "port": "color" | |
| }, | |
| "tgt": { | |
| "process": "canvas/Fill_njt4t", | |
| "port": "fillstyle" | |
| }, | |
| "metadata": {} | |
| }, | |
| { | |
| "data": true, | |
| "tgt": { | |
| "process": "gum/GetUserMedia_4uxpb", | |
| "port": "video" | |
| } | |
| }, | |
| { | |
| "data": false, | |
| "tgt": { | |
| "process": "gum/GetUserMedia_4uxpb", | |
| "port": "audio" | |
| } | |
| }, | |
| { | |
| "data": "src", | |
| "tgt": { | |
| "process": "dom/SetAttribute_hvxig", | |
| "port": "attribute" | |
| } | |
| }, | |
| { | |
| "data": "#vid", | |
| "tgt": { | |
| "process": "#vid", | |
| "port": "selector" | |
| } | |
| }, | |
| { | |
| "data": "#can", | |
| "tgt": { | |
| "process": "dom/GetElement_41x4v", | |
| "port": "selector" | |
| } | |
| }, | |
| { | |
| "data": true, | |
| "tgt": { | |
| "process": "canvas/Draw_8p8qe", | |
| "port": "clearevery" | |
| } | |
| }, | |
| { | |
| "data": 0, | |
| "tgt": { | |
| "process": "canvas/MakeRandom_vx2jc", | |
| "port": "min" | |
| } | |
| }, | |
| { | |
| "data": 360, | |
| "tgt": { | |
| "process": "canvas/MakeRandom_vx2jc", | |
| "port": "max" | |
| } | |
| }, | |
| { | |
| "data": 100, | |
| "tgt": { | |
| "process": "canvas/MakeColor_ebh94", | |
| "port": "saturation" | |
| } | |
| }, | |
| { | |
| "data": "#start", | |
| "tgt": { | |
| "process": "dom/GetElement_g151a", | |
| "port": "selector" | |
| } | |
| }, | |
| { | |
| "data": "click", | |
| "tgt": { | |
| "process": "dom/Listen_4w6ca", | |
| "port": "type" | |
| } | |
| }, | |
| { | |
| "data": true, | |
| "tgt": { | |
| "process": "canvas/Stroke_iv7zz", | |
| "port": "closepath" | |
| } | |
| }, | |
| { | |
| "data": { | |
| "point": { | |
| "x": 0, | |
| "y": 0 | |
| }, | |
| "width": 640, | |
| "height": 480 | |
| }, | |
| "tgt": { | |
| "process": "geometry/Voronoi_wmh9a", | |
| "port": "bbox" | |
| } | |
| }, | |
| { | |
| "data": true, | |
| "tgt": { | |
| "process": "canvas/Stroke_ay0i7", | |
| "port": "closepath" | |
| } | |
| }, | |
| { | |
| "data": 100, | |
| "tgt": { | |
| "process": "canvas/MakeColor_jz0xw", | |
| "port": "saturation" | |
| } | |
| }, | |
| { | |
| "data": "white", | |
| "tgt": { | |
| "process": "canvas/Stroke_iv7zz", | |
| "port": "strokestyle" | |
| } | |
| }, | |
| { | |
| "data": 0.5, | |
| "tgt": { | |
| "process": "canvas/Stroke_ay0i7", | |
| "port": "linewidth" | |
| } | |
| }, | |
| { | |
| "data": 25, | |
| "tgt": { | |
| "process": "canvas/MakeColor_jz0xw", | |
| "port": "lightness" | |
| } | |
| }, | |
| { | |
| "data": false, | |
| "tgt": { | |
| "process": "canvas/Draw_8p8qe", | |
| "port": "drawevery" | |
| } | |
| }, | |
| { | |
| "data": 100, | |
| "tgt": { | |
| "process": "canvas/MakeColor_c4g55", | |
| "port": "saturation" | |
| } | |
| }, | |
| { | |
| "data": 5, | |
| "tgt": { | |
| "process": "canvas/MakeRandom_vx2jc", | |
| "port": "count" | |
| } | |
| }, | |
| { | |
| "data": "#colorcount", | |
| "tgt": { | |
| "process": "color count", | |
| "port": "selector" | |
| } | |
| }, | |
| { | |
| "data": "#colorstart", | |
| "tgt": { | |
| "process": "color start", | |
| "port": "selector" | |
| } | |
| }, | |
| { | |
| "data": "#colorend", | |
| "tgt": { | |
| "process": "color end", | |
| "port": "selector" | |
| } | |
| }, | |
| { | |
| "data": 1, | |
| "tgt": { | |
| "process": "canvas/MakeColor_ebh94", | |
| "port": "alpha" | |
| } | |
| }, | |
| { | |
| "data": 50, | |
| "tgt": { | |
| "process": "canvas/MakeColor_c4g55", | |
| "port": "lightness" | |
| } | |
| }, | |
| { | |
| "data": 0.5, | |
| "tgt": { | |
| "process": "canvas/Stroke_iv7zz", | |
| "port": "linewidth" | |
| } | |
| }, | |
| { | |
| "data": 50, | |
| "tgt": { | |
| "process": "canvas/MakeColor_ebh94", | |
| "port": "lightness" | |
| } | |
| }, | |
| { | |
| "data": "rgba(0,0,0,0.5)", | |
| "tgt": { | |
| "process": "canvas/Fill_njt4t", | |
| "port": "fillstyle" | |
| } | |
| }, | |
| { | |
| "data": 0.5, | |
| "tgt": { | |
| "process": "canvas/MakeColor_c4g55", | |
| "port": "alpha" | |
| } | |
| } | |
| ] | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment