Created
September 28, 2013 12:12
-
-
Save bergie/6741456 to your computer and use it in GitHub Desktop.
AR.Drone control UI
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": { | |
| "environment": { | |
| "runtime": "html", | |
| "src": "./preview/iframe.html", | |
| "width": "300", | |
| "height": "340", | |
| "content": " <div style=\"position: relative; margin-top: 20px;\">\n <button style=\"padding: 2%\" id=\"takeoff\">Take off</button>\n <button style=\"padding: 2%\" id=\"land\">Land</button>\n <button style=\"padding: 2%; background-color: red\" id=\"stop\">Panic!!</button>\n <div>\n <button style=\"padding: 2%\" id=\"up\">Up</button>\n <button style=\"padding: 2%\" id=\"down\">Down</button>\n </div>\n <div>\n <button style=\"padding: 2%\" id=\"couterclockwise\">Couter Clockwise</button>\n <button style=\"padding: 2%\" id=\"clocwise\">Clockwise</button>\n </div>\n <div>\n <button style=\"padding: 2%; margin-left:4%\" id=\"forward\">\t↑</button>\n <div>\n <button style=\"padding: 2%\" id=\"left\"> ←</button>\n <button style=\"padding: 2%\" id=\"right\"> →</button>\n </div>\n <button style=\"padding: 2%; margin-left:4%\" id=\"back\">\t↓</button>\n </div>\n </div>\n \n <div style=\"position: relative; margin-top: 20px;\">\n <p>Type in the speed of movement:</p>\n <input style=\"padding: 2%; width: 50%\" type=\"number\" name=\"value\" id=\"value\">\n </div> " | |
| }, | |
| "name": "ArDroneControl" | |
| }, | |
| "exports": [], | |
| "processes": { | |
| "ConnectToServer_fer0c": { | |
| "component": "websocket/Connect", | |
| "metadata": { | |
| "x": 988, | |
| "y": 222, | |
| "label": "ConnectToServer" | |
| } | |
| }, | |
| "SplitConnection_gdgu7": { | |
| "component": "core/Split", | |
| "metadata": { | |
| "x": 1227, | |
| "y": 228, | |
| "label": "SplitConnection" | |
| } | |
| }, | |
| "SendMessage_ezhvo": { | |
| "component": "websocket/SendMessage", | |
| "metadata": { | |
| "x": 1488, | |
| "y": 82.578125, | |
| "label": "SendMessage" | |
| } | |
| }, | |
| "ShowConnectionError_g0csc": { | |
| "component": "core/Output", | |
| "metadata": { | |
| "x": 1229.5, | |
| "y": 327.91145833333337, | |
| "label": "ShowConnectionError" | |
| } | |
| }, | |
| "PackMessage_be5vo": { | |
| "component": "strings/Jsonify", | |
| "metadata": { | |
| "x": 1258.5, | |
| "y": 81.33333333333331, | |
| "label": "PackMessage" | |
| } | |
| }, | |
| "GetButtons_w0u29": { | |
| "component": "dom/GetElement", | |
| "metadata": { | |
| "x": 171, | |
| "y": -0.921875, | |
| "label": "GetButtons" | |
| } | |
| }, | |
| "ListenClick_bbn7m": { | |
| "component": "interaction/ListenMouse", | |
| "metadata": { | |
| "x": 432, | |
| "y": 5.078125, | |
| "label": "ListenClick" | |
| } | |
| }, | |
| "GetClickedElement_k2peq": { | |
| "component": "objects/GetObjectKey", | |
| "metadata": { | |
| "x": 723, | |
| "y": 3.078125, | |
| "label": "GetClickedElement" | |
| } | |
| }, | |
| "ReadClickedCommand_nq877": { | |
| "component": "dom/GetAttribute", | |
| "metadata": { | |
| "x": 35.66666666666674, | |
| "y": 195.5, | |
| "label": "ReadClickedCommand" | |
| } | |
| }, | |
| "SplitCommand_ha8y1": { | |
| "component": "core/Split", | |
| "metadata": { | |
| "x": 257.66666666666674, | |
| "y": 208.74479166666663, | |
| "label": "SplitCommand" | |
| } | |
| }, | |
| "SetCommand_kjq1i": { | |
| "component": "objects/SetPropertyValue", | |
| "metadata": { | |
| "x": 989.6666666666667, | |
| "y": 92.74479166666663, | |
| "label": "SetCommand" | |
| } | |
| }, | |
| "GetSpeedElement_2mum1": { | |
| "component": "dom/GetElement", | |
| "metadata": { | |
| "x": 261.66666666666674, | |
| "y": 306.74479166666663, | |
| "label": "GetSpeedElement" | |
| } | |
| }, | |
| "HoldSpeedElement_2e1ya": { | |
| "component": "core/Kick", | |
| "metadata": { | |
| "x": 541.6666666666667, | |
| "y": 286.74479166666663, | |
| "label": "HoldSpeedElement" | |
| } | |
| }, | |
| "ReadSpeedValue_4onwg": { | |
| "component": "objects/GetObjectKey", | |
| "metadata": { | |
| "x": 747.6666666666667, | |
| "y": 285.74479166666663, | |
| "label": "ReadSpeedValue" | |
| } | |
| }, | |
| "CreateMessage_arpjp": { | |
| "component": "objects/CreateObject", | |
| "metadata": { | |
| "x": 538.6666666666667, | |
| "y": 211.74479166666663, | |
| "label": "CreateMessage" | |
| } | |
| }, | |
| "OneCommandOneMessage_cw1hc": { | |
| "component": "core/DisconnectAfterPacket", | |
| "metadata": { | |
| "x": 746.6666666666667, | |
| "y": 209.74479166666663, | |
| "label": "OneCommandOneMessage" | |
| } | |
| } | |
| }, | |
| "connections": [ | |
| { | |
| "src": { | |
| "process": "ConnectToServer_fer0c", | |
| "port": "connection" | |
| }, | |
| "tgt": { | |
| "process": "SplitConnection_gdgu7", | |
| "port": "in" | |
| }, | |
| "metadata": { | |
| "route": 3 | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "SplitConnection_gdgu7", | |
| "port": "out" | |
| }, | |
| "tgt": { | |
| "process": "SendMessage_ezhvo", | |
| "port": "connection" | |
| }, | |
| "metadata": { | |
| "route": 3 | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "ConnectToServer_fer0c", | |
| "port": "error" | |
| }, | |
| "tgt": { | |
| "process": "ShowConnectionError_g0csc", | |
| "port": "in" | |
| }, | |
| "metadata": { | |
| "route": 0 | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "GetButtons_w0u29", | |
| "port": "element" | |
| }, | |
| "tgt": { | |
| "process": "ListenClick_bbn7m", | |
| "port": "element" | |
| }, | |
| "metadata": { | |
| "route": 7 | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "ListenClick_bbn7m", | |
| "port": "click" | |
| }, | |
| "tgt": { | |
| "process": "GetClickedElement_k2peq", | |
| "port": "in" | |
| }, | |
| "metadata": { | |
| "route": 1 | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "GetClickedElement_k2peq", | |
| "port": "out" | |
| }, | |
| "tgt": { | |
| "process": "ReadClickedCommand_nq877", | |
| "port": "element" | |
| }, | |
| "metadata": { | |
| "route": 1 | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "ReadClickedCommand_nq877", | |
| "port": "out" | |
| }, | |
| "tgt": { | |
| "process": "SplitCommand_ha8y1", | |
| "port": "in" | |
| }, | |
| "metadata": { | |
| "route": 1 | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "SplitCommand_ha8y1", | |
| "port": "out" | |
| }, | |
| "tgt": { | |
| "process": "SetCommand_kjq1i", | |
| "port": "property" | |
| }, | |
| "metadata": { | |
| "route": 1 | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "GetSpeedElement_2mum1", | |
| "port": "element" | |
| }, | |
| "tgt": { | |
| "process": "HoldSpeedElement_2e1ya", | |
| "port": "data" | |
| }, | |
| "metadata": { | |
| "route": 7 | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "HoldSpeedElement_2e1ya", | |
| "port": "out" | |
| }, | |
| "tgt": { | |
| "process": "ReadSpeedValue_4onwg", | |
| "port": "in" | |
| }, | |
| "metadata": { | |
| "route": 7 | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "ReadSpeedValue_4onwg", | |
| "port": "out" | |
| }, | |
| "tgt": { | |
| "process": "SetCommand_kjq1i", | |
| "port": "value" | |
| }, | |
| "metadata": { | |
| "route": 5 | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "SplitCommand_ha8y1", | |
| "port": "out" | |
| }, | |
| "tgt": { | |
| "process": "HoldSpeedElement_2e1ya", | |
| "port": "in" | |
| }, | |
| "metadata": { | |
| "route": 0 | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "SplitCommand_ha8y1", | |
| "port": "out" | |
| }, | |
| "tgt": { | |
| "process": "CreateMessage_arpjp", | |
| "port": "start" | |
| }, | |
| "metadata": { | |
| "route": 6 | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "CreateMessage_arpjp", | |
| "port": "out" | |
| }, | |
| "tgt": { | |
| "process": "OneCommandOneMessage_cw1hc", | |
| "port": "in" | |
| }, | |
| "metadata": { | |
| "route": 6 | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "OneCommandOneMessage_cw1hc", | |
| "port": "out" | |
| }, | |
| "tgt": { | |
| "process": "SetCommand_kjq1i", | |
| "port": "in" | |
| }, | |
| "metadata": { | |
| "route": 6 | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "PackMessage_be5vo", | |
| "port": "out" | |
| }, | |
| "tgt": { | |
| "process": "SendMessage_ezhvo", | |
| "port": "string" | |
| }, | |
| "metadata": { | |
| "route": 1 | |
| } | |
| }, | |
| { | |
| "src": { | |
| "process": "SetCommand_kjq1i", | |
| "port": "out" | |
| }, | |
| "tgt": { | |
| "process": "PackMessage_be5vo", | |
| "port": "in" | |
| }, | |
| "metadata": { | |
| "route": 1 | |
| } | |
| }, | |
| { | |
| "data": "target", | |
| "tgt": { | |
| "process": "GetClickedElement_k2peq", | |
| "port": "key" | |
| } | |
| }, | |
| { | |
| "data": "id", | |
| "tgt": { | |
| "process": "ReadClickedCommand_nq877", | |
| "port": "attribute" | |
| } | |
| }, | |
| { | |
| "data": "#value", | |
| "tgt": { | |
| "process": "GetSpeedElement_2mum1", | |
| "port": "selector" | |
| } | |
| }, | |
| { | |
| "data": "value", | |
| "tgt": { | |
| "process": "ReadSpeedValue_4onwg", | |
| "port": "key" | |
| } | |
| }, | |
| { | |
| "data": "button", | |
| "tgt": { | |
| "process": "GetButtons_w0u29", | |
| "port": "selector" | |
| } | |
| } | |
| ] | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment