-
-
Save automata/a428a40c6437f067b07e to your computer and use it in GitHub Desktop.
This file contains 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