{ "draw2d": [ { "type": "shape_designer.figure.PolyRect", "id": "1b71bcf4-939c-5650-8a7e-68514e9d2149", "x": 7958, "y": 7965.5, "width": 84, "height": 69, "alpha": 1, "angle": 0, "userData": { "baseClass": "draw2d.SetFigure", "code": "/**\n * by 'Draw2D Shape Designer'\n *\n * Custom JS code to tweak the standard behaviour of the generated\n * shape. add your custome code and event handler here.\n *\n *\n */\ntestShape = testShape.extend({\n\n init: function(attr, setter, getter){\n var _this = this;\n \n this._super(attr, setter, getter);\n\n this.on(\"change:userData.delay\",function(emitter, event){\n var value = event.value;\n _this.delayedValues = []; \n _this.delayedValues.length = parseInt(parseInt(value)/10);\n _this.pointer=0;\n \n });\n this.attr({\n resizeable:false,\n \"userData.delay\":500\n });\n this.installEditPolicy(new draw2d.policy.figure.AntSelectionFeedbackPolicy());\n },\n \n /**\n * called every '10 [ms]' from the application.\n * \n **/\n calculate:function()\n {\n this.getOutputPort(0).setValue(this.delayedValues[this.pointer]);\n this.delayedValues[this.pointer] = this.getInputPort(0).getValue();\n this.pointer = (this.pointer+1)%this.delayedValues.length; \n },\n \n onStart:function()\n {\n this.currentTimer=0;\n },\n \n onStop:function()\n {\n },\n\n getParameterSettings: function()\n {\n return [\n {\n name:\"delay\",\n label:\"Delay [ms]\",\n property:{\n type: \"integer\",\n min: 10,\n max: 15000,\n increment:10\n }\n \n }];\n }\n\n});", "name": "Rectangle", "markdown": "# Delay Object\n\nIn electronics, digital circuits and digital electronics, the propagation \ndelay, or gate delay, is the length of time which starts when the input to a \nlogic gate becomes stable and valid to change, to the time that the output of \nthat logic gate is stable and valid to change.\n\nIf you have some logic gates in chain, it is required to compensate the signal \ndelay.\n\nThis is where the delay Object comes into play. It `delays` the input signal\nto the given time delay.\n\n", "type": "Output", "direction": 1 }, "cssClass": "shape_designer_figure_PolyRect", "ports": [], "bgColor": "#FFFFFF", "color": "#303030", "stroke": 1, "radius": 2, "dasharray": null, "vertices": [ { "x": 8042, "y": 8034.5 }, { "x": 7958, "y": 8034.5 }, { "x": 7958, "y": 7965.5 }, { "x": 8042, "y": 7965.5 } ], "blur": 0, "filters": [ { "name": "shape_designer.filter.PositionFilter" }, { "name": "shape_designer.filter.SizeFilter" }, { "name": "shape_designer.filter.StrokeFilter" }, { "name": "shape_designer.filter.FillColorFilter" }, { "name": "shape_designer.filter.RadiusFilter" } ] }, { "type": "shape_designer.figure.ExtPort", "id": "f4d5683a-7c42-8771-5df4-e4e9da5b8b46", "x": 8037.5, "y": 7996.45952, "width": 10, "height": 10, "alpha": 1, "angle": 0, "userData": { "baseClass": "draw2d.SetFigure", "code": "/**\n * by 'Draw2D Shape Designer'\n *\n * Custom JS code to tweak the standard behaviour of the generated\n * shape. add your custome code and event handler here.\n *\n *\n */\ntestShape = testShape.extend({\n\n init: function(attr, setter, getter){\n this._super(attr, setter, getter);\n\n this.attr({resizeable:false});\n this.installEditPolicy(new draw2d.policy.figure.AntSelectionFeedbackPolicy());\n\n this.currentTimer=0;\n },\n \n /**\n * called every '10 [ms]' from the application. do a little bit calculation\n * to change the state every 100ms (10Hz)\n * \n **/\n calculate:function()\n {\n // 10 ticks every 10ms => 10Hz \n this.currentTimer = (this.currentTimer+1)%10; \n if(this.currentTimer===0){\n this.value = !this.value;\n this.getOutputPort(0).setValue(this.value);\n }\n },\n \n onStart:function()\n {\n this.currentTimer=0;\n },\n \n onStop:function()\n {\n },\n\n getParameterSettings: function()\n {\n return [\n {\n name:\"delay\",\n label:\"Delay [ms]\",\n property:{\n type: \"integer\",\n min: 10,\n max: 100,\n increment:10\n }\n \n }];\n }\n\n});", "name": "output_0", "markdown": "# Clock Signal\n\nIn electronics and especially synchronous digital circuits, \na clock signal is a particular type of signal that \noscillates between a `high` and a `low` state and is \nutilized like a metronome to coordinate actions \nof digital circuits.\n\nThe hertz (symbol `Hz`) is the unit of frequency in the \nInternational System of Units (SI) and is defined as \none cycle per second. \n\nIt is named for Heinrich Rudolf Hertz, the first person \nto provide conclusive proof of the existence of \nelectromagnetic waves.", "type": "Output", "direction": 1 }, "cssClass": "shape_designer_figure_ExtPort", "ports": [], "bgColor": "#1C9BAB", "color": "#1B1B1B", "stroke": 1, "dasharray": null, "filters": [ { "name": "shape_designer.filter.PositionFilter" }, { "name": "shape_designer.filter.FanoutFilter" }, { "name": "shape_designer.filter.PortDirectionFilter" }, { "name": "shape_designer.filter.PortTypeFilter" }, { "name": "shape_designer.filter.FillColorFilter" } ] }, { "type": "shape_designer.figure.ExtPort", "id": "3dce50be-cb62-93ee-6ae9-8a903ea77fae", "x": 7948.5, "y": 7996.45952, "width": 10, "height": 10, "alpha": 1, "angle": 0, "userData": { "name": "input_0", "type": "Input", "direction": 3, "fanout": 20 }, "cssClass": "shape_designer_figure_ExtPort", "ports": [], "bgColor": "#37B1DE", "color": "#1B1B1B", "stroke": 1, "dasharray": null, "filters": [ { "name": "shape_designer.filter.PositionFilter" }, { "name": "shape_designer.filter.FanoutFilter" }, { "name": "shape_designer.filter.PortDirectionFilter" }, { "name": "shape_designer.filter.PortTypeFilter" } ] }, { "type": "shape_designer.figure.ExtLabel", "id": "0203a429-2c1f-4d7e-3a41-61aad199cb61", "x": 7993, "y": 7992, "width": 33.5625, "height": 21.359375, "alpha": 1, "angle": 0, "userData": { "name": "Label" }, "cssClass": "shape_designer_figure_ExtLabel", "ports": [], "bgColor": "none", "color": "#1B1B1B", "stroke": 0, "radius": 0, "dasharray": null, "text": "Delay", "outlineStroke": 0, "outlineColor": "none", "fontSize": 11, "fontColor": "#D9D9D9", "fontFamily": null, "editor": "LabelInplaceEditor", "filters": [ { "name": "shape_designer.filter.PositionFilter" }, { "name": "shape_designer.filter.FontSizeFilter" }, { "name": "shape_designer.filter.FontColorFilter" } ] }, { "type": "shape_designer.figure.ExtLine", "id": "f45ae44d-a82d-f2e6-28ae-59dde3f4c067", "alpha": 1, "angle": 0, "userData": { "name": "Line" }, "cssClass": "shape_designer_figure_ExtLine", "stroke": 2, "color": "#A8A8A8", "outlineStroke": 0, "outlineColor": "none", "policy": "draw2d.policy.line.VertexSelectionFeedbackPolicy", "vertex": [ { "x": 7967.9163485938825, "y": 7986.131087969916 }, { "x": 7967.9818845938835, "y": 8013.836431969918 } ], "router": "draw2d.layout.connection.VertexRouter", "radius": "", "filters": [ { "name": "shape_designer.filter.StrokeFilter" } ] }, { "type": "shape_designer.figure.ExtLine", "id": "b4adf9ad-f0e9-fab0-f5a4-19740aa1fd89", "alpha": 1, "angle": 0, "userData": { "name": "Line" }, "cssClass": "shape_designer_figure_ExtLine", "stroke": 2, "color": "#C9C9C9", "outlineStroke": 0, "outlineColor": "none", "policy": "draw2d.policy.line.VertexSelectionFeedbackPolicy", "vertex": [ { "x": 7993.984444593883, "y": 8023.189391969912 }, { "x": 7993.411004593883, "y": 7992.797071969915 } ], "router": "draw2d.layout.connection.VertexRouter", "radius": "", "filters": [ { "name": "shape_designer.filter.StrokeFilter" } ] }, { "type": "shape_designer.figure.ExtLine", "id": "d3f4301d-7c4a-ed21-8251-50473ab0c628", "alpha": 1, "angle": 0, "userData": { "name": "pulseline_top" }, "cssClass": "shape_designer_figure_ExtLine", "stroke": 1, "color": "#000000", "outlineStroke": 0, "outlineColor": "none", "policy": "draw2d.policy.line.VertexSelectionFeedbackPolicy", "vertex": [ { "x": 7962.002237499999, "y": 7985.276879999998 }, { "x": 7969.309437499999, "y": 7985.276879999998 }, { "x": 7969.309437499998, "y": 7971.506239999997 }, { "x": 7999.2756775, "y": 7971.833919999997 }, { "x": 7999.2756775, "y": 7984.492499999998 }, { "x": 8033.065577499999, "y": 7984.820179999997 } ], "router": "draw2d.layout.connection.VertexRouter", "radius": 2, "filters": [ { "name": "shape_designer.filter.StrokeFilter" }, { "name": "shape_designer.filter.RadiusFilter" } ] }, { "type": "shape_designer.figure.ExtLine", "id": "67f7e37e-c165-3c63-63e0-b47dc000ed8f", "alpha": 1, "angle": 0, "userData": { "name": "pulseline_bottom" }, "cssClass": "shape_designer_figure_ExtLine", "stroke": 1, "color": "#000000", "outlineStroke": 0, "outlineColor": "none", "policy": "draw2d.policy.line.VertexSelectionFeedbackPolicy", "vertex": [ { "x": 7961.103997499997, "y": 8024.694799999996 }, { "x": 7993.642557499998, "y": 8024.694799999996 }, { "x": 7993.642557499998, "y": 8011.907199999996 }, { "x": 8023.608797499997, "y": 8011.579519999996 }, { "x": 8023.608797499997, "y": 8024.238099999996 }, { "x": 8036.754857499996, "y": 8024.238099999995 } ], "router": "draw2d.layout.connection.VertexRouter", "radius": 2, "filters": [ { "name": "shape_designer.filter.StrokeFilter" }, { "name": "shape_designer.filter.RadiusFilter" } ] }, { "type": "shape_designer.figure.ExtLine", "id": "cb143409-9709-4790-4652-c8bad2c0e4ef", "alpha": 1, "angle": 0, "userData": { "name": "Line" }, "cssClass": "shape_designer_figure_ExtLine", "stroke": 2, "color": "#FF0569", "outlineStroke": 0, "outlineColor": "none", "policy": "draw2d.policy.line.VertexSelectionFeedbackPolicy", "vertex": [ { "x": 7969.086228750001, "y": 7999.345013999995 }, { "x": 7969.4139087500025, "y": 8007.930230000003 } ], "router": "draw2d.layout.connection.VertexRouter", "radius": "", "filters": [ { "name": "shape_designer.filter.StrokeFilter" } ] }, { "type": "shape_designer.figure.ExtLine", "id": "81ff2cc0-a962-2fcd-861e-3d9671384541", "alpha": 1, "angle": 0, "userData": { "name": "Line" }, "cssClass": "shape_designer_figure_ExtLine", "stroke": 2, "color": "#FF0569", "outlineStroke": 0, "outlineColor": "none", "policy": "draw2d.policy.line.VertexSelectionFeedbackPolicy", "vertex": [ { "x": 7991.252628750002, "y": 8003.50095 }, { "x": 7988.38542875, "y": 8007.728022 } ], "router": "draw2d.layout.connection.VertexRouter", "radius": "", "filters": [ { "name": "shape_designer.filter.StrokeFilter" } ] }, { "type": "shape_designer.figure.ExtLine", "id": "68fbd21e-7171-5729-773d-887407bf5c72", "alpha": 1, "angle": 0, "userData": { "name": "Line" }, "cssClass": "shape_designer_figure_ExtLine", "stroke": 2, "color": "#FF0569", "outlineStroke": 0, "outlineColor": "none", "policy": "draw2d.policy.line.VertexSelectionFeedbackPolicy", "vertex": [ { "x": 7987.601300750001, "y": 7999.998645999998 }, { "x": 7991.07470875, "y": 8003.373749999998 } ], "router": "draw2d.layout.connection.VertexRouter", "radius": "", "filters": [ { "name": "shape_designer.filter.StrokeFilter" } ] }, { "type": "shape_designer.figure.ExtLine", "id": "2c8a2e58-a4a1-1a9f-3db4-173a42aa8d6f", "alpha": 1, "angle": 0, "userData": { "name": "Line" }, "cssClass": "shape_designer_figure_ExtLine", "stroke": 2, "color": "#FF0569", "outlineStroke": 0, "outlineColor": "none", "policy": "draw2d.policy.line.VertexSelectionFeedbackPolicy", "vertex": [ { "x": 7969.171028750003, "y": 8003.667670000003 }, { "x": 7991.125588750001, "y": 8003.995350000001 } ], "router": "draw2d.layout.connection.VertexRouter", "radius": "", "filters": [ { "name": "shape_designer.filter.StrokeFilter" } ] } ], "image": "data:image/png;base64,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" }