Last active
October 23, 2017 17:11
-
-
Save automata/1319c76fe006fb34c9c9 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": "Hello Canvas!", | |
| "id": "1319c76fe006fb34c9c9", | |
| "environment": { | |
| "type": "noflo-browser", | |
| "content": "<canvas id=\"mycanvas\" width=\"200\" height=\"200\"></canvas>\n<br />\n<button id=\"mybutton\">Generate</button>" | |
| } | |
| }, | |
| "inports": {}, | |
| "outports": {}, | |
| "groups": [], | |
| "processes": { | |
| "canvas/Draw_ps7an": { | |
| "component": "canvas/Draw", | |
| "metadata": { | |
| "label": "canvas/Draw", | |
| "x": 972, | |
| "y": 324 | |
| } | |
| }, | |
| "canvas/Fill_cbdq5": { | |
| "component": "canvas/Fill", | |
| "metadata": { | |
| "label": "canvas/Fill", | |
| "x": 828, | |
| "y": 324 | |
| } | |
| }, | |
| "canvas/MakeRectangle_1rmr9": { | |
| "component": "canvas/MakeRectangle", | |
| "metadata": { | |
| "label": "canvas/MakeRectangle", | |
| "x": 468, | |
| "y": 324 | |
| } | |
| }, | |
| "dom/GetElement_an98u": { | |
| "component": "dom/GetElement", | |
| "metadata": { | |
| "label": "dom/GetElement", | |
| "x": 828, | |
| "y": 180 | |
| } | |
| }, | |
| "canvas/MakeRange_lb9hw": { | |
| "component": "canvas/MakeRange", | |
| "metadata": { | |
| "label": "canvas/MakeRange", | |
| "x": 180, | |
| "y": 324 | |
| } | |
| }, | |
| "canvas/MakeColor_pra9g": { | |
| "component": "canvas/MakeColor", | |
| "metadata": { | |
| "label": "canvas/MakeColor", | |
| "x": 648, | |
| "y": 36 | |
| } | |
| }, | |
| "canvas/Stroke_3m3hk": { | |
| "component": "canvas/Stroke", | |
| "metadata": { | |
| "label": "canvas/Stroke", | |
| "x": 648, | |
| "y": 324 | |
| } | |
| }, | |
| "canvas/MakeRandom_wcbwf": { | |
| "component": "canvas/MakeRandom", | |
| "metadata": { | |
| "label": "canvas/MakeRandom", | |
| "x": 468, | |
| "y": 180 | |
| } | |
| }, | |
| "core/Kick_96jrg": { | |
| "component": "core/Kick", | |
| "metadata": { | |
| "label": "core/Kick", | |
| "x": 324, | |
| "y": 180 | |
| } | |
| }, | |
| "canvas/MakeRandom_guh5x": { | |
| "component": "canvas/MakeRandom", | |
| "metadata": { | |
| "label": "canvas/MakeRandom", | |
| "x": 468, | |
| "y": 36 | |
| } | |
| }, | |
| "dom/GetElement_4j1nq": { | |
| "component": "dom/GetElement", | |
| "metadata": { | |
| "label": "dom/GetElement", | |
| "x": 36, | |
| "y": 180 | |
| } | |
| }, | |
| "interaction/ListenMouse_susbu": { | |
| "component": "interaction/ListenMouse", | |
| "metadata": { | |
| "label": "interaction/ListenMouse", | |
| "x": 180, | |
| "y": 180 | |
| } | |
| }, | |
| "canvas/MakeGrid_st846": { | |
| "component": "canvas/MakeGrid", | |
| "metadata": { | |
| "label": "canvas/MakeGrid", | |
| "x": 324, | |
| "y": 324 | |
| } | |
| } | |
| }, | |
| "connections": [ | |
| { | |
| "src": { | |
| "process": "dom/GetElement_an98u", | |
| "port": "element" | |
| }, | |
| "tgt": { | |
| "process": "canvas/Draw_ps7an", | |
| "port": "canvas" | |
| }, | |
| "metadata": { | |
| "route": 2 | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "canvas/MakeRectangle_1rmr9", | |
| "port": "rectangle" | |
| }, | |
| "tgt": { | |
| "process": "canvas/Stroke_3m3hk", | |
| "port": "items" | |
| }, | |
| "metadata": { | |
| "route": 9 | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "canvas/Stroke_3m3hk", | |
| "port": "stroke" | |
| }, | |
| "tgt": { | |
| "process": "canvas/Fill_cbdq5", | |
| "port": "items" | |
| }, | |
| "metadata": { | |
| "route": 9 | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "canvas/Fill_cbdq5", | |
| "port": "fill" | |
| }, | |
| "tgt": { | |
| "process": "canvas/Draw_ps7an", | |
| "port": "commands" | |
| }, | |
| "metadata": { | |
| "route": 9 | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "canvas/MakeColor_pra9g", | |
| "port": "color" | |
| }, | |
| "tgt": { | |
| "process": "canvas/Fill_cbdq5", | |
| "port": "fillstyle" | |
| }, | |
| "metadata": { | |
| "route": 9 | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "canvas/MakeRandom_wcbwf", | |
| "port": "numbers" | |
| }, | |
| "tgt": { | |
| "process": "canvas/MakeColor_pra9g", | |
| "port": "hue" | |
| }, | |
| "metadata": { | |
| "route": 5 | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "core/Kick_96jrg", | |
| "port": "out" | |
| }, | |
| "tgt": { | |
| "process": "canvas/MakeRandom_wcbwf", | |
| "port": "min" | |
| }, | |
| "metadata": { | |
| "route": 1 | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "canvas/MakeRandom_guh5x", | |
| "port": "numbers" | |
| }, | |
| "tgt": { | |
| "process": "canvas/MakeColor_pra9g", | |
| "port": "saturation" | |
| }, | |
| "metadata": { | |
| "route": 5 | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "canvas/MakeRandom_guh5x", | |
| "port": "numbers" | |
| }, | |
| "tgt": { | |
| "process": "canvas/MakeColor_pra9g", | |
| "port": "lightness" | |
| }, | |
| "metadata": { | |
| "route": 5 | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "core/Kick_96jrg", | |
| "port": "out" | |
| }, | |
| "tgt": { | |
| "process": "canvas/MakeRandom_guh5x", | |
| "port": "min" | |
| }, | |
| "metadata": { | |
| "route": 1 | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "dom/GetElement_4j1nq", | |
| "port": "element" | |
| }, | |
| "tgt": { | |
| "process": "interaction/ListenMouse_susbu", | |
| "port": "element" | |
| }, | |
| "metadata": { | |
| "route": 1 | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "interaction/ListenMouse_susbu", | |
| "port": "click" | |
| }, | |
| "tgt": { | |
| "process": "core/Kick_96jrg", | |
| "port": "in" | |
| }, | |
| "metadata": { | |
| "route": 1 | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "canvas/MakeRange_lb9hw", | |
| "port": "range" | |
| }, | |
| "tgt": { | |
| "process": "canvas/MakeGrid_st846", | |
| "port": "x" | |
| }, | |
| "metadata": { | |
| "route": 5 | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "canvas/MakeRange_lb9hw", | |
| "port": "range" | |
| }, | |
| "tgt": { | |
| "process": "canvas/MakeGrid_st846", | |
| "port": "y" | |
| }, | |
| "metadata": { | |
| "route": 5 | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "canvas/MakeGrid_st846", | |
| "port": "point" | |
| }, | |
| "tgt": { | |
| "process": "canvas/MakeRectangle_1rmr9", | |
| "port": "point" | |
| }, | |
| "metadata": {} | |
| }, | |
| { | |
| "data": "#mycanvas", | |
| "tgt": { | |
| "process": "dom/GetElement_an98u", | |
| "port": "selector" | |
| } | |
| }, | |
| { | |
| "data": 0, | |
| "tgt": { | |
| "process": "canvas/MakeRange_lb9hw", | |
| "port": "from" | |
| } | |
| }, | |
| { | |
| "data": 10, | |
| "tgt": { | |
| "process": "canvas/MakeRectangle_1rmr9", | |
| "port": "width" | |
| } | |
| }, | |
| { | |
| "data": 10, | |
| "tgt": { | |
| "process": "canvas/MakeRectangle_1rmr9", | |
| "port": "height" | |
| } | |
| }, | |
| { | |
| "data": 2, | |
| "tgt": { | |
| "process": "canvas/Stroke_3m3hk", | |
| "port": "linewidth" | |
| } | |
| }, | |
| { | |
| "data": true, | |
| "tgt": { | |
| "process": "canvas/Draw_ps7an", | |
| "port": "drawevery" | |
| } | |
| }, | |
| { | |
| "data": true, | |
| "tgt": { | |
| "process": "canvas/Draw_ps7an", | |
| "port": "clearevery" | |
| } | |
| }, | |
| { | |
| "data": 0, | |
| "tgt": { | |
| "process": "canvas/MakeRandom_wcbwf", | |
| "port": "min" | |
| } | |
| }, | |
| { | |
| "data": "500", | |
| "tgt": { | |
| "process": "canvas/MakeRandom_wcbwf", | |
| "port": "count" | |
| } | |
| }, | |
| { | |
| "data": "0", | |
| "tgt": { | |
| "process": "core/Kick_96jrg", | |
| "port": "data" | |
| } | |
| }, | |
| { | |
| "data": 200, | |
| "tgt": { | |
| "process": "canvas/MakeRange_lb9hw", | |
| "port": "to" | |
| } | |
| }, | |
| { | |
| "data": "30", | |
| "tgt": { | |
| "process": "canvas/MakeRange_lb9hw", | |
| "port": "count" | |
| } | |
| }, | |
| { | |
| "data": "#000000", | |
| "tgt": { | |
| "process": "canvas/Stroke_3m3hk", | |
| "port": "strokestyle" | |
| } | |
| }, | |
| { | |
| "data": 100, | |
| "tgt": { | |
| "process": "canvas/MakeRandom_guh5x", | |
| "port": "max" | |
| } | |
| }, | |
| { | |
| "data": 0, | |
| "tgt": { | |
| "process": "canvas/MakeRandom_guh5x", | |
| "port": "min" | |
| } | |
| }, | |
| { | |
| "data": 360, | |
| "tgt": { | |
| "process": "canvas/MakeRandom_wcbwf", | |
| "port": "max" | |
| } | |
| }, | |
| { | |
| "data": "100", | |
| "tgt": { | |
| "process": "canvas/MakeRandom_guh5x", | |
| "port": "count" | |
| } | |
| }, | |
| { | |
| "data": "#mybutton", | |
| "tgt": { | |
| "process": "dom/GetElement_4j1nq", | |
| "port": "selector" | |
| } | |
| } | |
| ] | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment