") // EJsS HtmlView.HtmlView Page: setting property 'Html' for element 'math_min_js' .setProperty("Display","none") // EJsS HtmlView.HtmlView Page: setting property 'Display' for element 'math_min_js' ; _view._addElement(EJSS_INTERFACE.panel,"controlPanel", _view.fullscreen) // EJsS HtmlView.HtmlView Page: declaration of element 'controlPanel' .setProperty("Width","100%") // EJsS HtmlView.HtmlView Page: setting property 'Width' for element 'controlPanel' .setProperty("Display","inline-flex") // EJsS HtmlView.HtmlView Page: setting property 'Display' for element 'controlPanel' ; _view._addElement(EJSS_INTERFACE.comboBox,"comboBox", _view.controlPanel) // EJsS HtmlView.HtmlView Page: declaration of element 'comboBox' ; _view._addElement(EJSS_INTERFACE.imageAndTextButton,"label3", _view.controlPanel) // EJsS HtmlView.HtmlView Page: declaration of element 'label3' .setProperty("Background","Blue") // EJsS HtmlView.HtmlView Page: setting property 'Background' for element 'label3' .setProperty("Tooltip","angular displacement from vertical ") // EJsS HtmlView.HtmlView Page: setting property 'Tooltip' for element 'label3' .setProperty("Foreground","White") // EJsS HtmlView.HtmlView Page: setting property 'Foreground' for element 'label3' .setProperty("Text"," θ = ") // EJsS HtmlView.HtmlView Page: setting property 'Text' for element 'label3' ; _view._addElement(EJSS_INTERFACE.slider,"slider2", _view.controlPanel) // EJsS HtmlView.HtmlView Page: declaration of element 'slider2' .setProperty("Maximum",90) // EJsS HtmlView.HtmlView Page: setting property 'Maximum' for element 'slider2' .setProperty("Minimum",-90) // EJsS HtmlView.HtmlView Page: setting property 'Minimum' for element 'slider2' .setProperty("Background","Blue") // EJsS HtmlView.HtmlView Page: setting property 'Background' for element 'slider2' .setProperty("Tooltip","angular displacement from vertical ") // EJsS HtmlView.HtmlView Page: setting property 'Tooltip' for element 'slider2' .setProperty("Step",10) // EJsS HtmlView.HtmlView Page: setting property 'Step' for element 'slider2' ; _view._addElement(EJSS_INTERFACE.numberField,"field2", _view.controlPanel) // EJsS HtmlView.HtmlView Page: declaration of element 'field2' .setProperty("Width","4vw") // EJsS HtmlView.HtmlView Page: setting property 'Width' for element 'field2' .setProperty("Format","00") // EJsS HtmlView.HtmlView Page: setting property 'Format' for element 'field2' ; _view._addElement(EJSS_INTERFACE.imageAndTextButton,"label22", _view.controlPanel) // EJsS HtmlView.HtmlView Page: declaration of element 'label22' .setProperty("Background","Blue") // EJsS HtmlView.HtmlView Page: setting property 'Background' for element 'label22' .setProperty("Tooltip","degree") // EJsS HtmlView.HtmlView Page: setting property 'Tooltip' for element 'label22' .setProperty("Foreground","White") // EJsS HtmlView.HtmlView Page: setting property 'Foreground' for element 'label22' .setProperty("Text"," ° ") // EJsS HtmlView.HtmlView Page: setting property 'Text' for element 'label22' ; _view._addElement(EJSS_INTERFACE.imageAndTextButton,"label32", _view.controlPanel) // EJsS HtmlView.HtmlView Page: declaration of element 'label32' .setProperty("Background","Black") // EJsS HtmlView.HtmlView Page: setting property 'Background' for element 'label32' .setProperty("Tooltip","length of pendulum") // EJsS HtmlView.HtmlView Page: setting property 'Tooltip' for element 'label32' .setProperty("Foreground","White") // EJsS HtmlView.HtmlView Page: setting property 'Foreground' for element 'label32' .setProperty("Text"," L = ") // EJsS HtmlView.HtmlView Page: setting property 'Text' for element 'label32' ; _view._addElement(EJSS_INTERFACE.slider,"slider22", _view.controlPanel) // EJsS HtmlView.HtmlView Page: declaration of element 'slider22' .setProperty("Maximum",7) // EJsS HtmlView.HtmlView Page: setting property 'Maximum' for element 'slider22' .setProperty("Minimum",1) // EJsS HtmlView.HtmlView Page: setting property 'Minimum' for element 'slider22' .setProperty("Background","Black") // EJsS HtmlView.HtmlView Page: setting property 'Background' for element 'slider22' .setProperty("Tooltip","length of pendulum") // EJsS HtmlView.HtmlView Page: setting property 'Tooltip' for element 'slider22' .setProperty("Foreground","White") // EJsS HtmlView.HtmlView Page: setting property 'Foreground' for element 'slider22' .setProperty("Step",1) // EJsS HtmlView.HtmlView Page: setting property 'Step' for element 'slider22' ; _view._addElement(EJSS_INTERFACE.numberField,"field22", _view.controlPanel) // EJsS HtmlView.HtmlView Page: declaration of element 'field22' .setProperty("Width","4vw") // EJsS HtmlView.HtmlView Page: setting property 'Width' for element 'field22' .setProperty("Format","00.00") // EJsS HtmlView.HtmlView Page: setting property 'Format' for element 'field22' ; _view._addElement(EJSS_INTERFACE.imageAndTextButton,"label222", _view.controlPanel) // EJsS HtmlView.HtmlView Page: declaration of element 'label222' .setProperty("Background","Black") // EJsS HtmlView.HtmlView Page: setting property 'Background' for element 'label222' .setProperty("Tooltip","metre") // EJsS HtmlView.HtmlView Page: setting property 'Tooltip' for element 'label222' .setProperty("Foreground","White") // EJsS HtmlView.HtmlView Page: setting property 'Foreground' for element 'label222' .setProperty("Text"," m") // EJsS HtmlView.HtmlView Page: setting property 'Text' for element 'label222' ; _view._addElement(EJSS_INTERFACE.checkBox,"world", _view.controlPanel) // EJsS HtmlView.HtmlView Page: declaration of element 'world' .setProperty("Background","Magenta") // EJsS HtmlView.HtmlView Page: setting property 'Background' for element 'world' .setProperty("Tooltip","world view") // EJsS HtmlView.HtmlView Page: setting property 'Tooltip' for element 'world' .setProperty("Text","world") // EJsS HtmlView.HtmlView Page: setting property 'Text' for element 'world' ; _view._addElement(EJSS_INTERFACE.checkBox,"Ebars", _view.controlPanel) // EJsS HtmlView.HtmlView Page: declaration of element 'Ebars' .setProperty("Background","Cyan") // EJsS HtmlView.HtmlView Page: setting property 'Background' for element 'Ebars' .setProperty("Tooltip","Energy Bar Plot") // EJsS HtmlView.HtmlView Page: setting property 'Tooltip' for element 'Ebars' .setProperty("Text","E bars") // EJsS HtmlView.HtmlView Page: setting property 'Text' for element 'Ebars' ; _view._addElement(EJSS_INTERFACE.checkBox,"Evst2", _view.controlPanel) // EJsS HtmlView.HtmlView Page: declaration of element 'Evst2' .setProperty("Background","Orange") // EJsS HtmlView.HtmlView Page: setting property 'Background' for element 'Evst2' .setProperty("Tooltip","Energy vs Time Graph") // EJsS HtmlView.HtmlView Page: setting property 'Tooltip' for element 'Evst2' .setProperty("Text","E vs t") // EJsS HtmlView.HtmlView Page: setting property 'Text' for element 'Evst2' ; _view._addElement(EJSS_INTERFACE.twoStateButton,"playPauseButton", _view.controlPanel) // EJsS HtmlView.HtmlView Page: declaration of element 'playPauseButton' .setProperty("Width","9vw") // EJsS HtmlView.HtmlView Page: setting property 'Width' for element 'playPauseButton' .setProperty("TextOn","▶Play") // EJsS HtmlView.HtmlView Page: setting property 'TextOn' for element 'playPauseButton' .setProperty("Tooltip","Play/Pause") // EJsS HtmlView.HtmlView Page: setting property 'Tooltip' for element 'playPauseButton' .setProperty("TextOff","❚❚Pause") // EJsS HtmlView.HtmlView Page: setting property 'TextOff' for element 'playPauseButton' ; _view._addElement(EJSS_INTERFACE.button,"stepButton", _view.controlPanel) // EJsS HtmlView.HtmlView Page: declaration of element 'stepButton' .setProperty("Width","9vw") // EJsS HtmlView.HtmlView Page: setting property 'Width' for element 'stepButton' .setProperty("Text","❚▶Step") // EJsS HtmlView.HtmlView Page: setting property 'Text' for element 'stepButton' ; _view._addElement(EJSS_INTERFACE.button,"resetButton", _view.controlPanel) // EJsS HtmlView.HtmlView Page: declaration of element 'resetButton' .setProperty("Width","9vw") // EJsS HtmlView.HtmlView Page: setting property 'Width' for element 'resetButton' .setProperty("Text","↻Reset") // EJsS HtmlView.HtmlView Page: setting property 'Text' for element 'resetButton' ; _view._addElement(EJSS_INTERFACE.panel,"model2", _view.fullscreen) // EJsS HtmlView.HtmlView Page: declaration of element 'model2' .setProperty("Width","100%") // EJsS HtmlView.HtmlView Page: setting property 'Width' for element 'model2' ; _view._addElement(EJSS_INTERFACE.imageAndTextButton,"model", _view.model2) // EJsS HtmlView.HtmlView Page: declaration of element 'model' .setProperty("Background","Green") // EJsS HtmlView.HtmlView Page: setting property 'Background' for element 'model' .setProperty("Tooltip","key in expression like 0.5*1*2^2*cos(t)*cos(t)") // EJsS HtmlView.HtmlView Page: setting property 'Tooltip' for element 'model' .setProperty("Foreground","White") // EJsS HtmlView.HtmlView Page: setting property 'Foreground' for element 'model' .setProperty("Text","your oscilator small angle model, ?E =") // EJsS HtmlView.HtmlView Page: setting property 'Text' for element 'model' ; _view._addElement(EJSS_INTERFACE.comboBox,"models", _view.model2) // EJsS HtmlView.HtmlView Page: declaration of element 'models' .setProperty("Tooltip","select suggested models") // EJsS HtmlView.HtmlView Page: setting property 'Tooltip' for element 'models' ; _view._addElement(EJSS_INTERFACE.functionField,"fField", _view.model2) // EJsS HtmlView.HtmlView Page: declaration of element 'fField' .setProperty("Width",430) // EJsS HtmlView.HtmlView Page: setting property 'Width' for element 'fField' .setProperty("Tooltip","model") // EJsS HtmlView.HtmlView Page: setting property 'Tooltip' for element 'fField' ; _view._addElement(EJSS_INTERFACE.panel,"panel2", _view.fullscreen) // EJsS HtmlView.HtmlView Page: declaration of element 'panel2' .setProperty("Width","100%") // EJsS HtmlView.HtmlView Page: setting property 'Width' for element 'panel2' ; _view._addElement(EJSS_DRAWING2D.plottingPanel,"plottingPanel", _view.panel2) // EJsS HtmlView.HtmlView Page: declaration of element 'plottingPanel' .setProperty("Height","90vh") // EJsS HtmlView.HtmlView Page: setting property 'Height' for element 'plottingPanel' .setProperty("Gutters",[0,0,0,50]) // EJsS HtmlView.HtmlView Page: setting property 'Gutters' for element 'plottingPanel' .setProperty("YScalePrecision",1) // EJsS HtmlView.HtmlView Page: setting property 'YScalePrecision' for element 'plottingPanel' .setProperty("XFixedTick",0) // EJsS HtmlView.HtmlView Page: setting property 'XFixedTick' for element 'plottingPanel' .setProperty("YFixedTick",0) // EJsS HtmlView.HtmlView Page: setting property 'YFixedTick' for element 'plottingPanel' .setProperty("XTickStep",1) // EJsS HtmlView.HtmlView Page: setting property 'XTickStep' for element 'plottingPanel' .setProperty("YTickStep",1) // EJsS HtmlView.HtmlView Page: setting property 'YTickStep' for element 'plottingPanel' .setProperty("XAutoTicks",false) // EJsS HtmlView.HtmlView Page: setting property 'XAutoTicks' for element 'plottingPanel' .setProperty("Title","Pendulum Model m = 1 kg and g = 9.81 m/s^2") // EJsS HtmlView.HtmlView Page: setting property 'Title' for element 'plottingPanel' .setProperty("Enabled",true) // EJsS HtmlView.HtmlView Page: setting property 'Enabled' for element 'plottingPanel' .setProperty("SquareAspect",true) // EJsS HtmlView.HtmlView Page: setting property 'SquareAspect' for element 'plottingPanel' .setProperty("YAutoTicks",false) // EJsS HtmlView.HtmlView Page: setting property 'YAutoTicks' for element 'plottingPanel' .setProperty("AutoScaleY",false) // EJsS HtmlView.HtmlView Page: setting property 'AutoScaleY' for element 'plottingPanel' .setProperty("AutoScaleX",false) // EJsS HtmlView.HtmlView Page: setting property 'AutoScaleX' for element 'plottingPanel' .setProperty("GuttersColor","Magenta") // EJsS HtmlView.HtmlView Page: setting property 'GuttersColor' for element 'plottingPanel' .setProperty("XScalePrecision",1) // EJsS HtmlView.HtmlView Page: setting property 'XScalePrecision' for element 'plottingPanel' ; _view._addElement(EJSS_DRAWING2D.arrow,"PE0", _view.plottingPanel) // EJsS HtmlView.HtmlView Page: declaration of element 'PE0' .setProperty("MarkEnd","INVTRIANGLE") // EJsS HtmlView.HtmlView Page: setting property 'MarkEnd' for element 'PE0' .setProperty("LineColor","Blue") // EJsS HtmlView.HtmlView Page: setting property 'LineColor' for element 'PE0' .setProperty("X",0) // EJsS HtmlView.HtmlView Page: setting property 'X' for element 'PE0' .setProperty("Attributes",{ "stroke-dasharray":"8 8 8 8" }) // EJsS HtmlView.HtmlView Page: setting property 'Attributes' for element 'PE0' .setProperty("MarkStart","TRIANGLE") // EJsS HtmlView.HtmlView Page: setting property 'MarkStart' for element 'PE0' .setProperty("SizeY",0) // EJsS HtmlView.HtmlView Page: setting property 'SizeY' for element 'PE0' .setProperty("LineWidth",2) // EJsS HtmlView.HtmlView Page: setting property 'LineWidth' for element 'PE0' .setProperty("Offset","CENTERED") // EJsS HtmlView.HtmlView Page: setting property 'Offset' for element 'PE0' ; _view._addElement(EJSS_DRAWING2D.arrow,"arrow2", _view.plottingPanel) // EJsS HtmlView.HtmlView Page: declaration of element 'arrow2' .setProperty("MarkEnd","ANGLE") // EJsS HtmlView.HtmlView Page: setting property 'MarkEnd' for element 'arrow2' .setProperty("SizeX",0) // EJsS HtmlView.HtmlView Page: setting property 'SizeX' for element 'arrow2' .setProperty("LineColor","Blue") // EJsS HtmlView.HtmlView Page: setting property 'LineColor' for element 'arrow2' .setProperty("LineWidth",2) // EJsS HtmlView.HtmlView Page: setting property 'LineWidth' for element 'arrow2' ; _view._addElement(EJSS_DRAWING2D.segment,"segment2", _view.plottingPanel) // EJsS HtmlView.HtmlView Page: declaration of element 'segment2' .setProperty("Attributes",{ "stroke-dasharray":"8 8 8 8" }) // EJsS HtmlView.HtmlView Page: setting property 'Attributes' for element 'segment2' .setProperty("LineColor","Blue") // EJsS HtmlView.HtmlView Page: setting property 'LineColor' for element 'segment2' .setProperty("SizeY",0) // EJsS HtmlView.HtmlView Page: setting property 'SizeY' for element 'segment2' .setProperty("LineWidth",1) // EJsS HtmlView.HtmlView Page: setting property 'LineWidth' for element 'segment2' ; _view._addElement(EJSS_DRAWING2D.text,"text2", _view.plottingPanel) // EJsS HtmlView.HtmlView Page: declaration of element 'text2' .setProperty("SizeX",20) // EJsS HtmlView.HtmlView Page: setting property 'SizeX' for element 'text2' .setProperty("RelativePosition","SOUTH_WEST") // EJsS HtmlView.HtmlView Page: setting property 'RelativePosition' for element 'text2' .setProperty("SizeY",20) // EJsS HtmlView.HtmlView Page: setting property 'SizeY' for element 'text2' .setProperty("PixelSize",true) // EJsS HtmlView.HtmlView Page: setting property 'PixelSize' for element 'text2' ; _view._addElement(EJSS_DRAWING2D.shape,"support", _view.plottingPanel) // EJsS HtmlView.HtmlView Page: declaration of element 'support' .setProperty("FillColor","Gray") // EJsS HtmlView.HtmlView Page: setting property 'FillColor' for element 'support' .setProperty("RelativePosition","SOUTH") // EJsS HtmlView.HtmlView Page: setting property 'RelativePosition' for element 'support' .setProperty("ShapeType","RECTANGLE") // EJsS HtmlView.HtmlView Page: setting property 'ShapeType' for element 'support' .setProperty("X",0) // EJsS HtmlView.HtmlView Page: setting property 'X' for element 'support' .setProperty("Y",0) // EJsS HtmlView.HtmlView Page: setting property 'Y' for element 'support' ; _view._addElement(EJSS_DRAWING2D.polygon,"polygon", _view.plottingPanel) // EJsS HtmlView.HtmlView Page: declaration of element 'polygon' .setProperty("FillColor","Cyan") // EJsS HtmlView.HtmlView Page: setting property 'FillColor' for element 'polygon' ; _view._addElement(EJSS_DRAWING2D.text,"theta", _view.plottingPanel) // EJsS HtmlView.HtmlView Page: declaration of element 'theta' .setProperty("SizeX",10) // EJsS HtmlView.HtmlView Page: setting property 'SizeX' for element 'theta' .setProperty("RelativePosition","NORTH") // EJsS HtmlView.HtmlView Page: setting property 'RelativePosition' for element 'theta' .setProperty("SizeY",10) // EJsS HtmlView.HtmlView Page: setting property 'SizeY' for element 'theta' .setProperty("PixelSize",true) // EJsS HtmlView.HtmlView Page: setting property 'PixelSize' for element 'theta' ; _view._addElement(EJSS_DRAWING2D.segment,"vertical", _view.plottingPanel) // EJsS HtmlView.HtmlView Page: declaration of element 'vertical' .setProperty("SizeX",0) // EJsS HtmlView.HtmlView Page: setting property 'SizeX' for element 'vertical' .setProperty("Attributes",{ "stroke-dasharray":"8 8 8 8" }) // EJsS HtmlView.HtmlView Page: setting property 'Attributes' for element 'vertical' .setProperty("LineColor","Green") // EJsS HtmlView.HtmlView Page: setting property 'LineColor' for element 'vertical' .setProperty("X",0) // EJsS HtmlView.HtmlView Page: setting property 'X' for element 'vertical' .setProperty("Y",0) // EJsS HtmlView.HtmlView Page: setting property 'Y' for element 'vertical' .setProperty("LineWidth",2) // EJsS HtmlView.HtmlView Page: setting property 'LineWidth' for element 'vertical' ; _view._addElement(EJSS_DRAWING2D.segment,"segment", _view.plottingPanel) // EJsS HtmlView.HtmlView Page: declaration of element 'segment' .setProperty("X",0) // EJsS HtmlView.HtmlView Page: setting property 'X' for element 'segment' .setProperty("Y",0) // EJsS HtmlView.HtmlView Page: setting property 'Y' for element 'segment' .setProperty("LineWidth",2) // EJsS HtmlView.HtmlView Page: setting property 'LineWidth' for element 'segment' ; _view._addElement(EJSS_DRAWING2D.shape,"mass22", _view.plottingPanel) // EJsS HtmlView.HtmlView Page: declaration of element 'mass22' .setProperty("FillColor","rgba(255,200,0,0.5)") // EJsS HtmlView.HtmlView Page: setting property 'FillColor' for element 'mass22' .setProperty("SizeX",20) // EJsS HtmlView.HtmlView Page: setting property 'SizeX' for element 'mass22' .setProperty("RelativePosition","CENTERED") // EJsS HtmlView.HtmlView Page: setting property 'RelativePosition' for element 'mass22' .setProperty("ShapeType","WHEEL") // EJsS HtmlView.HtmlView Page: setting property 'ShapeType' for element 'mass22' .setProperty("LineColor","Blue") // EJsS HtmlView.HtmlView Page: setting property 'LineColor' for element 'mass22' .setProperty("PixelSize",true) // EJsS HtmlView.HtmlView Page: setting property 'PixelSize' for element 'mass22' .setProperty("SizeY",20) // EJsS HtmlView.HtmlView Page: setting property 'SizeY' for element 'mass22' ; _view._addElement(EJSS_DRAWING2D.shape,"green", _view.plottingPanel) // EJsS HtmlView.HtmlView Page: declaration of element 'green' .setProperty("FillColor","rgba(0,255,0,0.5)") // EJsS HtmlView.HtmlView Page: setting property 'FillColor' for element 'green' .setProperty("SizeX",20) // EJsS HtmlView.HtmlView Page: setting property 'SizeX' for element 'green' .setProperty("RelativePosition","CENTERED") // EJsS HtmlView.HtmlView Page: setting property 'RelativePosition' for element 'green' .setProperty("ShapeType","WHEEL") // EJsS HtmlView.HtmlView Page: setting property 'ShapeType' for element 'green' .setProperty("LineColor","Blue") // EJsS HtmlView.HtmlView Page: setting property 'LineColor' for element 'green' .setProperty("PixelSize",true) // EJsS HtmlView.HtmlView Page: setting property 'PixelSize' for element 'green' .setProperty("SizeY",20) // EJsS HtmlView.HtmlView Page: setting property 'SizeY' for element 'green' ; _view._addElement(EJSS_DRAWING2D.shape,"mass", _view.plottingPanel) // EJsS HtmlView.HtmlView Page: declaration of element 'mass' .setProperty("FillColor","Blue") // EJsS HtmlView.HtmlView Page: setting property 'FillColor' for element 'mass' .setProperty("SizeX",20) // EJsS HtmlView.HtmlView Page: setting property 'SizeX' for element 'mass' .setProperty("RelativePosition","CENTERED") // EJsS HtmlView.HtmlView Page: setting property 'RelativePosition' for element 'mass' .setProperty("ShapeType","WHEEL") // EJsS HtmlView.HtmlView Page: setting property 'ShapeType' for element 'mass' .setProperty("LineColor","White") // EJsS HtmlView.HtmlView Page: setting property 'LineColor' for element 'mass' .setProperty("SizeY",20) // EJsS HtmlView.HtmlView Page: setting property 'SizeY' for element 'mass' .setProperty("PixelSize",true) // EJsS HtmlView.HtmlView Page: setting property 'PixelSize' for element 'mass' .setProperty("EnabledPosition","ENABLED_ANY") // EJsS HtmlView.HtmlView Page: setting property 'EnabledPosition' for element 'mass' ; _view._addElement(EJSS_DRAWING2D.arrow,"arrow", _view.plottingPanel) // EJsS HtmlView.HtmlView Page: declaration of element 'arrow' .setProperty("LineColor","Magenta") // EJsS HtmlView.HtmlView Page: setting property 'LineColor' for element 'arrow' .setProperty("LineWidth",2) // EJsS HtmlView.HtmlView Page: setting property 'LineWidth' for element 'arrow' ; _view._addElement(EJSS_DRAWING2D.text,"text", _view.plottingPanel) // EJsS HtmlView.HtmlView Page: declaration of element 'text' .setProperty("FillColor","Magenta") // EJsS HtmlView.HtmlView Page: setting property 'FillColor' for element 'text' .setProperty("SizeX",20) // EJsS HtmlView.HtmlView Page: setting property 'SizeX' for element 'text' .setProperty("RelativePosition","NORTH") // EJsS HtmlView.HtmlView Page: setting property 'RelativePosition' for element 'text' .setProperty("SizeY",20) // EJsS HtmlView.HtmlView Page: setting property 'SizeY' for element 'text' .setProperty("PixelSize",true) // EJsS HtmlView.HtmlView Page: setting property 'PixelSize' for element 'text' ; _view._addElement(EJSS_DRAWING2D.plottingPanel,"plottingPanel2", _view.panel2) // EJsS HtmlView.HtmlView Page: declaration of element 'plottingPanel2' .setProperty("Height","90vh") // EJsS HtmlView.HtmlView Page: setting property 'Height' for element 'plottingPanel2' .setProperty("Gutters",[50,0,0,50]) // EJsS HtmlView.HtmlView Page: setting property 'Gutters' for element 'plottingPanel2' .setProperty("XTicks",4) // EJsS HtmlView.HtmlView Page: setting property 'XTicks' for element 'plottingPanel2' .setProperty("YScalePrecision",3) // EJsS HtmlView.HtmlView Page: setting property 'YScalePrecision' for element 'plottingPanel2' .setProperty("XFixedTick",0) // EJsS HtmlView.HtmlView Page: setting property 'XFixedTick' for element 'plottingPanel2' .setProperty("AxisXShow",false) // EJsS HtmlView.HtmlView Page: setting property 'AxisXShow' for element 'plottingPanel2' .setProperty("YFixedTick",0) // EJsS HtmlView.HtmlView Page: setting property 'YFixedTick' for element 'plottingPanel2' .setProperty("XAutoTicks",false) // EJsS HtmlView.HtmlView Page: setting property 'XAutoTicks' for element 'plottingPanel2' .setProperty("GridXShow",true) // EJsS HtmlView.HtmlView Page: setting property 'GridXShow' for element 'plottingPanel2' .setProperty("Title","Energy Bar Plot") // EJsS HtmlView.HtmlView Page: setting property 'Title' for element 'plottingPanel2' .setProperty("YTicks",11) // EJsS HtmlView.HtmlView Page: setting property 'YTicks' for element 'plottingPanel2' .setProperty("MaximumX",4) // EJsS HtmlView.HtmlView Page: setting property 'MaximumX' for element 'plottingPanel2' .setProperty("YAutoTicks",false) // EJsS HtmlView.HtmlView Page: setting property 'YAutoTicks' for element 'plottingPanel2' .setProperty("MinimumX",0) // EJsS HtmlView.HtmlView Page: setting property 'MinimumX' for element 'plottingPanel2' .setProperty("MinimumY",0) // EJsS HtmlView.HtmlView Page: setting property 'MinimumY' for element 'plottingPanel2' .setProperty("TitleY","Energy J") // EJsS HtmlView.HtmlView Page: setting property 'TitleY' for element 'plottingPanel2' .setProperty("AutoScaleY",true) // EJsS HtmlView.HtmlView Page: setting property 'AutoScaleY' for element 'plottingPanel2' .setProperty("TitleX","Energy types PE-blue, KE-magenta, TE-black") // EJsS HtmlView.HtmlView Page: setting property 'TitleX' for element 'plottingPanel2' .setProperty("AutoScaleX",true) // EJsS HtmlView.HtmlView Page: setting property 'AutoScaleX' for element 'plottingPanel2' .setProperty("MarginY",5) // EJsS HtmlView.HtmlView Page: setting property 'MarginY' for element 'plottingPanel2' .setProperty("GuttersColor","Cyan") // EJsS HtmlView.HtmlView Page: setting property 'GuttersColor' for element 'plottingPanel2' .setProperty("XStep",1) // EJsS HtmlView.HtmlView Page: setting property 'XStep' for element 'plottingPanel2' ; _view._addElement(EJSS_DRAWING2D.shape,"PEbar222", _view.plottingPanel2) // EJsS HtmlView.HtmlView Page: declaration of element 'PEbar222' .setProperty("FillColor","Blue") // EJsS HtmlView.HtmlView Page: setting property 'FillColor' for element 'PEbar222' .setProperty("SizeX",1) // EJsS HtmlView.HtmlView Page: setting property 'SizeX' for element 'PEbar222' .setProperty("RelativePosition","SOUTH_WEST") // EJsS HtmlView.HtmlView Page: setting property 'RelativePosition' for element 'PEbar222' .setProperty("ShapeType","RECTANGLE") // EJsS HtmlView.HtmlView Page: setting property 'ShapeType' for element 'PEbar222' .setProperty("X",0) // EJsS HtmlView.HtmlView Page: setting property 'X' for element 'PEbar222' .setProperty("Y",0) // EJsS HtmlView.HtmlView Page: setting property 'Y' for element 'PEbar222' ; _view._addElement(EJSS_DRAWING2D.group,"group3", _view.plottingPanel2) // EJsS HtmlView.HtmlView Page: declaration of element 'group3' .setProperty("X",0.5) // EJsS HtmlView.HtmlView Page: setting property 'X' for element 'group3' ; _view._addElement(EJSS_DRAWING2D.text,"textpe3", _view.group3) // EJsS HtmlView.HtmlView Page: declaration of element 'textpe3' .setProperty("SizeX",10) // EJsS HtmlView.HtmlView Page: setting property 'SizeX' for element 'textpe3' .setProperty("RelativePosition","SOUTH") // EJsS HtmlView.HtmlView Page: setting property 'RelativePosition' for element 'textpe3' .setProperty("X",0) // EJsS HtmlView.HtmlView Page: setting property 'X' for element 'textpe3' .setProperty("SizeY",10) // EJsS HtmlView.HtmlView Page: setting property 'SizeY' for element 'textpe3' .setProperty("PixelSize",true) // EJsS HtmlView.HtmlView Page: setting property 'PixelSize' for element 'textpe3' .setProperty("EnabledPosition","ENABLED_ANY") // EJsS HtmlView.HtmlView Page: setting property 'EnabledPosition' for element 'textpe3' ; _view._addElement(EJSS_DRAWING2D.shape,"KEbar322", _view.plottingPanel2) // EJsS HtmlView.HtmlView Page: declaration of element 'KEbar322' .setProperty("FillColor","Magenta") // EJsS HtmlView.HtmlView Page: setting property 'FillColor' for element 'KEbar322' .setProperty("SizeX",1) // EJsS HtmlView.HtmlView Page: setting property 'SizeX' for element 'KEbar322' .setProperty("RelativePosition","SOUTH_WEST") // EJsS HtmlView.HtmlView Page: setting property 'RelativePosition' for element 'KEbar322' .setProperty("ShapeType","RECTANGLE") // EJsS HtmlView.HtmlView Page: setting property 'ShapeType' for element 'KEbar322' .setProperty("X",1) // EJsS HtmlView.HtmlView Page: setting property 'X' for element 'KEbar322' .setProperty("Y",0) // EJsS HtmlView.HtmlView Page: setting property 'Y' for element 'KEbar322' ; _view._addElement(EJSS_DRAWING2D.group,"group32", _view.plottingPanel2) // EJsS HtmlView.HtmlView Page: declaration of element 'group32' .setProperty("X",1.5) // EJsS HtmlView.HtmlView Page: setting property 'X' for element 'group32' ; _view._addElement(EJSS_DRAWING2D.text,"textpe32", _view.group32) // EJsS HtmlView.HtmlView Page: declaration of element 'textpe32' .setProperty("SizeX",10) // EJsS HtmlView.HtmlView Page: setting property 'SizeX' for element 'textpe32' .setProperty("RelativePosition","SOUTH") // EJsS HtmlView.HtmlView Page: setting property 'RelativePosition' for element 'textpe32' .setProperty("X",0) // EJsS HtmlView.HtmlView Page: setting property 'X' for element 'textpe32' .setProperty("SizeY",10) // EJsS HtmlView.HtmlView Page: setting property 'SizeY' for element 'textpe32' .setProperty("PixelSize",true) // EJsS HtmlView.HtmlView Page: setting property 'PixelSize' for element 'textpe32' .setProperty("EnabledPosition","ENABLED_ANY") // EJsS HtmlView.HtmlView Page: setting property 'EnabledPosition' for element 'textpe32' ; _view._addElement(EJSS_DRAWING2D.shape,"TE2", _view.plottingPanel2) // EJsS HtmlView.HtmlView Page: declaration of element 'TE2' .setProperty("FillColor","Black") // EJsS HtmlView.HtmlView Page: setting property 'FillColor' for element 'TE2' .setProperty("SizeX",1) // EJsS HtmlView.HtmlView Page: setting property 'SizeX' for element 'TE2' .setProperty("RelativePosition","SOUTH_WEST") // EJsS HtmlView.HtmlView Page: setting property 'RelativePosition' for element 'TE2' .setProperty("ShapeType","RECTANGLE") // EJsS HtmlView.HtmlView Page: setting property 'ShapeType' for element 'TE2' .setProperty("X",2) // EJsS HtmlView.HtmlView Page: setting property 'X' for element 'TE2' .setProperty("Y",0) // EJsS HtmlView.HtmlView Page: setting property 'Y' for element 'TE2' ; _view._addElement(EJSS_DRAWING2D.shape,"model3", _view.plottingPanel2) // EJsS HtmlView.HtmlView Page: declaration of element 'model3' .setProperty("FillColor","Green") // EJsS HtmlView.HtmlView Page: setting property 'FillColor' for element 'model3' .setProperty("SizeX",1) // EJsS HtmlView.HtmlView Page: setting property 'SizeX' for element 'model3' .setProperty("RelativePosition","SOUTH_WEST") // EJsS HtmlView.HtmlView Page: setting property 'RelativePosition' for element 'model3' .setProperty("ShapeType","RECTANGLE") // EJsS HtmlView.HtmlView Page: setting property 'ShapeType' for element 'model3' .setProperty("X",3) // EJsS HtmlView.HtmlView Page: setting property 'X' for element 'model3' .setProperty("Y",0) // EJsS HtmlView.HtmlView Page: setting property 'Y' for element 'model3' ; _view._addElement(EJSS_DRAWING2D.group,"group322", _view.plottingPanel2) // EJsS HtmlView.HtmlView Page: declaration of element 'group322' .setProperty("X",2.5) // EJsS HtmlView.HtmlView Page: setting property 'X' for element 'group322' ; _view._addElement(EJSS_DRAWING2D.text,"textpe322", _view.group322) // EJsS HtmlView.HtmlView Page: declaration of element 'textpe322' .setProperty("SizeX",10) // EJsS HtmlView.HtmlView Page: setting property 'SizeX' for element 'textpe322' .setProperty("RelativePosition","SOUTH") // EJsS HtmlView.HtmlView Page: setting property 'RelativePosition' for element 'textpe322' .setProperty("X",0) // EJsS HtmlView.HtmlView Page: setting property 'X' for element 'textpe322' .setProperty("SizeY",10) // EJsS HtmlView.HtmlView Page: setting property 'SizeY' for element 'textpe322' .setProperty("PixelSize",true) // EJsS HtmlView.HtmlView Page: setting property 'PixelSize' for element 'textpe322' .setProperty("EnabledPosition","ENABLED_ANY") // EJsS HtmlView.HtmlView Page: setting property 'EnabledPosition' for element 'textpe322' ; _view._addElement(EJSS_DRAWING2D.plottingPanel,"centerPanelone2", _view.panel2) // EJsS HtmlView.HtmlView Page: declaration of element 'centerPanelone2' .setProperty("Height","90vh") // EJsS HtmlView.HtmlView Page: setting property 'Height' for element 'centerPanelone2' .setProperty("Gutters",[50,0,0,50]) // EJsS HtmlView.HtmlView Page: setting property 'Gutters' for element 'centerPanelone2' .setProperty("XTicks",11) // EJsS HtmlView.HtmlView Page: setting property 'XTicks' for element 'centerPanelone2' .setProperty("YScalePrecision",2) // EJsS HtmlView.HtmlView Page: setting property 'YScalePrecision' for element 'centerPanelone2' .setProperty("XFixedTick",0) // EJsS HtmlView.HtmlView Page: setting property 'XFixedTick' for element 'centerPanelone2' .setProperty("YFixedTick",0) // EJsS HtmlView.HtmlView Page: setting property 'YFixedTick' for element 'centerPanelone2' .setProperty("TRMessage"," KE =0.5*m*xo^2*ω^2*sin(w*t)*sin(w*t) , PE = 0.5*m*xo^2*ω^2*cos(w*t)*cos(w*t) , TE = 0.5*m*xo^2*ω^2 ") // EJsS HtmlView.HtmlView Page: setting property 'TRMessage' for element 'centerPanelone2' .setProperty("XAutoTicks",false) // EJsS HtmlView.HtmlView Page: setting property 'XAutoTicks' for element 'centerPanelone2' .setProperty("Title","energy vs time") // EJsS HtmlView.HtmlView Page: setting property 'Title' for element 'centerPanelone2' .setProperty("Enabled",true) // EJsS HtmlView.HtmlView Page: setting property 'Enabled' for element 'centerPanelone2' .setProperty("YTicks",11) // EJsS HtmlView.HtmlView Page: setting property 'YTicks' for element 'centerPanelone2' .setProperty("YAutoTicks",false) // EJsS HtmlView.HtmlView Page: setting property 'YAutoTicks' for element 'centerPanelone2' .setProperty("MinimumX",0) // EJsS HtmlView.HtmlView Page: setting property 'MinimumX' for element 'centerPanelone2' .setProperty("MinimumY",0) // EJsS HtmlView.HtmlView Page: setting property 'MinimumY' for element 'centerPanelone2' .setProperty("TitleY","energy") // EJsS HtmlView.HtmlView Page: setting property 'TitleY' for element 'centerPanelone2' .setProperty("TitleX","Time (s)") // EJsS HtmlView.HtmlView Page: setting property 'TitleX' for element 'centerPanelone2' .setProperty("AutoScaleY",false) // EJsS HtmlView.HtmlView Page: setting property 'AutoScaleY' for element 'centerPanelone2' .setProperty("AutoScaleX",true) // EJsS HtmlView.HtmlView Page: setting property 'AutoScaleX' for element 'centerPanelone2' .setProperty("MarginX",10) // EJsS HtmlView.HtmlView Page: setting property 'MarginX' for element 'centerPanelone2' .setProperty("MarginY",10) // EJsS HtmlView.HtmlView Page: setting property 'MarginY' for element 'centerPanelone2' .setProperty("GuttersColor","Orange") // EJsS HtmlView.HtmlView Page: setting property 'GuttersColor' for element 'centerPanelone2' .setProperty("XScalePrecision",1) // EJsS HtmlView.HtmlView Page: setting property 'XScalePrecision' for element 'centerPanelone2' ; _view._addElement(EJSS_DRAWING2D.trail,"userModelTrail", _view.centerPanelone2) // EJsS HtmlView.HtmlView Page: declaration of element 'userModelTrail' .setProperty("LineColor","rgba(64,128,64,1)") // EJsS HtmlView.HtmlView Page: setting property 'LineColor' for element 'userModelTrail' .setProperty("LineWidth",8) // EJsS HtmlView.HtmlView Page: setting property 'LineWidth' for element 'userModelTrail' ; _view._addElement(EJSS_DRAWING2D.analyticCurve,"analyticCurve", _view.centerPanelone2) // EJsS HtmlView.HtmlView Page: declaration of element 'analyticCurve' .setProperty("FunctionX","t") // EJsS HtmlView.HtmlView Page: setting property 'FunctionX' for element 'analyticCurve' .setProperty("Minimum",0) // EJsS HtmlView.HtmlView Page: setting property 'Minimum' for element 'analyticCurve' .setProperty("NumPoints",100) // EJsS HtmlView.HtmlView Page: setting property 'NumPoints' for element 'analyticCurve' .setProperty("Variable","t") // EJsS HtmlView.HtmlView Page: setting property 'Variable' for element 'analyticCurve' .setProperty("LineColor","Green") // EJsS HtmlView.HtmlView Page: setting property 'LineColor' for element 'analyticCurve' .setProperty("LineWidth",6) // EJsS HtmlView.HtmlView Page: setting property 'LineWidth' for element 'analyticCurve' ; _view._addElement(EJSS_DRAWING2D.trail,"trail22", _view.centerPanelone2) // EJsS HtmlView.HtmlView Page: declaration of element 'trail22' .setProperty("LineColor","Blue") // EJsS HtmlView.HtmlView Page: setting property 'LineColor' for element 'trail22' .setProperty("LineWidth",1.5) // EJsS HtmlView.HtmlView Page: setting property 'LineWidth' for element 'trail22' ; _view._addElement(EJSS_DRAWING2D.shape,"trailDot222", _view.centerPanelone2) // EJsS HtmlView.HtmlView Page: declaration of element 'trailDot222' .setProperty("FillColor","Blue") // EJsS HtmlView.HtmlView Page: setting property 'FillColor' for element 'trailDot222' .setProperty("SizeX",10) // EJsS HtmlView.HtmlView Page: setting property 'SizeX' for element 'trailDot222' .setProperty("LineColor","Black") // EJsS HtmlView.HtmlView Page: setting property 'LineColor' for element 'trailDot222' .setProperty("SizeY",10) // EJsS HtmlView.HtmlView Page: setting property 'SizeY' for element 'trailDot222' .setProperty("PixelSize",true) // EJsS HtmlView.HtmlView Page: setting property 'PixelSize' for element 'trailDot222' ; _view._addElement(EJSS_DRAWING2D.group,"group", _view.centerPanelone2) // EJsS HtmlView.HtmlView Page: declaration of element 'group' ; _view._addElement(EJSS_DRAWING2D.text,"textpe", _view.group) // EJsS HtmlView.HtmlView Page: declaration of element 'textpe' .setProperty("SizeX",10) // EJsS HtmlView.HtmlView Page: setting property 'SizeX' for element 'textpe' .setProperty("RelativePosition","NORTH_EAST") // EJsS HtmlView.HtmlView Page: setting property 'RelativePosition' for element 'textpe' .setProperty("SizeY",10) // EJsS HtmlView.HtmlView Page: setting property 'SizeY' for element 'textpe' .setProperty("PixelSize",true) // EJsS HtmlView.HtmlView Page: setting property 'PixelSize' for element 'textpe' .setProperty("EnabledPosition","ENABLED_ANY") // EJsS HtmlView.HtmlView Page: setting property 'EnabledPosition' for element 'textpe' ; _view._addElement(EJSS_DRAWING2D.trail,"trail2222", _view.centerPanelone2) // EJsS HtmlView.HtmlView Page: declaration of element 'trail2222' .setProperty("LineColor","Magenta") // EJsS HtmlView.HtmlView Page: setting property 'LineColor' for element 'trail2222' .setProperty("LineWidth",1.5) // EJsS HtmlView.HtmlView Page: setting property 'LineWidth' for element 'trail2222' ; _view._addElement(EJSS_DRAWING2D.shape,"trailDot22222", _view.centerPanelone2) // EJsS HtmlView.HtmlView Page: declaration of element 'trailDot22222' .setProperty("FillColor","Magenta") // EJsS HtmlView.HtmlView Page: setting property 'FillColor' for element 'trailDot22222' .setProperty("SizeX",10) // EJsS HtmlView.HtmlView Page: setting property 'SizeX' for element 'trailDot22222' .setProperty("LineColor","Black") // EJsS HtmlView.HtmlView Page: setting property 'LineColor' for element 'trailDot22222' .setProperty("PixelSize",true) // EJsS HtmlView.HtmlView Page: setting property 'PixelSize' for element 'trailDot22222' .setProperty("SizeY",10) // EJsS HtmlView.HtmlView Page: setting property 'SizeY' for element 'trailDot22222' ; _view._addElement(EJSS_DRAWING2D.group,"group2", _view.centerPanelone2) // EJsS HtmlView.HtmlView Page: declaration of element 'group2' ; _view._addElement(EJSS_DRAWING2D.text,"textpe2", _view.group2) // EJsS HtmlView.HtmlView Page: declaration of element 'textpe2' .setProperty("SizeX",10) // EJsS HtmlView.HtmlView Page: setting property 'SizeX' for element 'textpe2' .setProperty("RelativePosition","EAST") // EJsS HtmlView.HtmlView Page: setting property 'RelativePosition' for element 'textpe2' .setProperty("SizeY",10) // EJsS HtmlView.HtmlView Page: setting property 'SizeY' for element 'textpe2' .setProperty("PixelSize",true) // EJsS HtmlView.HtmlView Page: setting property 'PixelSize' for element 'textpe2' .setProperty("EnabledPosition","ENABLED_ANY") // EJsS HtmlView.HtmlView Page: setting property 'EnabledPosition' for element 'textpe2' ; _view._addElement(EJSS_DRAWING2D.trail,"alpha2", _view.centerPanelone2) // EJsS HtmlView.HtmlView Page: declaration of element 'alpha2' .setProperty("LineColor","Black") // EJsS HtmlView.HtmlView Page: setting property 'LineColor' for element 'alpha2' .setProperty("LineWidth",1.5) // EJsS HtmlView.HtmlView Page: setting property 'LineWidth' for element 'alpha2' ; _view._addElement(EJSS_DRAWING2D.shape,"trailDot22322", _view.centerPanelone2) // EJsS HtmlView.HtmlView Page: declaration of element 'trailDot22322' .setProperty("FillColor","Black") // EJsS HtmlView.HtmlView Page: setting property 'FillColor' for element 'trailDot22322' .setProperty("SizeX",10) // EJsS HtmlView.HtmlView Page: setting property 'SizeX' for element 'trailDot22322' .setProperty("LineColor","Black") // EJsS HtmlView.HtmlView Page: setting property 'LineColor' for element 'trailDot22322' .setProperty("PixelSize",true) // EJsS HtmlView.HtmlView Page: setting property 'PixelSize' for element 'trailDot22322' .setProperty("SizeY",10) // EJsS HtmlView.HtmlView Page: setting property 'SizeY' for element 'trailDot22322' ; _view._addElement(EJSS_DRAWING2D.group,"group22", _view.centerPanelone2) // EJsS HtmlView.HtmlView Page: declaration of element 'group22' ; _view._addElement(EJSS_DRAWING2D.text,"textpe22", _view.group22) // EJsS HtmlView.HtmlView Page: declaration of element 'textpe22' .setProperty("SizeX",10) // EJsS HtmlView.HtmlView Page: setting property 'SizeX' for element 'textpe22' .setProperty("RelativePosition","SOUTH_EAST") // EJsS HtmlView.HtmlView Page: setting property 'RelativePosition' for element 'textpe22' .setProperty("SizeY",10) // EJsS HtmlView.HtmlView Page: setting property 'SizeY' for element 'textpe22' .setProperty("PixelSize",true) // EJsS HtmlView.HtmlView Page: setting property 'PixelSize' for element 'textpe22' .setProperty("EnabledPosition","ENABLED_ANY") // EJsS HtmlView.HtmlView Page: setting property 'EnabledPosition' for element 'textpe22' ; _view._addElement(EJSS_DRAWING2D.shape,"mass2222", _view.centerPanelone2) // EJsS HtmlView.HtmlView Page: declaration of element 'mass2222' .setProperty("FillColor","rgba(255,200,0,0.5)") // EJsS HtmlView.HtmlView Page: setting property 'FillColor' for element 'mass2222' .setProperty("SizeX",10) // EJsS HtmlView.HtmlView Page: setting property 'SizeX' for element 'mass2222' .setProperty("RelativePosition","CENTERED") // EJsS HtmlView.HtmlView Page: setting property 'RelativePosition' for element 'mass2222' .setProperty("ShapeType","WHEEL") // EJsS HtmlView.HtmlView Page: setting property 'ShapeType' for element 'mass2222' .setProperty("LineColor","Blue") // EJsS HtmlView.HtmlView Page: setting property 'LineColor' for element 'mass2222' .setProperty("PixelSize",true) // EJsS HtmlView.HtmlView Page: setting property 'PixelSize' for element 'mass2222' .setProperty("SizeY",10) // EJsS HtmlView.HtmlView Page: setting property 'SizeY' for element 'mass2222' ; _view._addElement(EJSS_DRAWING2D.shape,"mass233", _view.centerPanelone2) // EJsS HtmlView.HtmlView Page: declaration of element 'mass233' .setProperty("FillColor","rgba(0,255,0,0.5)") // EJsS HtmlView.HtmlView Page: setting property 'FillColor' for element 'mass233' .setProperty("SizeX",10) // EJsS HtmlView.HtmlView Page: setting property 'SizeX' for element 'mass233' .setProperty("RelativePosition","CENTERED") // EJsS HtmlView.HtmlView Page: setting property 'RelativePosition' for element 'mass233' .setProperty("ShapeType","WHEEL") // EJsS HtmlView.HtmlView Page: setting property 'ShapeType' for element 'mass233' .setProperty("LineColor","Blue") // EJsS HtmlView.HtmlView Page: setting property 'LineColor' for element 'mass233' .setProperty("PixelSize",true) // EJsS HtmlView.HtmlView Page: setting property 'PixelSize' for element 'mass233' .setProperty("SizeY",10) // EJsS HtmlView.HtmlView Page: setting property 'SizeY' for element 'mass233' ; _view._addElement(EJSS_DRAWING2D.shape,"mass2322", _view.centerPanelone2) // EJsS HtmlView.HtmlView Page: declaration of element 'mass2322' .setProperty("FillColor","Green") // EJsS HtmlView.HtmlView Page: setting property 'FillColor' for element 'mass2322' .setProperty("SizeX",10) // EJsS HtmlView.HtmlView Page: setting property 'SizeX' for element 'mass2322' .setProperty("RelativePosition","CENTERED") // EJsS HtmlView.HtmlView Page: setting property 'RelativePosition' for element 'mass2322' .setProperty("ShapeType","WHEEL") // EJsS HtmlView.HtmlView Page: setting property 'ShapeType' for element 'mass2322' .setProperty("LineColor","Blue") // EJsS HtmlView.HtmlView Page: setting property 'LineColor' for element 'mass2322' .setProperty("X",0) // EJsS HtmlView.HtmlView Page: setting property 'X' for element 'mass2322' .setProperty("PixelSize",true) // EJsS HtmlView.HtmlView Page: setting property 'PixelSize' for element 'mass2322' .setProperty("SizeY",10) // EJsS HtmlView.HtmlView Page: setting property 'SizeY' for element 'mass2322' ; _view._addElement(EJSS_DRAWING2D.plottingPanel,"plottingPanelxvst2", _view.panel2) // EJsS HtmlView.HtmlView Page: declaration of element 'plottingPanelxvst2' .setProperty("Height","90vh") // EJsS HtmlView.HtmlView Page: setting property 'Height' for element 'plottingPanelxvst2' .setProperty("Gutters",[50,0,0,50]) // EJsS HtmlView.HtmlView Page: setting property 'Gutters' for element 'plottingPanelxvst2' .setProperty("XTicks",11) // EJsS HtmlView.HtmlView Page: setting property 'XTicks' for element 'plottingPanelxvst2' .setProperty("YScalePrecision",2) // EJsS HtmlView.HtmlView Page: setting property 'YScalePrecision' for element 'plottingPanelxvst2' .setProperty("XFixedTick",0) // EJsS HtmlView.HtmlView Page: setting property 'XFixedTick' for element 'plottingPanelxvst2' .setProperty("Title","Displacement/Velocity vs. Displacement") // EJsS HtmlView.HtmlView Page: setting property 'Title' for element 'plottingPanelxvst2' .setProperty("YTicks",11) // EJsS HtmlView.HtmlView Page: setting property 'YTicks' for element 'plottingPanelxvst2' .setProperty("YFixedTick",0) // EJsS HtmlView.HtmlView Page: setting property 'YFixedTick' for element 'plottingPanelxvst2' .setProperty("YAutoTicks",false) // EJsS HtmlView.HtmlView Page: setting property 'YAutoTicks' for element 'plottingPanelxvst2' .setProperty("MinimumY",0) // EJsS HtmlView.HtmlView Page: setting property 'MinimumY' for element 'plottingPanelxvst2' .setProperty("TitleY","Energies") // EJsS HtmlView.HtmlView Page: setting property 'TitleY' for element 'plottingPanelxvst2' .setProperty("TitleX","x Position (m) ≈ ϑ Position (rad) ") // EJsS HtmlView.HtmlView Page: setting property 'TitleX' for element 'plottingPanelxvst2' .setProperty("AutoScaleY",false) // EJsS HtmlView.HtmlView Page: setting property 'AutoScaleY' for element 'plottingPanelxvst2' .setProperty("AutoScaleX",false) // EJsS HtmlView.HtmlView Page: setting property 'AutoScaleX' for element 'plottingPanelxvst2' .setProperty("MarginX",5) // EJsS HtmlView.HtmlView Page: setting property 'MarginX' for element 'plottingPanelxvst2' .setProperty("MarginY",10) // EJsS HtmlView.HtmlView Page: setting property 'MarginY' for element 'plottingPanelxvst2' .setProperty("XAutoTicks",false) // EJsS HtmlView.HtmlView Page: setting property 'XAutoTicks' for element 'plottingPanelxvst2' .setProperty("GuttersColor","Pink") // EJsS HtmlView.HtmlView Page: setting property 'GuttersColor' for element 'plottingPanelxvst2' .setProperty("XScalePrecision",2) // EJsS HtmlView.HtmlView Page: setting property 'XScalePrecision' for element 'plottingPanelxvst2' ; _view._addElement(EJSS_DRAWING2D.trail,"userModelTrail2", _view.plottingPanelxvst2) // EJsS HtmlView.HtmlView Page: declaration of element 'userModelTrail2' .setProperty("LineColor","rgba(64,128,64,1)") // EJsS HtmlView.HtmlView Page: setting property 'LineColor' for element 'userModelTrail2' .setProperty("LineWidth",8) // EJsS HtmlView.HtmlView Page: setting property 'LineWidth' for element 'userModelTrail2' ; _view._addElement(EJSS_DRAWING2D.analyticCurve,"analyticCurve2", _view.plottingPanelxvst2) // EJsS HtmlView.HtmlView Page: declaration of element 'analyticCurve2' .setProperty("FunctionX","x") // EJsS HtmlView.HtmlView Page: setting property 'FunctionX' for element 'analyticCurve2' .setProperty("NumPoints",100) // EJsS HtmlView.HtmlView Page: setting property 'NumPoints' for element 'analyticCurve2' .setProperty("Variable","x") // EJsS HtmlView.HtmlView Page: setting property 'Variable' for element 'analyticCurve2' .setProperty("LineColor","Green") // EJsS HtmlView.HtmlView Page: setting property 'LineColor' for element 'analyticCurve2' .setProperty("LineWidth",6) // EJsS HtmlView.HtmlView Page: setting property 'LineWidth' for element 'analyticCurve2' ; _view._addElement(EJSS_DRAWING2D.group,"labels22", _view.plottingPanelxvst2) // EJsS HtmlView.HtmlView Page: declaration of element 'labels22' ; _view._addElement(EJSS_DRAWING2D.text,"ke2", _view.labels22) // EJsS HtmlView.HtmlView Page: declaration of element 'ke2' .setProperty("FillColor","rgba(200,0,200,255)") // EJsS HtmlView.HtmlView Page: setting property 'FillColor' for element 'ke2' .setProperty("SizeX",10) // EJsS HtmlView.HtmlView Page: setting property 'SizeX' for element 'ke2' .setProperty("RelativePosition","NORTH_EAST") // EJsS HtmlView.HtmlView Page: setting property 'RelativePosition' for element 'ke2' .setProperty("Text","KE") // EJsS HtmlView.HtmlView Page: setting property 'Text' for element 'ke2' .setProperty("SizeY",10) // EJsS HtmlView.HtmlView Page: setting property 'SizeY' for element 'ke2' .setProperty("PixelSize",true) // EJsS HtmlView.HtmlView Page: setting property 'PixelSize' for element 'ke2' ; _view._addElement(EJSS_DRAWING2D.text,"pe", _view.labels22) // EJsS HtmlView.HtmlView Page: declaration of element 'pe' .setProperty("FillColor","rgba(0,0,150,255)") // EJsS HtmlView.HtmlView Page: setting property 'FillColor' for element 'pe' .setProperty("SizeX",10) // EJsS HtmlView.HtmlView Page: setting property 'SizeX' for element 'pe' .setProperty("RelativePosition","SOUTH_EAST") // EJsS HtmlView.HtmlView Page: setting property 'RelativePosition' for element 'pe' .setProperty("Text","PE") // EJsS HtmlView.HtmlView Page: setting property 'Text' for element 'pe' .setProperty("SizeY",10) // EJsS HtmlView.HtmlView Page: setting property 'SizeY' for element 'pe' .setProperty("PixelSize",true) // EJsS HtmlView.HtmlView Page: setting property 'PixelSize' for element 'pe' ; _view._addElement(EJSS_DRAWING2D.text,"te", _view.labels22) // EJsS HtmlView.HtmlView Page: declaration of element 'te' .setProperty("FillColor","Black") // EJsS HtmlView.HtmlView Page: setting property 'FillColor' for element 'te' .setProperty("SizeX",10) // EJsS HtmlView.HtmlView Page: setting property 'SizeX' for element 'te' .setProperty("RelativePosition","SOUTH_WEST") // EJsS HtmlView.HtmlView Page: setting property 'RelativePosition' for element 'te' .setProperty("Text","TE") // EJsS HtmlView.HtmlView Page: setting property 'Text' for element 'te' .setProperty("SizeY",10) // EJsS HtmlView.HtmlView Page: setting property 'SizeY' for element 'te' .setProperty("PixelSize",true) // EJsS HtmlView.HtmlView Page: setting property 'PixelSize' for element 'te' ; _view._addElement(EJSS_DRAWING2D.group,"axes", _view.plottingPanelxvst2) // EJsS HtmlView.HtmlView Page: declaration of element 'axes' ; _view._addElement(EJSS_DRAWING2D.arrow,"arrow3", _view.axes) // EJsS HtmlView.HtmlView Page: declaration of element 'arrow3' .setProperty("MarkEnd","TRIANGLE") // EJsS HtmlView.HtmlView Page: setting property 'MarkEnd' for element 'arrow3' .setProperty("SizeX",4) // EJsS HtmlView.HtmlView Page: setting property 'SizeX' for element 'arrow3' .setProperty("X",0) // EJsS HtmlView.HtmlView Page: setting property 'X' for element 'arrow3' .setProperty("Y",0) // EJsS HtmlView.HtmlView Page: setting property 'Y' for element 'arrow3' .setProperty("SizeY",0) // EJsS HtmlView.HtmlView Page: setting property 'SizeY' for element 'arrow3' .setProperty("Offset","CENTERED") // EJsS HtmlView.HtmlView Page: setting property 'Offset' for element 'arrow3' ; _view._addElement(EJSS_DRAWING2D.arrow,"arrow32", _view.axes) // EJsS HtmlView.HtmlView Page: declaration of element 'arrow32' .setProperty("MarkEnd","TRIANGLE") // EJsS HtmlView.HtmlView Page: setting property 'MarkEnd' for element 'arrow32' .setProperty("SizeX",0) // EJsS HtmlView.HtmlView Page: setting property 'SizeX' for element 'arrow32' .setProperty("X",0) // EJsS HtmlView.HtmlView Page: setting property 'X' for element 'arrow32' .setProperty("Y",0) // EJsS HtmlView.HtmlView Page: setting property 'Y' for element 'arrow32' .setProperty("Offset","SOUTH_WEST") // EJsS HtmlView.HtmlView Page: setting property 'Offset' for element 'arrow32' ; _view._addElement(EJSS_DRAWING2D.trail,"trail92", _view.plottingPanelxvst2) // EJsS HtmlView.HtmlView Page: declaration of element 'trail92' .setProperty("LineColor","rgba(0,0,150,255)") // EJsS HtmlView.HtmlView Page: setting property 'LineColor' for element 'trail92' .setProperty("LineWidth",2) // EJsS HtmlView.HtmlView Page: setting property 'LineWidth' for element 'trail92' ; _view._addElement(EJSS_DRAWING2D.shape,"trailDot2324", _view.plottingPanelxvst2) // EJsS HtmlView.HtmlView Page: declaration of element 'trailDot2324' .setProperty("FillColor","rgba(0,0,150,255)") // EJsS HtmlView.HtmlView Page: setting property 'FillColor' for element 'trailDot2324' .setProperty("SizeX",10) // EJsS HtmlView.HtmlView Page: setting property 'SizeX' for element 'trailDot2324' .setProperty("LineColor","Black") // EJsS HtmlView.HtmlView Page: setting property 'LineColor' for element 'trailDot2324' .setProperty("PixelSize",true) // EJsS HtmlView.HtmlView Page: setting property 'PixelSize' for element 'trailDot2324' .setProperty("SizeY",10) // EJsS HtmlView.HtmlView Page: setting property 'SizeY' for element 'trailDot2324' ; _view._addElement(EJSS_DRAWING2D.trail,"trail10", _view.plottingPanelxvst2) // EJsS HtmlView.HtmlView Page: declaration of element 'trail10' .setProperty("LineColor","rgba(200,0,200,255)") // EJsS HtmlView.HtmlView Page: setting property 'LineColor' for element 'trail10' .setProperty("LineWidth",2) // EJsS HtmlView.HtmlView Page: setting property 'LineWidth' for element 'trail10' ; _view._addElement(EJSS_DRAWING2D.shape,"trailDot23222", _view.plottingPanelxvst2) // EJsS HtmlView.HtmlView Page: declaration of element 'trailDot23222' .setProperty("FillColor","rgba(200,0,200,255)") // EJsS HtmlView.HtmlView Page: setting property 'FillColor' for element 'trailDot23222' .setProperty("SizeX",10) // EJsS HtmlView.HtmlView Page: setting property 'SizeX' for element 'trailDot23222' .setProperty("LineColor","Black") // EJsS HtmlView.HtmlView Page: setting property 'LineColor' for element 'trailDot23222' .setProperty("SizeY",10) // EJsS HtmlView.HtmlView Page: setting property 'SizeY' for element 'trailDot23222' .setProperty("PixelSize",true) // EJsS HtmlView.HtmlView Page: setting property 'PixelSize' for element 'trailDot23222' ; _view._addElement(EJSS_DRAWING2D.trail,"trail11", _view.plottingPanelxvst2) // EJsS HtmlView.HtmlView Page: declaration of element 'trail11' .setProperty("LineColor","Black") // EJsS HtmlView.HtmlView Page: setting property 'LineColor' for element 'trail11' .setProperty("LineWidth",2) // EJsS HtmlView.HtmlView Page: setting property 'LineWidth' for element 'trail11' ; _view._addElement(EJSS_DRAWING2D.shape,"trailDot23232", _view.plottingPanelxvst2) // EJsS HtmlView.HtmlView Page: declaration of element 'trailDot23232' .setProperty("FillColor","Black") // EJsS HtmlView.HtmlView Page: setting property 'FillColor' for element 'trailDot23232' .setProperty("SizeX",10) // EJsS HtmlView.HtmlView Page: setting property 'SizeX' for element 'trailDot23232' .setProperty("LineColor","Black") // EJsS HtmlView.HtmlView Page: setting property 'LineColor' for element 'trailDot23232' .setProperty("SizeY",10) // EJsS HtmlView.HtmlView Page: setting property 'SizeY' for element 'trailDot23232' .setProperty("PixelSize",true) // EJsS HtmlView.HtmlView Page: setting property 'PixelSize' for element 'trailDot23232' ; _view._addElement(EJSS_INTERFACE.panel,"panel", _view.fullscreen) // EJsS HtmlView.HtmlView Page: declaration of element 'panel' .setProperty("Width","100%") // EJsS HtmlView.HtmlView Page: setting property 'Width' for element 'panel' .setProperty("Html","
1. Click reset to generate a new random angle θ to the vertical downwards y axis.
2. Use sliders θ and L to vary the angle and length of the pendulum respectively.
3. Click play to run the model.
4.1 Describe in words, when the kinetic energy is zero.
4.2 Describe in words, when the kinetic energy is maximum.
4.3 Describe in words the condition relating velocity to kinetic energy. For example when the velocity is zero, KE is__________. when the velocity is increase, KE __________. when the velocity is greatest, KE is __________.
5.1 Describe in words, when the potential energy is maximum.
5.2 Describe in words, when the potential energy is zero.
5.3 Describe in words the condition relating vertical height y to potential energy. For example when the vertical height y is greatest, PE is__________. when the vertical height y is decreasing, PE is__________. when the vertical height y is lowest, PE is__________
5.4 Hence or otherwise, suggest the evidences why is PE sometimes called 'stored energy'?
6. Notice how the energy bars of kinetic energy (KE), potential energy (PE) and total energy (TE) vary as the pendulum swings with time.Write down the relationship-equation relating KE, PE and TE together.
7. Notice how the energy graphs trails of kinetic energy (KE), potential energy (PE) and total energy (TE) vary as the pendulum swings with time.
8. For each scenario during one swing (once you have picked a starting point), what quantity is conserved (does not change): a) KE, b) PE, c) TE?, how does to total energy change? The total energy is ________________
1. This model can be used to visualize the relationship that KE + PE = TE.
2. Maximum position (GREEN and ORANGE markers) are added to help teachers and students archor their discussions and argumentations, regarding the position of KEmax and PEmax in relation to one complete swing-period.
3. This model also allows students to click and drag the mass, m for added interactivity and control, thanks to Professor Anne Cox's model
4. Explore your pendulum energy here to test your understanding.
") // EJsS HtmlView.HtmlView Page: setting property 'Html' for element 'panel' ; _view._addElement(EJSS_INTERFACE.html,"questionArea", _view.panel) // EJsS HtmlView.HtmlView Page: declaration of element 'questionArea' .setProperty("Height","100%") // EJsS HtmlView.HtmlView Page: setting property 'Height' for element 'questionArea' ; }; return _view; } //-->