{ "information": { "Title": "Vector Addition", "Author": [ "Chia Yi" ], "AuthorLogo": [ "" ], "Password": "unused", "Keywords": "", "Abstract": "", "Copyright": "", "Level": "", "Language": "", "Logo": [ "./logo3.png" ], "RunAlways": "true", "ModelTab": "", "ModelTabTitle": "", "ModelName": "", "FixedNavigationBar": "false", "CSSFile": "", "DetectedFiles": [ "./logo3.png" ], "AuxiliaryFiles": [ "./logo3.png" ], "HTMLHead": "", "SaveInXMLFormat": "false", "IncludeSource": "true", "UseIndexHtml": "false", "IncludeLibrary": "true", "UglifyJS": "false", "PreviewFullModel": "false", "UseInterpreter": "true", "UseDeltaForODE": "false" }, "description": { "pages": [] }, "model": { "variables": { "pages": [ { "Name": "Vectors", "Active": "true", "Internal": "false", "Type": "undefined", "PageComment": "", "Variables": [ { "Name": "", "Value": "", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "V1xCoord", "Value": "3", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "V1yCoord", "Value": "1", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "V2xCoord", "Value": "-1", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "V2yCoord", "Value": "4", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "VRxCoord", "Value": "0", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "VRyCoord", "Value": "0", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "", "Value": "", "Type": "", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "", "Value": "", "Type": "", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "", "Value": "", "Type": "", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "", "Value": "", "Type": "", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "", "Value": "", "Type": "", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "", "Value": "", "Type": "", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "", "Value": "", "Type": "", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "", "Value": "", "Type": "", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "", "Value": "", "Type": "", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "", "Value": "", "Type": "", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "", "Value": "", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" } ] }, { "Name": "ControlView", "Active": "true", "Internal": "false", "Type": "VARIABLE_EDITOR", "PageComment": "", "Variables": [ { "Name": "V1visible", "Value": "true", "Type": "boolean", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "V2visible", "Value": "true", "Type": "boolean", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "VRvisible", "Value": "true", "Type": "boolean", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "EditV1", "Value": "true", "Type": "boolean", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "EditV2", "Value": "false", "Type": "boolean", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "V1dotvisible", "Value": "false", "Type": "boolean", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "V2dotvisible", "Value": "false", "Type": "boolean", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "", "Value": "", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" } ] }, { "Name": "Magnitudes", "Active": "true", "Internal": "false", "Type": "VARIABLE_EDITOR", "PageComment": "", "Variables": [ { "Name": "V1Mag", "Value": "0", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "V2Mag", "Value": "0", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "VRMag", "Value": "0", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "Angle", "Value": "0", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "", "Value": "", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" } ] } ] }, "initialization": { "pages": [] }, "evolution": { "information": { "FPS": "20", "SPD": "1", "RealTimeVariable": "", "Autoplay": "true" }, "pages": [] }, "fixed_relations": { "pages": [ { "Name": "Calculation", "Active": "true", "Internal": "false", "Type": "undefined", "Comment": "", "Code": "// Calculation of VR\nVRxCoord = V1xCoord + V2xCoord;\nVRyCoord = V1yCoord + V2yCoord;\n\n// Calculation of magnitude\nV1Mag = (Math.round(Math.sqrt(V1xCoord*V1xCoord + V1yCoord*V1yCoord)*10))/10;\nV2Mag = (Math.round(Math.sqrt(V2xCoord*V2xCoord + V2yCoord*V2yCoord)*10))/10;\nVRMag = (Math.round(Math.sqrt(VRxCoord*VRxCoord + VRyCoord*VRyCoord)*10))/10;\n\n// Calculation of angle\n//Angle = ((Math.atan(V2yCoord/V2xCoord) - Math.atan(V1yCoord/V1xCoord))/Math.pi())*180;" } ] }, "custom": { "pages": [ { "Name": "AdjustVector", "Active": "true", "Internal": "false", "Type": "undefined", "Comment": "", "Code": "// Adjust Vector2 for the Triangle Method \nfunction changevector(point) {\n V2xCoord = point[0] - V1xCoord;\n V2yCoord = point[1] - V1yCoord;\n }" }, { "Name": "CalcAngle", "Active": "true", "Internal": "false", "Type": "CODE_EDITOR", "Comment": "", "Code": "// CalcAngle\n" } ] }, "elements": { "list": [] } }, "view": { "Tree": [ { "Name": "singlePlotPanel", "Type": "Panel", "Expanded": "true", "Properties": [ { "name": "Width", "value": "\"100%\"" } ], "Children": [ { "Name": "topLabel", "Type": "Label", "Properties": [ { "name": "Text", "value": "\"Addition of Two Vectors by a Graphical Method\"" }, { "name": "Font", "value": "\"normal bold medium Arial, Helvetica, sans-serif\"" } ] }, { "Name": "labelPanel", "Type": "Panel", "Expanded": "true", "Properties": [], "Children": [ { "Name": "drawingPanel_Parallelogram", "Type": "DrawingPanel", "Expanded": "true", "Properties": [ { "name": "MinimumX", "value": "-10" }, { "name": "MaximumX", "value": "10" }, { "name": "MinimumY", "value": "-10" }, { "name": "MaximumY", "value": "10" }, { "name": "Width", "value": "\"50%\"" }, { "name": "Height", "value": "400" }, { "name": "Enabled", "value": "true" }, { "name": "BRMessage", "value": "\"Drag the vectors to reposition\"" } ], "Children": [ { "Name": "arrowV1_", "Type": "Arrow2D", "Properties": [ { "name": "Visibility", "value": "V1visible" }, { "name": "SizeX", "value": "V1xCoord" }, { "name": "SizeY", "value": "V1yCoord" }, { "name": "X", "value": "0" }, { "name": "Y", "value": "0" }, { "name": "LineColor", "value": "\"Green\"" }, { "name": "LineWidth", "value": "2" } ] }, { "Name": "dotDragV1_", "Type": "Shape2D", "Properties": [ { "name": "X", "value": "V1xCoord" }, { "name": "Y", "value": "V1yCoord" }, { "name": "SizeX", "value": "5" }, { "name": "SizeY", "value": "5" }, { "name": "PixelSize", "value": "true" }, { "name": "EnabledPosition", "value": "\"ENABLED_ANY\"" }, { "name": "FillColor", "value": "\"Green\"" } ] }, { "Name": "arrowV2_", "Type": "Arrow2D", "Properties": [ { "name": "X", "value": "0" }, { "name": "Y", "value": "0" }, { "name": "SizeX", "value": "V2xCoord" }, { "name": "SizeY", "value": "V2yCoord" }, { "name": "LineColor", "value": "\"Blue\"" }, { "name": "LineWidth", "value": "2" }, { "name": "Visibility", "value": "V2visible" } ] }, { "Name": "dotDragV2_", "Type": "Shape2D", "Properties": [ { "name": "X", "value": "V2xCoord" }, { "name": "Y", "value": "V2yCoord" }, { "name": "SizeX", "value": "5" }, { "name": "SizeY", "value": "5" }, { "name": "PixelSize", "value": "true" }, { "name": "EnabledPosition", "value": "\"ENABLED_ANY\"" }, { "name": "FillColor", "value": "\"Blue\"" } ] }, { "Name": "arrowVR_2", "Type": "Arrow2D", "Properties": [ { "name": "X", "value": "0" }, { "name": "Y", "value": "0" }, { "name": "SizeX", "value": "VRxCoord" }, { "name": "SizeY", "value": "VRyCoord" }, { "name": "LineWidth", "value": "3" }, { "name": "Visibility", "value": "VRvisible" } ] }, { "Name": "textParallel", "Type": "Text2D", "Properties": [ { "name": "Text", "value": "\"Parallelogram Method\"" }, { "name": "X", "value": "0" }, { "name": "Y", "value": "9.5" }, { "name": "FontSize", "value": "16" } ] }, { "Name": "dottedlineV1_2", "Type": "Segment2D", "Properties": [ { "name": "X", "value": "V2xCoord" }, { "name": "Y", "value": "V2yCoord" }, { "name": "LineWidth", "value": "1" }, { "name": "LineColor", "value": "\"Green\"" }, { "name": "SizeX", "value": "V1xCoord" }, { "name": "SizeY", "value": "V1yCoord" }, { "name": "Attributes", "value": "{ \"stroke-dasharray\":\"4 4 4 4\" }" }, { "name": "Visibility", "value": "V1dotvisible" } ] }, { "Name": "dottedlineV1_2_2", "Type": "Segment2D", "Properties": [ { "name": "X", "value": "V1xCoord" }, { "name": "Y", "value": "V1yCoord" }, { "name": "LineWidth", "value": "1" }, { "name": "LineColor", "value": "\"Blue\"" }, { "name": "SizeX", "value": "V2xCoord" }, { "name": "SizeY", "value": "V2yCoord" }, { "name": "Attributes", "value": "{ \"stroke-dasharray\":\"4 4 4 4\" }" }, { "name": "Visibility", "value": "V2dotvisible" } ] }, { "Name": "textV1Mag", "Type": "Text2D", "Properties": [ { "name": "Text", "value": "V1Mag" }, { "name": "X", "value": "1+V1xCoord*0.5" }, { "name": "Y", "value": "V1yCoord*0.5" }, { "name": "FontSize", "value": "12" }, { "name": "FillColor", "value": "\"Green\"" } ] }, { "Name": "textV2Mag", "Type": "Text2D", "Properties": [ { "name": "Text", "value": "V2Mag" }, { "name": "X", "value": "1+V2xCoord*0.5" }, { "name": "Y", "value": "V2yCoord*0.5" }, { "name": "FontSize", "value": "12" }, { "name": "FillColor", "value": "\"Blue\"" } ] }, { "Name": "textVRMag", "Type": "Text2D", "Properties": [ { "name": "Text", "value": "VRMag" }, { "name": "X", "value": "1+VRxCoord*0.5" }, { "name": "Y", "value": "VRyCoord*0.5" }, { "name": "FontSize", "value": "12" }, { "name": "FillColor", "value": "\"Green\"" }, { "name": "Visibility", "value": "VRvisible" } ] }, { "Name": "textAngle", "Type": "Text2D", "Properties": [ { "name": "Text", "value": "Angle" }, { "name": "X", "value": "(V1xCoord+V2xCoord)/2" }, { "name": "Y", "value": "(V1yCoord+V2yCoord)/2" }, { "name": "FontSize", "value": "12" }, { "name": "Visibility", "value": "false" } ] } ] }, { "Name": "drawingPanelTriangle", "Type": "DrawingPanel", "Expanded": "false", "Properties": [ { "name": "Height", "value": "400" }, { "name": "Width", "value": "\"50%\"" }, { "name": "MinimumX", "value": "-10" }, { "name": "MaximumX", "value": "10" }, { "name": "MinimumY", "value": "-10" }, { "name": "MaximumY", "value": "10" }, { "name": "ScaleXType", "value": "\"SCALE_NUM\"" }, { "name": "ScaleYType", "value": "\"SCALE_NUM\"" }, { "name": "Enabled", "value": "true" }, { "name": "BRMessage", "value": "\"Drag the vectors to reposition\"" } ], "Children": [ { "Name": "textTriangle", "Type": "Text2D", "Properties": [ { "name": "Text", "value": "\"Triangle / Tip to Tail Method\"" }, { "name": "X", "value": "0" }, { "name": "Y", "value": "9.5" }, { "name": "FontSize", "value": "16" } ] }, { "Name": "arrowV1", "Type": "Arrow2D", "Properties": [ { "name": "Visibility", "value": "V1visible" }, { "name": "SizeX", "value": "V1xCoord" }, { "name": "SizeY", "value": "V1yCoord" }, { "name": "X", "value": "0" }, { "name": "Y", "value": "0" }, { "name": "LineColor", "value": "\"Green\"" }, { "name": "LineWidth", "value": "2" } ] }, { "Name": "dotDragV1", "Type": "Shape2D", "Properties": [ { "name": "X", "value": "V1xCoord" }, { "name": "Y", "value": "V1yCoord" }, { "name": "SizeX", "value": "5" }, { "name": "SizeY", "value": "5" }, { "name": "PixelSize", "value": "true" }, { "name": "EnabledPosition", "value": "\"ENABLED_ANY\"" }, { "name": "FillColor", "value": "\"Green\"" } ] }, { "Name": "arrowV2", "Type": "Arrow2D", "Properties": [ { "name": "X", "value": "V1xCoord" }, { "name": "Y", "value": "V1yCoord" }, { "name": "SizeX", "value": "V2xCoord" }, { "name": "SizeY", "value": "V2yCoord" }, { "name": "LineColor", "value": "\"Blue\"" }, { "name": "LineWidth", "value": "2" } ] }, { "Name": "dotDragV2", "Type": "Shape2D", "Properties": [ { "name": "X", "value": "V1xCoord+V2xCoord" }, { "name": "Y", "value": "V1yCoord+V2yCoord" }, { "name": "SizeX", "value": "5" }, { "name": "SizeY", "value": "5" }, { "name": "PixelSize", "value": "true" }, { "name": "EnabledPosition", "value": "\"ENABLED_ANY\"" }, { "name": "FillColor", "value": "\"Blue\"" }, { "name": "OnDrag", "value": "%changevector%" } ] }, { "Name": "arrowVR", "Type": "Arrow2D", "Properties": [ { "name": "X", "value": "0" }, { "name": "Y", "value": "0" }, { "name": "SizeX", "value": "VRxCoord" }, { "name": "SizeY", "value": "VRyCoord" }, { "name": "LineWidth", "value": "3" }, { "name": "Visibility", "value": "VRvisible" } ] }, { "Name": "textV1Mag_2", "Type": "Text2D", "Properties": [ { "name": "Text", "value": "V1Mag" }, { "name": "X", "value": "1+V1xCoord*0.5" }, { "name": "Y", "value": "V1yCoord*0.5" }, { "name": "FontSize", "value": "12" }, { "name": "FillColor", "value": "\"Green\"" } ] }, { "Name": "textV2Mag_2", "Type": "Text2D", "Properties": [ { "name": "Text", "value": "V2Mag" }, { "name": "X", "value": "1+V1xCoord+V2xCoord*0.5" }, { "name": "Y", "value": "V1yCoord+V2yCoord*0.5" }, { "name": "FontSize", "value": "12" }, { "name": "FillColor", "value": "\"Blue\"" } ] }, { "Name": "textVRMag_2", "Type": "Text2D", "Properties": [ { "name": "Text", "value": "VRMag" }, { "name": "X", "value": "1+VRxCoord*0.5" }, { "name": "Y", "value": "VRyCoord*0.5" }, { "name": "FontSize", "value": "12" }, { "name": "FillColor", "value": "\"Green\"" }, { "name": "Visibility", "value": "VRvisible" } ] } ] }, { "Name": "controlPanel_V1", "Type": "Panel", "Expanded": "false", "Properties": [ { "name": "CSS", "value": "{\"display\":\"block\"}" }, { "name": "BorderStyle", "value": "\"solid\"" }, { "name": "BorderColor", "value": "\"Gray\"" }, { "name": "BorderWidth", "value": "1" }, { "name": "Width", "value": "\"100%\"" } ], "Children": [ { "Name": "checkBoxV1", "Type": "CheckBox", "Properties": [ { "name": "Text", "value": "\"Show Vector 1 (green)\"" }, { "name": "OnCheckOn", "value": "%_update%" }, { "name": "OnCheckOff", "value": "%_update%" }, { "name": "Checked", "value": "V1visible" }, { "name": "Foreground", "value": "\"Green\"" }, { "name": "Background", "value": "\"#9bff80\"" } ] }, { "Name": "checkBoxV1dottedvisible", "Type": "CheckBox", "Properties": [ { "name": "Text", "value": "\"Show parallelogram method working for Vector 1 (green)\"" }, { "name": "OnCheckOn", "value": "%_update%" }, { "name": "OnCheckOff", "value": "%_update%" }, { "name": "Checked", "value": "V1dotvisible" }, { "name": "Background", "value": "\"#9bff80\"" }, { "name": "Foreground", "value": "\"Green\"" } ] } ] }, { "Name": "controlPanel_V2", "Type": "Panel", "Expanded": "false", "Properties": [ { "name": "CSS", "value": "{\"display\":\"block\"}" }, { "name": "BorderStyle", "value": "\"solid\"" }, { "name": "BorderColor", "value": "\"Gray\"" }, { "name": "BorderWidth", "value": "1" }, { "name": "Width", "value": "\"100%\"" } ], "Children": [ { "Name": "checkBoxV2", "Type": "CheckBox", "Properties": [ { "name": "Text", "value": "\"Show Vector 2 (blue)\"" }, { "name": "OnCheckOn", "value": "%_update%" }, { "name": "OnCheckOff", "value": "%_update%" }, { "name": "Checked", "value": "V2visible" }, { "name": "Foreground", "value": "\"Blue\"" }, { "name": "Background", "value": "\"rgb(200,220,208)\"" } ] }, { "Name": "checkBoxV2dottedvisible", "Type": "CheckBox", "Properties": [ { "name": "Text", "value": "\"Show parallelogram method working for Vector 2 (blue)\"" }, { "name": "OnCheckOn", "value": "%_update%" }, { "name": "OnCheckOff", "value": "%_update%" }, { "name": "Checked", "value": "V2dotvisible" }, { "name": "Background", "value": "\"rgb(200,220,208)\"" }, { "name": "Foreground", "value": "\"Blue\"" } ] } ] }, { "Name": "controlPanel_VR", "Type": "Panel", "Expanded": "false", "Properties": [ { "name": "CSS", "value": "{\"display\":\"block\"}" }, { "name": "BorderStyle", "value": "\"solid\"" }, { "name": "BorderColor", "value": "\"Gray\"" }, { "name": "BorderWidth", "value": "1" }, { "name": "Width", "value": "\"100%\"" } ], "Children": [ { "Name": "checkBoxVR", "Type": "CheckBox", "Properties": [ { "name": "Text", "value": "\"Show Resultant Vector (black)\"" }, { "name": "OnCheckOn", "value": "%_update%" }, { "name": "OnCheckOff", "value": "%_update%" }, { "name": "Checked", "value": "VRvisible" }, { "name": "Background", "value": "\"LightGray\"" }, { "name": "Foreground", "value": "\"Black\"" } ] } ] } ] }, { "Name": "narrativePanel", "Type": "Panel", "Properties": [] } ] } ], "RootProperties": [] }, "metadata": { "APP": "WebEJS", "CreatedWith": "WebEJS : the web version of Easy JavaScript Simulations", "MoreInfo": "1.0", "version": "https://t.um.es/webejs" } }