=x1) {\n r = Math.sqrt((x-xc)*(x-xc)+(y-yc)*(y-yc));\n rtop = Math.sqrt((x-xctop)*(x-xctop)+(y-yctop)*(y-yctop));\n zsum[j][k] += Math.sin(kw*r-omega*t)+Math.sin(kw*rtop-omega*t);\n }\n }\n }\n}"
},
{
"Name": "calculate P",
"Active": "true",
"Internal": "false",
"Type": "CODE_EDITOR",
"Comment": "",
"Code": "L1 = Math.sqrt((xpoint-x1)*(xpoint-x1)+(ypoint-ycentre1)*(ypoint-ycentre1))/wavelength;\nL2 = Math.sqrt((xpoint-x1)*(xpoint-x1)+(ypoint-ycentre2)*(ypoint-ycentre2))/wavelength;\ndeltaL = Math.abs(L1-L2);\n\n//calculation for dseparation\n\ndseparation = ycentre2*2;"
}
]
},
"custom": {
"pages": [
{
"Name": "fullscreen",
"Active": "true",
"Internal": "false",
"Type": "LIBRARY_EDITOR",
"Comment": "",
"Code": "//https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode\n// does not work for iOS \n/*jslint browser:true */\nfunction toggleFullScreen() {\n if (!document.fullscreenElement && // alternative standard method\n !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement ) { // current working methods\n if (document.documentElement.requestFullscreen) {\n document.documentElement.requestFullscreen();\n } else if (document.documentElement.msRequestFullscreen) {\n document.documentElement.msRequestFullscreen();\n } else if (document.documentElement.mozRequestFullScreen) {\n document.documentElement.mozRequestFullScreen();\n } else if (document.documentElement.webkitRequestFullscreen) {\n document.documentElement.webkitRequestFullscreen();\n }\n } else {\n if (document.exitFullscreen) {\n document.exitFullscreen();\n } else if (document.msExitFullscreen) {\n document.msExitFullscreen();\n } else if (document.mozCancelFullScreen) {\n document.mozCancelFullScreen();\n } else if (document.webkitExitFullscreen) {\n document.webkitExitFullscreen();\n }\n }\n}"
},
{
"Name": "ParameterDisplay",
"Active": "true",
"Internal": "false",
"Type": "LIBRARY_EDITOR",
"Comment": "",
"Code": "function setParameterDisplay (showdisplay) {\n // dtext = \"t = \" + _view._format(t, \"0.00\") + \"s \";\n if (showdisplay) {\n dtext = \", S1P = \" + _view._format(L1, \"0.##\") + \"\u03bb, \" + //Path length S1P\n \"S2P = \" + _view._format(L2, \"0.##\") + \"\u03bb, \" + //Path length S2P\n \"S1P-S2P =\" + _view._format(deltaL, \"0.##\") + \"\u03bb \"; //Path Difference S1P-S2P\n } else {\n dtext = \"\"; \n }\n}"
}
]
},
"elements": {
"list": []
}
},
"view": {
"Tree": [
{
"Name": "fullscreen",
"Type": "Panel",
"Expanded": "true",
"Properties": [
{
"name": "Height",
"value": "Height"
},
{
"name": "Width",
"value": "Width"
}
],
"Children": [
{
"Name": "controlPanel",
"Type": "Panel",
"Expanded": "true",
"Properties": [
{
"name": "Font",
"value": "font"
}
],
"Children": [
{
"Name": "sideviewPCheckBox",
"Type": "CheckBox",
"Properties": [
{
"name": "Checked",
"value": "pboolean"
},
{
"name": "Background",
"value": "\"blue\""
},
{
"name": "Tooltip",
"value": "\"side view of position P\""
},
{
"name": "Foreground",
"value": "\"white\""
},
{
"name": "OnChange",
"value": "setParameterDisplay(pboolean);"
},
{
"name": "Text",
"value": "\"show path difference of position P\""
}
]
},
{
"Name": "npanel",
"Type": "Panel",
"Expanded": "true",
"Properties": [
{
"name": "Background",
"value": "\"RED\""
},
{
"name": "Foreground",
"value": "\"WHITE\""
},
{
"name": "Display",
"value": "\"inline-block\""
}
],
"Children": [
{
"Name": "nCheckBox",
"Type": "CheckBox",
"Properties": [
{
"name": "Checked",
"value": "nshow"
},
{
"name": "Tooltip",
"value": "\"number of sources after the slit\""
},
{
"name": "Text",
"value": "\"n = \""
}
]
},
{
"Name": "nLabel",
"Type": "Label",
"Properties": [
{
"name": "Tooltip",
"value": "\"number of sources after the slit\""
},
{
"name": "Text",
"value": "\"n = \""
},
{
"name": "Display",
"value": "\"none\""
}
]
},
{
"Name": "nSlider",
"Type": "Slider",
"Properties": [
{
"name": "Minimum",
"value": "1"
},
{
"name": "Maximum",
"value": "10"
},
{
"name": "Format",
"value": "\"0\""
},
{
"name": "Tooltip",
"value": "\"number of sources after the slit\""
},
{
"name": "Value",
"value": "ns"
},
{
"name": "OnChange",
"value": "zmax=ns;\n_initialize();"
}
]
},
{
"Name": "nField",
"Type": "ParsedField",
"Properties": [
{
"name": "Format",
"value": "\"0\""
},
{
"name": "Tooltip",
"value": "\"number of sources after the slit\""
},
{
"name": "Value",
"value": "ns"
},
{
"name": "OnChange",
"value": "ns = Math.max(1, ns);\nns = Math.min(10, ns);\n\nzmax=ns;\n_initialize();"
},
{
"name": "Width",
"value": "\"5vw\""
}
]
}
]
},
{
"Name": "wavelengthpanel",
"Type": "Panel",
"Expanded": "false",
"Properties": [
{
"name": "Background",
"value": "\"Blue\""
},
{
"name": "Foreground",
"value": "\"WHITE\""
},
{
"name": "Display",
"value": "\"inline-block\""
}
],
"Children": [
{
"Name": "wavelengthCheckBox",
"Type": "CheckBox",
"Properties": [
{
"name": "Checked",
"value": "wavelengtharrow"
},
{
"name": "Tooltip",
"value": "\"wavelength \u03bb\""
},
{
"name": "Foreground",
"value": "\"WHITE\""
},
{
"name": "Text",
"value": "\"\u03bb = \""
}
]
},
{
"Name": "wavelengthLabel",
"Type": "Label",
"Properties": [
{
"name": "Tooltip",
"value": "\"wavelength \u03bb\""
},
{
"name": "Foreground",
"value": "\"WHITE\""
},
{
"name": "Text",
"value": "\"\u03bb = \""
},
{
"name": "Display",
"value": "\"none\""
}
]
},
{
"Name": "wavelengthSlider",
"Type": "Slider",
"Properties": [
{
"name": "Minimum",
"value": "size"
},
{
"name": "Maximum",
"value": "size*5"
},
{
"name": "Format",
"value": "\"0.00\""
},
{
"name": "Tooltip",
"value": "\"wavelength \u03bb\""
},
{
"name": "Value",
"value": "wavelength"
},
{
"name": "OnChange",
"value": "_initialize()"
},
{
"name": "Foreground",
"value": "\"WHITE\""
}
]
},
{
"Name": "wavelengthField",
"Type": "ParsedField",
"Properties": [
{
"name": "Format",
"value": "\"0.00\""
},
{
"name": "Tooltip",
"value": "\"wavelength \u03bb\""
},
{
"name": "Value",
"value": "wavelength"
},
{
"name": "OnChange",
"value": "wavelength = Math.max(size, wavelength);\nwavelength = Math.min(size*5, wavelength);\n\n_initialize();\n"
},
{
"name": "Width",
"value": "\"5vw\""
}
]
},
{
"Name": "wavelengthUnitLabel",
"Type": "Label",
"Properties": [
{
"name": "Tooltip",
"value": "\"wavelength \u03bb\""
},
{
"name": "Foreground",
"value": "\"WHITE\""
},
{
"name": "Text",
"value": "\"m\""
}
]
}
]
},
{
"Name": "slitpanel",
"Type": "Panel",
"Expanded": "true",
"Properties": [
{
"name": "Background",
"value": "\"GREEN\""
},
{
"name": "Foreground",
"value": "\"WHITE\""
},
{
"name": "Display",
"value": "\"inline-block\""
}
],
"Children": [
{
"Name": "slitshowCheckBox",
"Type": "CheckBox",
"Properties": [
{
"name": "Checked",
"value": "slitshow"
},
{
"name": "Tooltip",
"value": "\"slit width w, for simulation to be realistic, w <= \u03bb*n\""
},
{
"name": "Foreground",
"value": "\"WHITE\""
},
{
"name": "Text",
"value": "\"w = \""
}
]
},
{
"Name": "slitwidthLabel",
"Type": "Label",
"Properties": [
{
"name": "Tooltip",
"value": "\"slit width w, for simulation to be realistic, w <= \u03bb*n\""
},
{
"name": "Text",
"value": "\"w = \""
},
{
"name": "Display",
"value": "\"none\""
}
]
},
{
"Name": "slitwidthSlider",
"Type": "Slider",
"Properties": [
{
"name": "Minimum",
"value": "size"
},
{
"name": "Maximum",
"value": "size*10"
},
{
"name": "Format",
"value": "\"0.00\""
},
{
"name": "Tooltip",
"value": "\"slit width w, for simulation to be realistic, w <= \u03bb*n\""
},
{
"name": "Value",
"value": "w"
},
{
"name": "OnChange",
"value": "_initialize()"
}
]
},
{
"Name": "slitwidthField",
"Type": "ParsedField",
"Properties": [
{
"name": "Format",
"value": "\"0.00\""
},
{
"name": "Tooltip",
"value": "\"slit width w, for simulation to be realistic, w <= \u03bb*n\""
},
{
"name": "Value",
"value": "w"
},
{
"name": "OnChange",
"value": "w = Math.max(size, w);\nw = Math.min(size*10, w);\n\n_initialize();"
},
{
"name": "Width",
"value": "\"5vw\""
}
]
},
{
"Name": "slitwidthUnitLabel",
"Type": "Label",
"Properties": [
{
"name": "Tooltip",
"value": "\"slit width w, for simulation to be realistic, w <= \u03bb*n\""
},
{
"name": "Foreground",
"value": "\"WHITE\""
},
{
"name": "Text",
"value": "\"m\""
}
]
}
]
},
{
"Name": "desperationpanel",
"Type": "Panel",
"Expanded": "true",
"Properties": [
{
"name": "Background",
"value": "\"Orange\""
},
{
"name": "Display",
"value": "\"inline-block\""
}
],
"Children": [
{
"Name": "dseparationCheckBox",
"Type": "CheckBox",
"Properties": [
{
"name": "Checked",
"value": "dseparationshow"
},
{
"name": "Tooltip",
"value": "\"d separation of the 2 slits\""
},
{
"name": "Foreground",
"value": "\"black\""
},
{
"name": "Text",
"value": "\"d = \""
}
]
},
{
"Name": "dseparationLabel",
"Type": "Label",
"Properties": [
{
"name": "Tooltip",
"value": "\"d separation of the 2 slits\""
},
{
"name": "Text",
"value": "\"d = \""
},
{
"name": "Display",
"value": "\"none\""
}
]
},
{
"Name": "dseparationSlider",
"Type": "Slider",
"Properties": [
{
"name": "Minimum",
"value": "0"
},
{
"name": "Maximum",
"value": "(ymax-w/2)*2"
},
{
"name": "Format",
"value": "\"0.00\""
},
{
"name": "Tooltip",
"value": "\"d separation of the 2 slits\""
},
{
"name": "Value",
"value": "dseparation"
},
{
"name": "OnChange",
"value": "ycentre2= dseparation/2;\nycentre1=-ycentre2; // make slider control even\n\n//_initialize();\nzmax=ns;\n_initialize();"
}
]
},
{
"Name": "dseparationField",
"Type": "ParsedField",
"Properties": [
{
"name": "Format",
"value": "\"0.00\""
},
{
"name": "Tooltip",
"value": "\"d separation of the 2 slits\""
},
{
"name": "Value",
"value": "dseparation"
},
{
"name": "OnChange",
"value": "dseparation = Math.max(0, dseparation);\ndseparation = Math.min((ymax-w/2)*2, dseparation);\n\nycentre2= dseparation/2;\nycentre1=-ycentre2; // make slider control even\n\n_initialize();"
},
{
"name": "Width",
"value": "\"5vw\""
}
]
},
{
"Name": "dseparationUnitLabel",
"Type": "Label",
"Properties": [
{
"name": "Tooltip",
"value": "\"d separation of the 2 slits\""
},
{
"name": "Foreground",
"value": "\"black\""
},
{
"name": "Text",
"value": "\"m\""
}
]
}
]
},
{
"Name": "autoscalepanel",
"Type": "Panel",
"Expanded": "false",
"Properties": [
{
"name": "BorderColor",
"value": "\"black\""
},
{
"name": "BorderWidth",
"value": "1"
},
{
"name": "Display",
"value": "\"none\""
}
],
"Children": [
{
"Name": "autoscaleCheckBox",
"Type": "CheckBox",
"Properties": [
{
"name": "Checked",
"value": "autoscale"
},
{
"name": "Text",
"value": "\"zmax = \""
}
]
},
{
"Name": "autoscaleLabel",
"Type": "Label",
"Properties": [
{
"name": "Text",
"value": "\"zmax = \""
},
{
"name": "Display",
"value": "\"none\""
}
]
},
{
"Name": "autoscaleSlider",
"Type": "Slider",
"Properties": [
{
"name": "Minimum",
"value": "0.1"
},
{
"name": "Maximum",
"value": "n*2"
},
{
"name": "Format",
"value": "\"0.0\""
},
{
"name": "Value",
"value": "zmax"
},
{
"name": "Disabled",
"value": "autoscale"
}
]
},
{
"Name": "autoscaleField",
"Type": "ParsedField",
"Properties": [
{
"name": "Format",
"value": "\"0.0\""
},
{
"name": "Value",
"value": "zmax"
},
{
"name": "Editable",
"value": "!autoscale"
},
{
"name": "OnChange",
"value": "zmax = Math.max(0.1, zmax);\nzmax = Math.min(n*2, zmax);\n"
},
{
"name": "Width",
"value": "\"30px\""
}
]
}
]
},
{
"Name": "tPanel",
"Type": "Panel",
"Expanded": "false",
"Properties": [
{
"name": "CSS",
"value": "\n{padding: \"5px\"}"
},
{
"name": "BorderColor",
"value": "\"black\""
},
{
"name": "BorderWidth",
"value": "1"
},
{
"name": "Display",
"value": "\"inline-block\""
}
],
"Children": [
{
"Name": "TLabel",
"Type": "Label",
"Properties": [
{
"name": "Tooltip",
"value": "\"period of wave\""
},
{
"name": "Text",
"value": "\"T =\""
}
]
},
{
"Name": "TSlider",
"Type": "Slider",
"Properties": [
{
"name": "Minimum",
"value": "0.2"
},
{
"name": "Maximum",
"value": "5"
},
{
"name": "Format",
"value": "\"0.0\""
},
{
"name": "Tooltip",
"value": "\"period of wave\""
},
{
"name": "Value",
"value": "T"
},
{
"name": "OnChange",
"value": "_initialize()"
}
]
},
{
"Name": "TField",
"Type": "ParsedField",
"Properties": [
{
"name": "Tooltip",
"value": "\"period of wave\""
},
{
"name": "Value",
"value": "T"
},
{
"name": "OnChange",
"value": "T = Math.max(0.2, T);\nT = Math.min(5, T);\n\n_initialize();\n"
},
{
"name": "Width",
"value": "\"5vw\""
}
]
},
{
"Name": "TUnitLabel",
"Type": "Label",
"Properties": [
{
"name": "Tooltip",
"value": "\"period of wave\""
},
{
"name": "Text",
"value": "\"s\""
}
]
}
]
},
{
"Name": "typepanel",
"Type": "Panel",
"Expanded": "false",
"Properties": [
{
"name": "CSS",
"value": "{padding: \"5px\"}"
},
{
"name": "BorderColor",
"value": "\"black\""
},
{
"name": "BorderWidth",
"value": "1"
},
{
"name": "Display",
"value": "\"none\""
}
],
"Children": [
{
"Name": "typeLabel",
"Type": "Label",
"Properties": [
{
"name": "Text",
"value": "\"type = \""
}
]
},
{
"Name": "typeSlider",
"Type": "Slider",
"Properties": [
{
"name": "Minimum",
"value": "0"
},
{
"name": "Maximum",
"value": "3"
},
{
"name": "Background",
"value": "\"colormode\""
},
{
"name": "Tooltip",
"value": "\"0 GRID, 1 INTERPOLATED; 2 CONTOUR, 3 SURFACE\""
},
{
"name": "Value",
"value": "type"
}
]
}
]
},
{
"Name": "colourpanel",
"Type": "Panel",
"Expanded": "false",
"Properties": [
{
"name": "CSS",
"value": "{padding: \"5px\"}"
},
{
"name": "BorderColor",
"value": "\"black\""
},
{
"name": "BorderWidth",
"value": "1"
},
{
"name": "Width",
"value": "\"30vw\""
},
{
"name": "Display",
"value": "\"inline-block\""
}
],
"Children": [
{
"Name": "colormodeLabel",
"Type": "Label",
"Properties": [
{
"name": "Background",
"value": "\"colormode\""
},
{
"name": "Tooltip",
"value": "\"0 SPECTRUM, 1 GREYSCALE; 2 DUALSHADE, 3 RED, 4 GREEN, 5 BLUE, 6 BLACK, 7 WIREFRAME, 8 NONRENDER, 9 REDBLUESHADE\""
},
{
"name": "Text",
"value": "\"color =\" + colorlist[colormode] "
}
]
},
{
"Name": "colormodeSlider",
"Type": "Slider",
"Properties": [
{
"name": "Minimum",
"value": "0"
},
{
"name": "Maximum",
"value": "9"
},
{
"name": "Background",
"value": "\"colormode\""
},
{
"name": "Tooltip",
"value": "\"0 SPECTRUM, 1 GREYSCALE; 2 DUALSHADE, 3 RED, 4 GREEN, 5 BLUE, 6 BLACK, 7 WIREFRAME, 8 NONRENDER, 9 REDBLUESHADE\""
},
{
"name": "Value",
"value": "colormode"
},
{
"name": "Step",
"value": "1"
}
]
}
]
},
{
"Name": "control",
"Type": "Panel",
"Expanded": "false",
"Properties": [
{
"name": "Display",
"value": "\"inline-block\""
}
],
"Children": [
{
"Name": "playpauseButton",
"Type": "TwoStateButton",
"Properties": [
{
"name": "OffClick",
"value": "_pause()"
},
{
"name": "TextOn",
"value": "\"\u25b6Play\""
},
{
"name": "State",
"value": "_isPaused"
},
{
"name": "TextOff",
"value": "\"\u275a\u275aPause\""
},
{
"name": "Height",
"value": "\"7.5vh\""
},
{
"name": "OnClick",
"value": "_play()"
},
{
"name": "Width",
"value": "\"15vw\""
},
{
"name": "Font",
"value": "font"
}
]
},
{
"Name": "stepButton",
"Type": "Button",
"Properties": [
{
"name": "OnRelease",
"value": "_step()"
},
{
"name": "Text",
"value": "\"|\u25baStep\""
},
{
"name": "Height",
"value": "\"7.5vh\""
},
{
"name": "Width",
"value": "\"15vw\""
},
{
"name": "Font",
"value": "font"
}
]
},
{
"Name": "resetButton",
"Type": "Button",
"Properties": [
{
"name": "OnRelease",
"value": "_reset()"
},
{
"name": "Text",
"value": "\"\u21bbReset\""
},
{
"name": "Height",
"value": "\"7.5vh\""
},
{
"name": "Width",
"value": "\"15vw\""
},
{
"name": "Font",
"value": "font"
}
]
},
{
"Name": "FullScreenButton",
"Type": "TwoStateButton",
"Properties": [
{
"name": "OffClick",
"value": "toggleFullScreen()"
},
{
"name": "TextOn",
"value": "\"FullScreen\""
},
{
"name": "TextOff",
"value": "\"exit FullScreen\""
},
{
"name": "Tooltip",
"value": "\"Fullscreen \""
},
{
"name": "Disabled",
"value": "_isPlaying"
},
{
"name": "Width",
"value": "\"20vw\""
},
{
"name": "OnClick",
"value": "toggleFullScreen()"
},
{
"name": "Display",
"value": "\"none\""
}
]
}
]
}
]
},
{
"Name": "displayPanel",
"Type": "Panel",
"Expanded": "true",
"Properties": [],
"Children": [
{
"Name": "drawingPanel",
"Type": "DrawingPanel",
"Expanded": "true",
"Properties": [
{
"name": "MinimumX",
"value": "xmin"
},
{
"name": "MinimumY",
"value": "ymin"
},
{
"name": "Background",
"value": "\"Black\""
},
{
"name": "AutoScaleY",
"value": "false"
},
{
"name": "AutoScaleX",
"value": "false"
},
{
"name": "Enabled",
"value": "true"
},
{
"name": "OnDoubleClick",
"value": "toggleFullScreen()"
},
{
"name": "SquareAspect",
"value": "true"
},
{
"name": "Width",
"value": "Width1"
},
{
"name": "MaximumY",
"value": "ymax"
},
{
"name": "MaximumX",
"value": "xmax"
},
{
"name": "TLMessage",
"value": "pboolean?\"S1P = \"+ L1.toFixed(2) + \" \u03bb\"+ \"\\nS2P = \"+ L2.toFixed(2) + \" \u03bb\"+ \"\\n S1P - S2P = \"+ (L1-L2).toFixed(2) + \" \u03bb\":\"Guess what is the path difference?\""
}
],
"Children": [
{
"Name": "scalarField",
"Type": "ScalarField2D",
"Properties": [
{
"name": "ZData",
"value": "zsum"
},
{
"name": "Palette",
"value": "colormode"
},
{
"name": "SizeX",
"value": "xmax-xmin"
},
{
"name": "MinimumZ",
"value": "0"
},
{
"name": "AutoUpdate",
"value": "true"
},
{
"name": "SizeY",
"value": "ymax-ymin"
},
{
"name": "MaximumZ",
"value": "zmax"
}
]
},
{
"Name": "yc",
"Type": "ShapeSet2D",
"Properties": [
{
"name": "NumberOfElements",
"value": "ns"
},
{
"name": "FillColor",
"value": "\"red\""
},
{
"name": "MovesGroup",
"value": "false"
},
{
"name": "SizeX",
"value": "size/2"
},
{
"name": "ShapeType",
"value": "\"ELLIPSE\""
},
{
"name": "X",
"value": "xc"
},
{
"name": "LineColor",
"value": "\"red\""
},
{
"name": "Y",
"value": "ycc"
},
{
"name": "Visibility",
"value": "nshow"
},
{
"name": "SizeY",
"value": "size/2"
}
]
},
{
"Name": "yctop",
"Type": "ShapeSet2D",
"Properties": [
{
"name": "NumberOfElements",
"value": "ns"
},
{
"name": "FillColor",
"value": "\"red\""
},
{
"name": "SizeX",
"value": "size/2"
},
{
"name": "ShapeType",
"value": "\"ELLIPSE\""
},
{
"name": "X",
"value": "xc"
},
{
"name": "LineColor",
"value": "\"red\""
},
{
"name": "Y",
"value": "ycctop"
},
{
"name": "Visibility",
"value": "nshow"
},
{
"name": "SizeY",
"value": "size/2"
}
]
},
{
"Name": "topslitTopSegment",
"Type": "Segment2D",
"Properties": [
{
"name": "SizeX",
"value": "0"
},
{
"name": "X",
"value": "x1"
},
{
"name": "LineColor",
"value": "\"Cyan\""
},
{
"name": "Y",
"value": "ycentre2+w/2"
},
{
"name": "SizeY",
"value": "ymax-w/2-ycentre2"
},
{
"name": "LineWidth",
"value": "stroke"
},
{
"name": "EnabledPosition",
"value": "\"ENABLED_X\""
}
]
},
{
"Name": "topslitBottomSegment_PURPOSEUNKNOWN",
"Type": "Segment2D",
"Properties": [
{
"name": "SizeX",
"value": "0"
},
{
"name": "X",
"value": "x1"
},
{
"name": "LineColor",
"value": "\"Cyan\""
},
{
"name": "SizeY",
"value": "(ycentre2-w/2)>0?ycentre2-w/2:0"
},
{
"name": "LineWidth",
"value": "stroke"
},
{
"name": "EnabledPosition",
"value": "\"ENABLED_X\""
},
{
"name": "OnDrag",
"value": "ycentre1=my;"
},
{
"name": "Offset",
"value": "\"SOUTH_WEST\""
},
{
"name": "Y",
"value": "0"
}
]
},
{
"Name": "bottomslitTopSegment_PURPOSEUNKNOWN",
"Type": "Segment2D",
"Properties": [
{
"name": "SizeX",
"value": "0"
},
{
"name": "X",
"value": "x1"
},
{
"name": "LineColor",
"value": "\"Cyan\""
},
{
"name": "Y",
"value": "0"
},
{
"name": "SizeY",
"value": "(ycentre1+w/2)<0?ycentre1+w/2:0"
},
{
"name": "LineWidth",
"value": "stroke"
},
{
"name": "EnabledPosition",
"value": "\"ENABLED_X\""
}
]
},
{
"Name": "bottomslitBottomSegment",
"Type": "Segment2D",
"Properties": [
{
"name": "SizeX",
"value": "0"
},
{
"name": "X",
"value": "x1"
},
{
"name": "LineColor",
"value": "\"Cyan\""
},
{
"name": "Y",
"value": "-w/2+ycentre1"
},
{
"name": "SizeY",
"value": "ymin+w/2-ycentre1"
},
{
"name": "LineWidth",
"value": "stroke"
},
{
"name": "EnabledPosition",
"value": "\"ENABLED_X\""
}
]
},
{
"Name": "topwavelength",
"Type": "Arrow2D",
"Properties": [
{
"name": "MarkEnd",
"value": "\"TRIANGLE\""
},
{
"name": "FillColor",
"value": "\"BLUE\""
},
{
"name": "SizeX",
"value": "-wavelength"
},
{
"name": "X",
"value": "x1arrow"
},
{
"name": "LineColor",
"value": "\"BLUE\""
},
{
"name": "Y",
"value": "y1arrow"
},
{
"name": "Visibility",
"value": "wavelengtharrow"
},
{
"name": "SizeY",
"value": "0"
},
{
"name": "EnabledPosition",
"value": "\"ENABLED_ANY\""
}
]
},
{
"Name": "bottomwavelength",
"Type": "Arrow2D",
"Properties": [
{
"name": "MarkEnd",
"value": "\"TRIANGLE\""
},
{
"name": "FillColor",
"value": "\"BLUE\""
},
{
"name": "SizeX",
"value": "wavelength"
},
{
"name": "X",
"value": "x1arrow-wavelength"
},
{
"name": "LineColor",
"value": "\"BLUE\""
},
{
"name": "Y",
"value": "y1arrow"
},
{
"name": "Visibility",
"value": "wavelengtharrow"
},
{
"name": "SizeY",
"value": "0"
},
{
"name": "EnabledPosition",
"value": "\"ENABLED_ANY\""
}
]
},
{
"Name": "topslitwidth",
"Type": "Arrow2D",
"Properties": [
{
"name": "FillColor",
"value": "\"GREEN\""
},
{
"name": "SizeX",
"value": "0"
},
{
"name": "X",
"value": "x1-size*2"
},
{
"name": "LineColor",
"value": "\"GREEN\""
},
{
"name": "Y",
"value": "ycentre2+w/2"
},
{
"name": "Visibility",
"value": "slitshow"
},
{
"name": "SizeY",
"value": "-w"
},
{
"name": "EnabledPosition",
"value": "\"ENABLED_ANY\""
},
{
"name": "LineWidth",
"value": "stroke/2"
},
{
"name": "Offset",
"value": "\"SOUTH_WEST\""
},
{
"name": "MarkEnd",
"value": "\"ANGLE\""
}
]
},
{
"Name": "bottomslitwidth",
"Type": "Arrow2D",
"Properties": [
{
"name": "FillColor",
"value": "\"GREEN\""
},
{
"name": "SizeX",
"value": "0"
},
{
"name": "X",
"value": "x1-size*2"
},
{
"name": "LineColor",
"value": "\"GREEN\""
},
{
"name": "Y",
"value": "ycentre1-w/2"
},
{
"name": "SizeY",
"value": "w"
},
{
"name": "EnabledPosition",
"value": "\"ENABLED_ANY\""
},
{
"name": "LineWidth",
"value": "stroke/2"
},
{
"name": "Visibility",
"value": "slitshow"
}
]
},
{
"Name": "dseparation",
"Type": "Group2D",
"Expanded": "false",
"Properties": [],
"Children": [
{
"Name": "arrow",
"Type": "Arrow2D",
"Properties": [
{
"name": "SizeX",
"value": "0"
},
{
"name": "X",
"value": "x1-size"
},
{
"name": "Y",
"value": "ycentre2"
},
{
"name": "Visibility",
"value": "dseparationshow"
},
{
"name": "SizeY",
"value": "-ycentre2*2"
},
{
"name": "LineColor",
"value": "\"Orange\""
},
{
"name": "LineWidth",
"value": "2"
}
]
},
{
"Name": "arrow2",
"Type": "Arrow2D",
"Properties": [
{
"name": "SizeX",
"value": "0"
},
{
"name": "X",
"value": "x1-size"
},
{
"name": "Y",
"value": "ycentre1"
},
{
"name": "Visibility",
"value": "dseparationshow"
},
{
"name": "SizeY",
"value": "-ycentre1*2"
},
{
"name": "LineColor",
"value": "\"Orange\""
},
{
"name": "LineWidth",
"value": "2"
}
]
}
]
},
{
"Name": "pathdifference",
"Type": "Group2D",
"Expanded": "true",
"Properties": [
{
"name": "Visibility",
"value": "pboolean"
}
],
"Children": [
{
"Name": "topsegment",
"Type": "Segment2D",
"Properties": [
{
"name": "SizeX",
"value": "xpoint-x1"
},
{
"name": "X",
"value": "x1"
},
{
"name": "LineColor",
"value": "\"MAGENTA\""
},
{
"name": "Y",
"value": "ycentre2"
},
{
"name": "SizeY",
"value": "ypoint-ycentre2"
},
{
"name": "LineWidth",
"value": "2"
}
]
},
{
"Name": "bottomsegment",
"Type": "Segment2D",
"Properties": [
{
"name": "SizeX",
"value": "xpoint-x1"
},
{
"name": "X",
"value": "x1"
},
{
"name": "LineColor",
"value": "\"Pink\""
},
{
"name": "Y",
"value": "ycentre1"
},
{
"name": "SizeY",
"value": "ypoint-ycentre1"
},
{
"name": "LineWidth",
"value": "2"
}
]
},
{
"Name": "P",
"Type": "Group2D",
"Expanded": "true",
"Properties": [
{
"name": "X",
"value": "xpoint"
},
{
"name": "Y",
"value": "ypoint"
},
{
"name": "Visibility",
"value": "pboolean"
}
],
"Children": [
{
"Name": "Pshape",
"Type": "Shape2D",
"Properties": [
{
"name": "FillColor",
"value": "\"BLUE\""
},
{
"name": "MovesGroup",
"value": "true"
},
{
"name": "SizeX",
"value": "0.2"
},
{
"name": "RelativePosition",
"value": "\"CENTERED\""
},
{
"name": "ShapeType",
"value": "\"ELLIPSE\""
},
{
"name": "LineColor",
"value": "\"WHITE\""
},
{
"name": "SizeY",
"value": "0.2"
},
{
"name": "EnabledPosition",
"value": "\"ENABLED_ANY\""
}
]
},
{
"Name": "Ptext",
"Type": "Text2D",
"Properties": [
{
"name": "MovesGroup",
"value": "true"
},
{
"name": "RelativePosition",
"value": "\"CENTERED\""
},
{
"name": "X",
"value": "0"
},
{
"name": "Text",
"value": "\"P\""
},
{
"name": "PixelSize",
"value": "true"
},
{
"name": "EnabledPosition",
"value": "\"ENABLED_ANY\""
},
{
"name": "Y",
"value": "0"
},
{
"name": "FillColor",
"value": "\"White\""
}
]
}
]
},
{
"Name": "S1",
"Type": "Group2D",
"Expanded": "true",
"Properties": [
{
"name": "X",
"value": "x1"
},
{
"name": "Y",
"value": "ycentre1"
}
],
"Children": [
{
"Name": "S1shape",
"Type": "Shape2D",
"Properties": [
{
"name": "FillColor",
"value": "\"red\""
},
{
"name": "SizeX",
"value": "0.1"
},
{
"name": "ShapeType",
"value": "\"ELLIPSE\""
},
{
"name": "LineColor",
"value": "\"WHITE\""
},
{
"name": "SizeY",
"value": "0.1"
}
]
},
{
"Name": "S1text",
"Type": "Text2D",
"Properties": [
{
"name": "RelativePosition",
"value": "\"NORTH\""
},
{
"name": "X",
"value": "0"
},
{
"name": "Text",
"value": "\"S1\""
},
{
"name": "PixelSize",
"value": "true"
},
{
"name": "Y",
"value": "-0.1"
}
]
}
]
},
{
"Name": "S2",
"Type": "Group2D",
"Expanded": "true",
"Properties": [
{
"name": "X",
"value": "x1"
},
{
"name": "Y",
"value": "ycentre2"
}
],
"Children": [
{
"Name": "S2shape",
"Type": "Shape2D",
"Properties": [
{
"name": "FillColor",
"value": "\"red\""
},
{
"name": "SizeX",
"value": "0.1"
},
{
"name": "ShapeType",
"value": "\"ELLIPSE\""
},
{
"name": "LineColor",
"value": "\"WHITE\""
},
{
"name": "SizeY",
"value": "0.1"
},
{
"name": "Y",
"value": "0"
},
{
"name": "X",
"value": "0"
}
]
},
{
"Name": "S2text",
"Type": "Text2D",
"Properties": [
{
"name": "RelativePosition",
"value": "\"SOUTH\""
},
{
"name": "X",
"value": "0"
},
{
"name": "Text",
"value": "\"S2\""
},
{
"name": "PixelSize",
"value": "true"
},
{
"name": "Y",
"value": "0.1"
}
]
}
]
}
]
}
]
}
]
},
{
"Name": "controlshtml",
"Type": "Panel",
"Properties": [
{
"name": "Html",
"value": "Controls
\nThe number of sources after the slit, n, ranging from 1 to 10.
\nThe wavelength, \u03bb, ranging from 0.10m to 0.50m.
\nThe slit width w.
\nThe d separation of the 2 slits, ranging from 0.00m to 3.80m.
\nThe period of wave, T, ranging from 0.200s to 5.000s.
\nThe colour of the visualization.
\n\nPlay/Pause button starts and pause the simulation
\nStep button forward the simulation by one time step
\nReset button puts the simulation back to its default state.
\n"
}
]
},
{
"Name": "Description",
"Type": "Panel",
"Expanded": "true",
"Properties": [
{
"name": "Html",
"value": "Description
\n"
}
],
"Children": [
{
"Name": "fig1_1",
"Type": "Panel",
"Expanded": "true",
"Properties": [],
"Children": [
{
"Name": "firstpic",
"Type": "HtmlArea",
"Properties": [
{
"name": "Html",
"value": "![\"Diffraction](\"./Diffraction)
"
},
{
"name": "Height",
"value": "\"32vw\""
}
]
},
{
"Name": "panel",
"Type": "Panel",
"Properties": [
{
"name": "Html",
"value": "Figure 1
\nHuygens[1] proposed that every point to which a luminous disturbance reaches becomes a source of a spherical wave, and the sum of these secondary waves determines the form of the wave at any subsequent time.
\n"
}
]
}
]
},
{
"Name": "fig2_1",
"Type": "Panel",
"Expanded": "false",
"Properties": [],
"Children": [
{
"Name": "htmlArea2",
"Type": "HtmlArea",
"Properties": [
{
"name": "Html",
"value": "\n"
},
{
"name": "Height",
"value": "\"22vw\""
}
]
},
{
"Name": "html2",
"Type": "Panel",
"Properties": [
{
"name": "Html",
"value": "Figure 2.1 - Same Huygens-Fresnel principle Refraction on an aperture (slit).
\nNotice the secondary source space equally apart and start from center ending 1/2 space from the edge of slit which is more logical than end at the edge of the slit.
\n"
}
]
}
]
},
{
"Name": "fig2_2",
"Type": "Panel",
"Expanded": "true",
"Properties": [],
"Children": [
{
"Name": "htmlArea22",
"Type": "HtmlArea",
"Properties": [
{
"name": "Html",
"value": "![\"Diffraction](\"https://1.bp.blogspot.com/-OZUfVb-DPpo/XwbWybCeVtI/AAAAAAABJdY/ljHduuPils02LNPDOdMh6NblvTt2NhT-wCK4BGAsYHg/s320/fig%2B2_2.gif\")
"
},
{
"name": "Height",
"value": "\"22vw\""
}
]
},
{
"Name": "html22",
"Type": "Panel",
"Properties": [
{
"name": "Html",
"value": "Figure 2.2 - Same Animation Huygens-Fresnel principle Refraction on an aperture (slit).
\n\n"
}
]
}
]
},
{
"Name": "fig2_2_explanation",
"Type": "Panel",
"Expanded": "false",
"Properties": [],
"Children": [
{
"Name": "panel2",
"Type": "Panel",
"Properties": [
{
"name": "Html",
"value": "Huygens assumed that the secondary waves traveled only in the \"forward\" direction and it is not explained in the theory why this is the case. He was able to provide a qualitative explanation of linear and spherical wave propagation, and to derive the laws of reflection and refraction using this principle.
\nDiffraction is a phenomenon whereby waves appear to bend around obstacles, or appear to spread out after passing through a small orifice. The occurrence of diffraction allows us, for example, to hear sounds from sources that are hidden from us by obstacle or other.
"
}
]
}
]
},
{
"Name": "fig3_1",
"Type": "Panel",
"Expanded": "false",
"Properties": [
{
"name": "Html",
"value": "In the Ejs simulation case,
"
}
],
"Children": [
{
"Name": "htmlArea3",
"Type": "HtmlArea",
"Properties": [
{
"name": "Html",
"value": "\n"
},
{
"name": "Height",
"value": "\"22vw\""
}
]
},
{
"Name": "Fig3_1",
"Type": "Panel",
"Properties": [
{
"name": "Html",
"value": "Figure 3.1 - When slit width is comparable in size to the wavelength
\n"
}
]
}
]
},
{
"Name": "fig3_2",
"Type": "Panel",
"Expanded": "true",
"Properties": [],
"Children": [
{
"Name": "htmlArea4",
"Type": "HtmlArea",
"Properties": [
{
"name": "Html",
"value": "![\"Diffraction](\"https://1.bp.blogspot.com/-w0BSOhJxCKQ/XwbWzIdAsjI/AAAAAAABJdc/wcOltGaAKUQd1DkRtC4vnQD7MTsXDJAQwCK4BGAsYHg/s600/fig%2B3_2.gif\")
"
},
{
"name": "Height",
"value": "\"22vw\""
}
]
},
{
"Name": "Fig3_2",
"Type": "Panel",
"Properties": [
{
"name": "Html",
"value": "Figure 3.2 - Same animation when slit width is comparable in size to the wavelength
\nThe wave spreads around the edges of the obstacle (cyan in this case). This is the phenomenon of diffraction. Therefore, diffraction is \"spreading out\" wave phenomenon.
\n"
}
]
}
]
},
{
"Name": "fig4_1",
"Type": "Panel",
"Expanded": "false",
"Properties": [
{
"name": "Html",
"value": " Electron9 have some photos of a real ripple tank.
\n"
}
],
"Children": [
{
"Name": "htmlArea6",
"Type": "HtmlArea",
"Properties": [
{
"name": "Html",
"value": "\n"
},
{
"name": "Height",
"value": "\"22vw\""
}
]
},
{
"Name": "Fig4_1",
"Type": "Panel",
"Properties": [
{
"name": "Html",
"value": "Figure 4.1 - When slit width is comparable in size to the wavelength
"
}
]
}
]
},
{
"Name": "fig4_2",
"Type": "Panel",
"Expanded": "false",
"Properties": [],
"Children": [
{
"Name": "htmlArea42",
"Type": "HtmlArea",
"Properties": [
{
"name": "Html",
"value": "\n"
},
{
"name": "Height",
"value": "\"22vw\""
}
]
},
{
"Name": "Fig4_2",
"Type": "Panel",
"Properties": [
{
"name": "Html",
"value": "Figure 4.2 - When slit width is >> in size than the wavelength
\nIn Ejs, it is possible to capture a similar computational model.
"
}
]
}
]
},
{
"Name": "fig5_1",
"Type": "Panel",
"Expanded": "true",
"Properties": [],
"Children": [
{
"Name": "htmlArea62",
"Type": "HtmlArea",
"Properties": [
{
"name": "Html",
"value": "![\"Diffraction](\"https://1.bp.blogspot.com/-cPlp0sPRcSA/XwbWzu-wsvI/AAAAAAABJdg/q-asU6NaX7ABMhw6lvkxbVDeUJsBQv-kwCK4BGAsYHg/s320/fig%2B5_1.gif\")
"
},
{
"name": "Height",
"value": "\"22vw\""
}
]
},
{
"Name": "Fig5_1",
"Type": "Panel",
"Properties": [
{
"name": "Html",
"value": "Figure 5.1 - When slit width is comparable in size to the wavelength assuming 6 secondary sources, diffraction is noticeable
"
}
]
}
]
},
{
"Name": "fig5_2",
"Type": "Panel",
"Expanded": "true",
"Properties": [],
"Children": [
{
"Name": "htmlArea422",
"Type": "HtmlArea",
"Properties": [
{
"name": "Html",
"value": "![\"Diffraction](\"https://1.bp.blogspot.com/-uWRCMMAD9SM/XwbW0UZTbhI/AAAAAAABJdk/8Gsm3FDL-RgDLQWDEHKq17pcOS5qQUHPQCK4BGAsYHg/s320/fig%2B5_2.gif\")
"
},
{
"name": "Height",
"value": "\"22vw\""
}
]
},
{
"Name": "Fig5_2",
"Type": "Panel",
"Properties": [
{
"name": "Html",
"value": "Figure 5.2 - Slit width >> in size ( w = 6*\u03bb ) than the wavelength assuming 10 secondary sources.
\nA wave goes largely straight when the size of the slit is much larger than the wavelength
\nThis is a 3D visualization in Ejs.
"
}
]
}
]
},
{
"Name": "fig6_1",
"Type": "Panel",
"Expanded": "true",
"Properties": [],
"Children": [
{
"Name": "htmlArea622",
"Type": "HtmlArea",
"Properties": [
{
"name": "Html",
"value": "![\"Diffraction](\"https://1.bp.blogspot.com/-Alh8KQEAy54/XwbW09vgiNI/AAAAAAABJdo/xiE4VmHtbCAzHPz2QVxIZU5bmzaOF3h2ACK4BGAsYHg/fig%2B6_1.gif\")
"
},
{
"name": "Height",
"value": "\"22vw\""
}
]
},
{
"Name": "Fig6_1",
"Type": "Panel",
"Properties": [
{
"name": "Html",
"value": "Figure 6.1 - When slit width is comparable in size to the wavelength assuming 6 secondary sources, diffraction is noticeable
"
}
]
}
]
},
{
"Name": "fig6_2",
"Type": "Panel",
"Expanded": "true",
"Properties": [],
"Children": [
{
"Name": "htmlArea4222",
"Type": "HtmlArea",
"Properties": [
{
"name": "Html",
"value": "![\"Diffraction](\"https://1.bp.blogspot.com/-v18Xg9767Po/XwbW1tRpouI/AAAAAAABJds/sxfOuDnARqonnhQmZ9jyKnVD7VXl-J-BQCK4BGAsYHg/fig%2B6_2.gif\")
"
},
{
"name": "Height",
"value": "\"22vw\""
}
]
},
{
"Name": "Fig6_2",
"Type": "Panel",
"Properties": [
{
"name": "Html",
"value": "Figure 6.2 - Slit width >> in size ( w = 6*\u03bb ) than the wavelength assuming 10 secondary sources.
\nA wave goes largely straight when the size of the slit is much larger than the wavelength
\n"
}
]
}
]
},
{
"Name": "favourableVisualization",
"Type": "Panel",
"Expanded": "true",
"Properties": [
{
"name": "Html",
"value": "My favourable visualization is
"
}
],
"Children": [
{
"Name": "htmlArea6222",
"Type": "HtmlArea",
"Properties": [
{
"name": "Html",
"value": "![\"Diffraction](\"https://1.bp.blogspot.com/-60jHg-V4CY4/XwbW2VVf1tI/AAAAAAABJdw/WJy6ngEanJUv2thXaKpfC45mSwHHzsUngCK4BGAsYHg/s320/fig%2B7_1.gif\")
"
},
{
"name": "Height",
"value": "\"22vw\""
}
]
},
{
"Name": "Fig7_1",
"Type": "Panel",
"Properties": [
{
"name": "Html",
"value": "Figure 7.1 - Spectrum visualization of when slit width is comparable in size to the wavelength assuming 10 secondary sources, diffraction is noticeable
"
}
]
}
]
},
{
"Name": "fig7_2",
"Type": "Panel",
"Expanded": "true",
"Properties": [],
"Children": [
{
"Name": "htmlArea42222",
"Type": "HtmlArea",
"Properties": [
{
"name": "Html",
"value": "![\"Diffraction](\"https://1.bp.blogspot.com/-a44Wk4d0fB4/XwbW2zoA2PI/AAAAAAABJd0/nwG1iwAJaOwPs3e4sbr4r9CKgGMRtpxHACK4BGAsYHg/s320/fig%2B7_2.gif\")
"
},
{
"name": "Height",
"value": "\"22vw\""
}
]
},
{
"Name": "Fig7_2",
"Type": "Panel",
"Properties": [
{
"name": "Html",
"value": "Figure 7.2 - Spectrum visualization of slit width >> in size ( w = 5*\u03bb ) than the wavelength assuming 10 secondary sources.
\nA wave goes largely straight when the size of the slit is much larger than the wavelength
\nClick Here for the Original Article
\n"
}
]
}
]
}
]
}
]
}
],
"RootProperties": []
},
"metadata": {
"APP": "WebEJS",
"CreatedWith": "WebEJS : The web version of Easy JavaScript Simulations",
"MoreInfo": "WebEJS 1.1",
"version": "https://www.um.es/fem/wikis/webejs/"
}
}