Skip to content

Instantly share code, notes, and snippets.

@automata
Forked from forresto/noflo.json
Created June 18, 2014 11:40
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save automata/c17a5b984b220f7ce110 to your computer and use it in GitHub Desktop.
Save automata/c17a5b984b220f7ce110 to your computer and use it in GitHub Desktop.
{
"properties": {
"name": "makepath",
"id": "gd8s5",
"environment": {
"type": "noflo-browser",
"content": "<canvas id=\"canvas\" width=\"200\" height=\"200\"></canvas>"
}
},
"inports": {},
"outports": {},
"groups": [
{
"name": "pink",
"nodes": [
"canvas/Group_fuh3s",
"canvas/MakePath_egsbq",
"canvas/MakePoint_5cpkz",
"canvas/MakePoint_cr978",
"canvas/MakePoint_o5ri3",
"canvas/MakePoint_za48g",
"canvas/Stroke_ntu55"
],
"metadata": {
"description": "points in a group (array)"
}
},
{
"name": "red",
"nodes": [
"canvas/MakePoint_8shmb",
"canvas/MakePoint_qljig",
"canvas/MakeRandom_5pgqn",
"canvas/MakeRandom_icp2z",
"canvas/MakeRandom_q8fhj",
"canvas/MakeRandom_wujnu",
"path1",
"stroke1"
],
"metadata": {
"description": "two arrays combine to 10 line segments"
}
},
{
"name": "blue",
"nodes": [
"canvas/MakePoint_4rnj4",
"canvas/MakePoint_7b8sb",
"path2",
"stroke2"
],
"metadata": {
"description": "two points -> one segment"
}
},
{
"name": "green",
"nodes": [
"canvas/MakePoint_b8x1h",
"canvas/MakeRandom_9u4m3",
"canvas/MakeRange_68vus",
"path3",
"stroke3"
],
"metadata": {
"description": "ten points -> one path"
}
},
{
"name": "lightblue",
"nodes": [
"canvas/MakeBezierCurve_zl3r6",
"canvas/MakePoint_qdvzx",
"canvas/MakePoint_tcpp",
"canvas/MakeRange_d63oe",
"canvas/MakeRange_tqlgc",
"path4",
"stroke4"
],
"metadata": {
"description": "single start and control points, 10 end points -> 10 curves"
}
}
],
"processes": {
"dom/GetElement_d79r3": {
"component": "dom/GetElement",
"metadata": {
"label": "dom/GetElement",
"x": 828,
"y": 1152
}
},
"canvas/Draw_6a6r3": {
"component": "canvas/Draw",
"metadata": {
"label": "canvas/Draw",
"x": 828,
"y": 1296
}
},
"stroke3": {
"component": "canvas/Stroke",
"metadata": {
"label": "stroke3",
"x": 576,
"y": 2124
}
},
"path3": {
"component": "canvas/MakePath",
"metadata": {
"label": "path3",
"x": 432,
"y": 2088
}
},
"canvas/MakePoint_b8x1h": {
"component": "canvas/MakePoint",
"metadata": {
"label": "canvas/MakePoint",
"x": 324,
"y": 2088
}
},
"canvas/MakeRange_68vus": {
"component": "canvas/MakeRange",
"metadata": {
"label": "canvas/MakeRange",
"x": 180,
"y": 1944
}
},
"canvas/MakeRandom_9u4m3": {
"component": "canvas/MakeRandom",
"metadata": {
"label": "canvas/MakeRandom",
"x": 180,
"y": 2088
}
},
"stroke1": {
"component": "canvas/Stroke",
"metadata": {
"label": "stroke1",
"x": 576,
"y": 792
}
},
"path1": {
"component": "canvas/MakePath",
"metadata": {
"label": "path1",
"x": 432,
"y": 792
}
},
"canvas/MakePoint_8shmb": {
"component": "canvas/MakePoint",
"metadata": {
"label": "canvas/MakePoint",
"x": 288,
"y": 792
}
},
"canvas/MakePoint_qljig": {
"component": "canvas/MakePoint",
"metadata": {
"label": "canvas/MakePoint",
"x": 288,
"y": 504
}
},
"canvas/MakeRandom_5pgqn": {
"component": "canvas/MakeRandom",
"metadata": {
"label": "canvas/MakeRandom",
"x": 144,
"y": 504
}
},
"path2": {
"component": "canvas/MakePath",
"metadata": {
"label": "path2",
"x": 432,
"y": 36
}
},
"stroke2": {
"component": "canvas/Stroke",
"metadata": {
"label": "stroke2",
"x": 576,
"y": 72
}
},
"canvas/MakeRandom_q8fhj": {
"component": "canvas/MakeRandom",
"metadata": {
"label": "canvas/MakeRandom",
"x": 144,
"y": 360
}
},
"canvas/MakePoint_4rnj4": {
"component": "canvas/MakePoint",
"metadata": {
"label": "canvas/MakePoint",
"x": 324,
"y": 180
}
},
"canvas/MakePoint_7b8sb": {
"component": "canvas/MakePoint",
"metadata": {
"label": "canvas/MakePoint",
"x": 324,
"y": 36
}
},
"canvas/MakeRandom_icp2z": {
"component": "canvas/MakeRandom",
"metadata": {
"label": "canvas/MakeRandom",
"x": 144,
"y": 648
}
},
"canvas/MakeRandom_wujnu": {
"component": "canvas/MakeRandom",
"metadata": {
"label": "canvas/MakeRandom",
"x": 144,
"y": 792
}
},
"canvas/MakePoint_tcpp": {
"component": "canvas/MakePoint",
"metadata": {
"label": "canvas/MakePoint",
"x": 324,
"y": 1764
}
},
"path4": {
"component": "canvas/MakePath",
"metadata": {
"label": "path4",
"x": 468,
"y": 1764
}
},
"canvas/MakeBezierCurve_zl3r6": {
"component": "canvas/MakeBezierCurve",
"metadata": {
"label": "canvas/MakeBezierCurve",
"x": 324,
"y": 1620
}
},
"canvas/MakePoint_qdvzx": {
"component": "canvas/MakePoint",
"metadata": {
"label": "canvas/MakePoint",
"x": 180,
"y": 1620
}
},
"stroke4": {
"component": "canvas/Stroke",
"metadata": {
"label": "stroke4",
"x": 576,
"y": 1764
}
},
"canvas/MakeRange_d63oe": {
"component": "canvas/MakeRange",
"metadata": {
"label": "canvas/MakeRange",
"x": 36,
"y": 1620
}
},
"canvas/MakeRange_tqlgc": {
"component": "canvas/MakeRange",
"metadata": {
"label": "canvas/MakeRange",
"x": 36,
"y": 1764
}
},
"canvas/Group_fuh3s": {
"component": "canvas/Group",
"metadata": {
"label": "canvas/Group",
"x": 324,
"y": 1296
}
},
"canvas/MakePoint_za48g": {
"component": "canvas/MakePoint",
"metadata": {
"label": "canvas/MakePoint",
"x": 180,
"y": 1440
}
},
"canvas/MakePoint_cr978": {
"component": "canvas/MakePoint",
"metadata": {
"label": "canvas/MakePoint",
"x": 180,
"y": 1152
}
},
"canvas/MakePath_egsbq": {
"component": "canvas/MakePath",
"metadata": {
"label": "canvas/MakePath",
"x": 432,
"y": 1296
}
},
"canvas/Stroke_ntu55": {
"component": "canvas/Stroke",
"metadata": {
"label": "canvas/Stroke",
"x": 576,
"y": 1296
}
},
"canvas/MakePoint_5cpkz": {
"component": "canvas/MakePoint",
"metadata": {
"label": "canvas/MakePoint",
"x": 180,
"y": 1296
}
},
"canvas/MakePoint_o5ri3": {
"component": "canvas/MakePoint",
"metadata": {
"label": "canvas/MakePoint",
"x": 180,
"y": 1008
}
}
},
"connections": [
{
"src": {
"process": "dom/GetElement_d79r3",
"port": "element"
},
"tgt": {
"process": "canvas/Draw_6a6r3",
"port": "canvas"
},
"metadata": {}
},
{
"src": {
"process": "path3",
"port": "path"
},
"tgt": {
"process": "stroke3",
"port": "items"
},
"metadata": {}
},
{
"src": {
"process": "canvas/MakePoint_b8x1h",
"port": "point"
},
"tgt": {
"process": "path3",
"port": "items"
},
"metadata": {}
},
{
"src": {
"process": "canvas/MakeRange_68vus",
"port": "range"
},
"tgt": {
"process": "canvas/MakePoint_b8x1h",
"port": "x"
},
"metadata": {}
},
{
"src": {
"process": "canvas/MakeRandom_9u4m3",
"port": "numbers"
},
"tgt": {
"process": "canvas/MakePoint_b8x1h",
"port": "y"
},
"metadata": {}
},
{
"src": {
"process": "canvas/MakePoint_8shmb",
"port": "point"
},
"tgt": {
"process": "path1",
"port": "items"
},
"metadata": {}
},
{
"src": {
"process": "path1",
"port": "path"
},
"tgt": {
"process": "stroke1",
"port": "items"
},
"metadata": {}
},
{
"src": {
"process": "canvas/MakePoint_qljig",
"port": "point"
},
"tgt": {
"process": "path1",
"port": "items"
},
"metadata": {}
},
{
"src": {
"process": "canvas/MakeRandom_5pgqn",
"port": "numbers"
},
"tgt": {
"process": "canvas/MakePoint_qljig",
"port": "y"
},
"metadata": {}
},
{
"src": {
"process": "stroke1",
"port": "stroke"
},
"tgt": {
"process": "canvas/Draw_6a6r3",
"port": "commands"
},
"metadata": {
"route": 1
}
},
{
"src": {
"process": "stroke3",
"port": "stroke"
},
"tgt": {
"process": "canvas/Draw_6a6r3",
"port": "commands"
},
"metadata": {
"route": 4
}
},
{
"src": {
"process": "canvas/MakeRandom_q8fhj",
"port": "numbers"
},
"tgt": {
"process": "canvas/MakePoint_qljig",
"port": "x"
},
"metadata": {}
},
{
"src": {
"process": "path2",
"port": "path"
},
"tgt": {
"process": "stroke2",
"port": "items"
},
"metadata": {}
},
{
"src": {
"process": "canvas/MakePoint_4rnj4",
"port": "point"
},
"tgt": {
"process": "path2",
"port": "items"
},
"metadata": {}
},
{
"src": {
"process": "canvas/MakePoint_7b8sb",
"port": "point"
},
"tgt": {
"process": "path2",
"port": "items"
},
"metadata": {}
},
{
"src": {
"process": "stroke2",
"port": "stroke"
},
"tgt": {
"process": "canvas/Draw_6a6r3",
"port": "commands"
},
"metadata": {
"route": 7
}
},
{
"src": {
"process": "canvas/MakeRandom_icp2z",
"port": "numbers"
},
"tgt": {
"process": "canvas/MakePoint_8shmb",
"port": "x"
},
"metadata": {}
},
{
"src": {
"process": "canvas/MakeRandom_wujnu",
"port": "numbers"
},
"tgt": {
"process": "canvas/MakePoint_8shmb",
"port": "y"
},
"metadata": {}
},
{
"src": {
"process": "canvas/MakePoint_tcpp",
"port": "point"
},
"tgt": {
"process": "path4",
"port": "items"
},
"metadata": {}
},
{
"src": {
"process": "path4",
"port": "path"
},
"tgt": {
"process": "stroke4",
"port": "items"
},
"metadata": {}
},
{
"src": {
"process": "stroke4",
"port": "stroke"
},
"tgt": {
"process": "canvas/Draw_6a6r3",
"port": "commands"
},
"metadata": {
"route": 6
}
},
{
"src": {
"process": "canvas/MakeBezierCurve_zl3r6",
"port": "beziercurve"
},
"tgt": {
"process": "path4",
"port": "items"
},
"metadata": {}
},
{
"src": {
"process": "canvas/MakePoint_qdvzx",
"port": "point"
},
"tgt": {
"process": "canvas/MakeBezierCurve_zl3r6",
"port": "end"
},
"metadata": {}
},
{
"src": {
"process": "canvas/MakeRange_d63oe",
"port": "range"
},
"tgt": {
"process": "canvas/MakePoint_qdvzx",
"port": "x"
},
"metadata": {}
},
{
"src": {
"process": "canvas/MakeRange_tqlgc",
"port": "range"
},
"tgt": {
"process": "canvas/MakePoint_qdvzx",
"port": "y"
},
"metadata": {
"route": null
}
},
{
"src": {
"process": "canvas/MakePoint_za48g",
"port": "point"
},
"tgt": {
"process": "canvas/Group_fuh3s",
"port": "items"
},
"metadata": {}
},
{
"src": {
"process": "canvas/MakePoint_cr978",
"port": "point"
},
"tgt": {
"process": "canvas/Group_fuh3s",
"port": "items"
},
"metadata": {}
},
{
"src": {
"process": "canvas/Group_fuh3s",
"port": "group"
},
"tgt": {
"process": "canvas/MakePath_egsbq",
"port": "items"
},
"metadata": {}
},
{
"src": {
"process": "canvas/MakePath_egsbq",
"port": "path"
},
"tgt": {
"process": "canvas/Stroke_ntu55",
"port": "items"
},
"metadata": {}
},
{
"src": {
"process": "canvas/Stroke_ntu55",
"port": "stroke"
},
"tgt": {
"process": "canvas/Draw_6a6r3",
"port": "commands"
},
"metadata": {
"route": 9
}
},
{
"src": {
"process": "canvas/MakePoint_5cpkz",
"port": "point"
},
"tgt": {
"process": "canvas/Group_fuh3s",
"port": "items"
},
"metadata": {}
},
{
"src": {
"process": "canvas/MakePoint_o5ri3",
"port": "point"
},
"tgt": {
"process": "canvas/Group_fuh3s",
"port": "items"
},
"metadata": {}
},
{
"data": "canvas",
"tgt": {
"process": "dom/GetElement_d79r3",
"port": "selector"
}
},
{
"data": true,
"tgt": {
"process": "canvas/Draw_6a6r3",
"port": "drawevery"
}
},
{
"data": true,
"tgt": {
"process": "canvas/Draw_6a6r3",
"port": "clearevery"
}
},
{
"data": 0,
"tgt": {
"process": "canvas/MakeRange_68vus",
"port": "from"
}
},
{
"data": 200,
"tgt": {
"process": "canvas/MakeRange_68vus",
"port": "to"
}
},
{
"data": 0,
"tgt": {
"process": "canvas/MakeRandom_9u4m3",
"port": "min"
}
},
{
"data": 200,
"tgt": {
"process": "canvas/MakeRandom_9u4m3",
"port": "max"
}
},
{
"data": 10,
"tgt": {
"process": "canvas/MakeRandom_9u4m3",
"port": "count"
}
},
{
"data": 0,
"tgt": {
"process": "canvas/MakeRandom_5pgqn",
"port": "min"
}
},
{
"data": 200,
"tgt": {
"process": "canvas/MakeRandom_5pgqn",
"port": "max"
}
},
{
"data": "red",
"tgt": {
"process": "stroke1",
"port": "strokestyle"
}
},
{
"data": "green",
"tgt": {
"process": "stroke3",
"port": "strokestyle"
}
},
{
"data": 2,
"tgt": {
"process": "stroke3",
"port": "linewidth"
}
},
{
"data": 2,
"tgt": {
"process": "stroke1",
"port": "linewidth"
}
},
{
"data": 0,
"tgt": {
"process": "canvas/MakeRandom_q8fhj",
"port": "min"
}
},
{
"data": 200,
"tgt": {
"process": "canvas/MakeRandom_q8fhj",
"port": "max"
}
},
{
"data": 10,
"tgt": {
"process": "canvas/MakeRandom_q8fhj",
"port": "count"
}
},
{
"data": 10,
"tgt": {
"process": "canvas/MakeRandom_5pgqn",
"port": "count"
}
},
{
"data": 0,
"tgt": {
"process": "canvas/MakePoint_4rnj4",
"port": "y"
}
},
{
"data": 0,
"tgt": {
"process": "canvas/MakePoint_7b8sb",
"port": "x"
}
},
{
"data": 200,
"tgt": {
"process": "canvas/MakePoint_4rnj4",
"port": "x"
}
},
{
"data": 20,
"tgt": {
"process": "canvas/MakeRange_68vus",
"port": "count"
}
},
{
"data": 2,
"tgt": {
"process": "stroke2",
"port": "linewidth"
}
},
{
"data": 200,
"tgt": {
"process": "canvas/MakePoint_7b8sb",
"port": "y"
}
},
{
"data": 0,
"tgt": {
"process": "canvas/MakeRandom_icp2z",
"port": "min"
}
},
{
"data": 200,
"tgt": {
"process": "canvas/MakeRandom_icp2z",
"port": "max"
}
},
{
"data": 10,
"tgt": {
"process": "canvas/MakeRandom_icp2z",
"port": "count"
}
},
{
"data": 0,
"tgt": {
"process": "canvas/MakeRandom_wujnu",
"port": "min"
}
},
{
"data": 10,
"tgt": {
"process": "canvas/MakeRandom_wujnu",
"port": "count"
}
},
{
"data": 200,
"tgt": {
"process": "canvas/MakeRandom_wujnu",
"port": "max"
}
},
{
"data": "blue",
"tgt": {
"process": "stroke2",
"port": "strokestyle"
}
},
{
"data": 0,
"tgt": {
"process": "canvas/MakePoint_tcpp",
"port": "x"
}
},
{
"data": 0,
"tgt": {
"process": "canvas/MakePoint_tcpp",
"port": "y"
}
},
{
"data": {
"x": 10,
"y": 10
},
"tgt": {
"process": "canvas/MakeBezierCurve_zl3r6",
"port": "control1"
}
},
{
"data": 2,
"tgt": {
"process": "stroke4",
"port": "linewidth"
}
},
{
"data": 200,
"tgt": {
"process": "canvas/MakeRange_d63oe",
"port": "from"
}
},
{
"data": 0,
"tgt": {
"process": "canvas/MakeRange_d63oe",
"port": "to"
}
},
{
"data": 10,
"tgt": {
"process": "canvas/MakeRange_d63oe",
"port": "count"
}
},
{
"data": 0,
"tgt": {
"process": "canvas/MakeRange_tqlgc",
"port": "from"
}
},
{
"data": 200,
"tgt": {
"process": "canvas/MakeRange_tqlgc",
"port": "to"
}
},
{
"data": 10,
"tgt": {
"process": "canvas/MakeRange_tqlgc",
"port": "count"
}
},
{
"data": 150,
"tgt": {
"process": "canvas/MakePoint_za48g",
"port": "x"
}
},
{
"data": 150,
"tgt": {
"process": "canvas/MakePoint_za48g",
"port": "y"
}
},
{
"data": 190,
"tgt": {
"process": "canvas/MakePoint_cr978",
"port": "x"
}
},
{
"data": 190,
"tgt": {
"process": "canvas/MakePoint_cr978",
"port": "y"
}
},
{
"data": "magenta",
"tgt": {
"process": "canvas/Stroke_ntu55",
"port": "strokestyle"
}
},
{
"data": 2,
"tgt": {
"process": "canvas/Stroke_ntu55",
"port": "linewidth"
}
},
{
"data": "lightblue",
"tgt": {
"process": "stroke4",
"port": "strokestyle"
}
},
{
"data": {
"x": 90,
"y": 90
},
"tgt": {
"process": "canvas/MakeBezierCurve_zl3r6",
"port": "control2"
}
},
{
"data": 190,
"tgt": {
"process": "canvas/MakePoint_5cpkz",
"port": "x"
}
},
{
"data": 180,
"tgt": {
"process": "canvas/MakePoint_5cpkz",
"port": "y"
}
},
{
"data": 180,
"tgt": {
"process": "canvas/MakePoint_o5ri3",
"port": "x"
}
},
{
"data": 190,
"tgt": {
"process": "canvas/MakePoint_o5ri3",
"port": "y"
}
}
]
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment