{ "information": { "Title": "how_to_analtyicCurve_and_Particle_Move", "Author": [ "weelookang@gmail.com", "Francisco Esquembre", "Felix J. Garcia Clemente" ], "AuthorLogo": [ "./1authorlookangphoto5050.png", "./01authorPacoEsquembre2011.png", "./01authorFelix_J_Garcia_Clemente.png" ], "Password": "", "Keywords": "", "Abstract": "", "Copyright": "", "Level": "", "Language": "", "Logo": [ "./analytics_logo.png" ], "RunAlways": "true", "ModelTab": "", "ModelTabTitle": "", "ModelName": "", "FixedNavigationBar": "false", "CSSFile": "", "DetectedFiles": [ "./01authorFelix_J_Garcia_Clemente.png", "./01authorPacoEsquembre2011.png", "./1authorlookangphoto5050.png", "./analytics_logo.png" ], "AuxiliaryFiles": [ "./lookangtemplateSLS/", "./analytics_logo.png" ], "HTMLHead": "", "SaveInXMLFormat": "false", "IncludeSource": "true", "IncludeLibrary": "true", "UglifyJS": "false", "PreviewFullModel": "false", "UseInterpreter": "true", "UseDeltaForODE": "false" }, "description": { "pages": [] }, "model": { "variables": { "pages": [ { "Name": "Var Table", "Active": "true", "Internal": "false", "Type": "VARIABLE_EDITOR", "PageComment": "", "Variables": [ { "Name": "t", "Value": "0", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "dt", "Value": "0.05", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "pi", "Value": "Math.PI", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "font", "Value": "\"normal normal 2vw \"", "Type": "String", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "n", "Value": "32", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "angle", "Value": "pi", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "posX", "Value": "0", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "posY", "Value": "0", "Type": "double", "Dimension": "", "Comment": "", "Domain": "public" }, { "Name": "velX", "Value": "0", "Type": "double", "Dimension": "", "Comment": "", "Domain": "public" }, { "Name": "velY", "Value": "0", "Type": "double", "Dimension": "", "Comment": "", "Domain": "public" }, { "Name": "accX", "Value": "0", "Type": "double", "Dimension": "", "Comment": "", "Domain": "public" }, { "Name": "accY", "Value": "0", "Type": "double", "Dimension": "", "Comment": "", "Domain": "public" }, { "Name": "", "Value": "", "Type": "double", "Dimension": "", "Comment": "", "Domain": "public" } ] }, { "Name": "circle", "Active": "true", "Internal": "false", "Type": "VARIABLE_EDITOR", "PageComment": "", "Variables": [ { "Name": "theta", "Value": "pi/4", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "", "Value": "", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" } ] }, { "Name": "model", "Active": "true", "Internal": "false", "Type": "VARIABLE_EDITOR", "PageComment": "", "Variables": [ { "Name": "functionX", "Value": "\"t\"", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "functionY", "Value": "\"2*sin(t)\"", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "modelX", "Value": "0", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "modelY", "Value": "0", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "", "Value": "", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" } ] }, { "Name": "layout", "Active": "true", "Internal": "false", "Type": "VARIABLE_EDITOR", "PageComment": "", "Variables": [ { "Name": "Width", "Value": "(_isEPub)?\"400\":\"100%\"", "Type": "String", "Dimension": "", "Comment": "display width", "Domain": "public" }, { "Name": "Height", "Value": "(_isEPub)?\"500\":\"100%\"", "Type": "String", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "Width1", "Value": "\"100%\"", "Type": "String", "Dimension": "", "Comment": "display width", "Domain": "public" }, { "Name": "Width2", "Value": "\"50%\"", "Type": "String", "Dimension": "", "Comment": "display width", "Domain": "public" }, { "Name": "world", "Value": "true", "Type": "boolean", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "graph", "Value": "true", "Type": "boolean", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "disabledworld", "Value": "false", "Type": "boolean", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "disabled", "Value": "false", "Type": "boolean", "Dimension": "", "Comment": "null", "Domain": "public" } ] }, { "Name": "cells", "Active": "true", "Internal": "false", "Type": "VARIABLE_EDITOR", "PageComment": "", "Variables": [ { "Name": "", "Value": "", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "xmin", "Value": "-10", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "xmax", "Value": "10", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "ymin", "Value": "-10", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "ymax", "Value": "10", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" } ] } ] }, "initialization": { "pages": [ { "Name": "Init Page 1", "Active": "true", "Internal": "false", "Type": "undefined", "Comment": "", "Code": "// Init Page 1\nfunctionX = \"t\"\nfunctionY = \"2*sin(t)\"" } ] }, "evolution": { "information": { "FPS": "20", "SPD": "1", "RealTimeVariable": "", "Autoplay": "false" }, "pages": [ { "Name": "Evol Page", "Active": "true", "Internal": "false", "Type": "ODE_EDITOR", "Comment": "", "IndependentVariable": "t", "Increment": "dt", "Equations": [ { "state": "", "rate": "" } ], "Method": "RungeKutta", "AbsoluteTolerance": "0.00001", "PreliminaryCode": { "Code": "", "Comment": "Code to be executed before rate equations are evaluated" }, "EventMaximumStep": "", "Events": { "pages": [] }, "ZenoEffect": { "Code": "", "Comment": "", "StopAfterEffect": "true" }, "AccelerationIndependentOfVelocity": "false", "ForceSynchronization": "false", "UseBestInterpolation": "false", "EstimateFirstStep": "false", "MemoryLength": "", "InternalStep": "", "MaximumStep": "", "MaximumNumberOfSteps": "10000", "RelativeTolerance": "", "DelayList": "", "DelayMaximum": "", "DelayAddDiscont": "", "DelayInitialCondition": { "Code": "", "Comment": "" }, "DirectIncidenceMatrix": "", "Discontinuities": { "pages": [] }, "ErrorHandling": { "pages": [] } } ] }, "fixed_relations": { "pages": [ { "Name": "FixRel Page 1", "Active": "true", "Internal": "false", "Type": "undefined", "Comment": "", "Code": "// FixRel Page 1\n//modelX =_view.fField.evaluate({ t: t}); \nmodelX = t; // Linear motion along the x-axis\nmodelY =_view.fField.evaluate({ t : t, y : modelY }); " } ] }, "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": "changeOrientation", "Active": "true", "Internal": "false", "Type": "LIBRARY_EDITOR", "Comment": "", "Code": "// code to be copied to EJSS source code under Custom and used in drawingPanel3D and plottingPanel2D\n// address the problem is height difference is iOS app , epub, and Firefox\n// user need to change only k and kepub\n// copy %changeOrientation()% into the Height Field of drawingPanel3D and plottingPanel2D\nfunction changeOrientation() {\n \nvar k =0.90 ; // k control height 1 is for full screen, 0.9 shorten etc\nvar kapple =0.90 // control apple app height\nvar kepub =0.90 ;\n// check platform for Apps\ntry { // allow code to run in Student Learning Space \n var iOSapp = (typeof parent.device != 'undefined' && parent.device.platform == \"iOS\");\n var Androidapp = (typeof parent.device != 'undefined' && parent.device.platform == \"Android\");\n} catch(e) {\n var iOSapp = false;\n var Androidapp = false;\n}\n// check platform for web browsers\nvar iOS =/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;\nvar iPad =/iPad/.test(navigator.userAgent) && !window.MSStream;\nvar iPhone = /iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;\nvar Android= /Android|android/i.test(navigator.userAgent);\n\n//navigator\nvar Firefox = navigator.userAgent.indexOf(\"Firefox\") != -1;\n \nswitch (window.orientation) { // using window.orientation as deciding factor\n case 0:\n case 180:\n this.screenOrientation = 'portrait';\n if (iOSapp){ // does not seems to work\n \n return window.screen.height*kapple; //0.1 for app and 0.1 for nonfullscreenapp \n \n }\n else if (_isEPub){ // does not seems to work\n // return Math.max(window.screen.width,window.screen.height)*0.9;\n return window.innerHeight*kepub; //0.1 for app and 0.1 for nonfullscreenapp \n // return window.screen.height;\n // return window.innerHeight;\n // return document.documentElement.clientHeight;\n }\n \n else {\n \n return 100*k+\"vh\";\n }\n break;\n case 90:\n case -90:\n this.screenOrientation = 'landscape';\n \n if (iOSapp){ // App\n return window.screen.width*kapple; \n // return window.screen.height;\n // return window.innerHeight;\n // return document.documentElement.clientHeight;\n }\n else if (_isEPub){ // does not seems to work\n // return Math.max(window.screen.width,window.screen.height)*0.9;\n return window.innerHeight*kepub; //0.1 for app and 0.1 for nonfullscreenapp \n // return window.screen.height;\n // return window.innerHeight;\n // return document.documentElement.clientHeight;\n }\n \n else {\n return 100*k+\"vh\";\n }\n break;\n default:\n this.screenOrientation = 'unknown';\n // return (iPad)?\"\"+(window.screen.width+window.screen.height)*0.4:((iPhone)?\"\"+window.screen.width:_view._format(window.innerHeight*0.9,\"0\"));\n if (Firefox){\n return window.innerHeight*k;// number as of 20180831 Firefox does not support vh yet so need a separate line to handle\n }\n // else if (iOS&&(window.orientation==0)||(window.orientation==180)){\n // return window.screen.height*k;// number as of 20180831 Firefox does not support vh yet so need a separate line to handle\n // }\n // else if (iOS&&(window.orientation==90)||(window.orientation==-90)){\n // return window.screen.width*k;// number as of 20180831 Firefox does not support vh yet so need a separate line to handle\n // }\n else {\n //alert();\n // return 100*k+\"%\"; // work on fullscreen works in EJSS6.0beta\n // works in EjsS_5.3_180131\n return window.innerHeight*k; // work on panel \n \n}\n\n}\n \n}" }, { "Name": "speech", "Active": "true", "Internal": "false", "Type": "LIBRARY_EDITOR", "Comment": "", "Code": "// copy this custom function\n// in iOS need to add speech to the play button as On iOS the API works but must be triggered by a user action callback, like a response to a tap event, to provide a better experience to users and avoid unexpected sounds out of your phone\nfunction speech (option) {\n\n\ntry { // allow code to run in Student Learning Space \nvar isCordova = (!!this.parent.cordova || !!window.cordova);\nif(isCordova) { // check it is running in Android or iOS\n // parent.TTS.speak({text:option,locale:'zh-CN'});\n\tparent.TTS.speak({text:option,locale:'us-EN'});\n\t// parent.TTS.speak({text:option,locale:'en-US'});\n\t// parent.TTS.speak({text:option,locale:'id-ID'});\n} \n} \ncatch(e) {\n var isCordova = false;\n }\n \n var msg = new SpeechSynthesisUtterance(option);\n\n //https://stackoverflow.com/questions/43983845/speechsynthesis-api-for-chinese-firefox\n // Set the text.\n\t//msg.text = option; \n\t//https://forums.developer.apple.com/message/323564#323564\n\t// comment out the next 2 lines for english\n//msg.voice = speechSynthesis.getVoices().filter(function(voice) { return voice.name == 'Ting-Ting'; })[0];\n//msg.lang = 'zh-CH'; // need for android?\n//msg.lang = 'id-ID'; // need for android?\nmsg.lang = 'us-EN'; // need for android?\n\n//https://flaviocopes.com/speech-synthesis-api/\n//debug\n//console.log(`Voices #: ${speechSynthesis.getVoices().length}`)\n//speechSynthesis.getVoices().forEach(voice => {\n// console.log(voice.name, voice.lang)\n//})\n//debug\n\n// Queue this utterance.\nwindow.speechSynthesis.speak(msg);\n\n\n\n \n\n}" } ] }, "elements": { "list": [] } }, "view": { "Tree": [ { "Name": "fullscreen", "Type": "Panel", "Expanded": "true", "Properties": [ { "name": "Width", "value": "Width" } ], "Children": [ { "Name": "control", "Type": "Panel", "Expanded": "true", "Properties": [ { "name": "BorderWidth", "value": "1" } ], "Children": [ { "Name": "controlPanel", "Type": "Panel", "Expanded": "true", "Properties": [ { "name": "CSS", "value": "{\"display\":\"inline\"}" } ], "Children": [ { "Name": "playPauseButton2", "Type": "TwoStateButton", "Properties": [ { "name": "OffClick", "value": "_pause();\n//speech (\"paused\");" }, { "name": "TextOn", "value": "\"Play\u25b6\"" }, { "name": "State", "value": "_isPaused" }, { "name": "Tooltip", "value": "\"Play/Pause\"" }, { "name": "TextOff", "value": "\"Pause\u275a\u275a\"" }, { "name": "Width", "value": "\"20vw\"" }, { "name": "OnClick", "value": "_play();\n//speech (\"play\");" }, { "name": "Font", "value": "font" } ] }, { "Name": "stepButton2", "Type": "Button", "Properties": [ { "name": "Text", "value": "\"Step|\u25ba\"" }, { "name": "OnClick", "value": "_step()" }, { "name": "Width", "value": "\"20vw\"" }, { "name": "Font", "value": "font" } ] }, { "Name": "resetButton3", "Type": "Button", "Properties": [ { "name": "Text", "value": "\"Reset\u21bb\"" }, { "name": "Width", "value": "\"20vw\"" }, { "name": "OnClick", "value": "_reset();\n//speechzh (\"\u4f60\u597d\");\n" }, { "name": "Font", "value": "font" } ] }, { "Name": "fField", "Type": "Function", "Properties": [ { "name": "Value", "value": "functionY" } ] } ] } ] }, { "Name": "panel", "Type": "Panel", "Expanded": "true", "Properties": [ { "name": "Height", "value": "\"100%\"" }, { "name": "Width", "value": "\"100%\"" } ], "Children": [ { "Name": "plottingPanel", "Type": "PlottingPanel", "Expanded": "true", "Properties": [ { "name": "Gutters", "value": "[50,0,0,50]" }, { "name": "ShowAreaRectangle", "value": "false" }, { "name": "YScalePrecision", "value": "0" }, { "name": "XFixedTick", "value": "0" }, { "name": "OnDoubleClick", "value": "toggleFullScreen();" }, { "name": "YFixedTick", "value": "0" }, { "name": "XTickStep", "value": "1" }, { "name": "YTickStep", "value": "1" }, { "name": "XAutoTicks", "value": "false" }, { "name": "Height", "value": "%changeOrientation()%" }, { "name": "OnPress", "value": "var position = _view.plottingPanel.getInteraction().getInteractionPoint();\n" }, { "name": "Width", "value": "Width1" }, { "name": "Enabled", "value": "true" }, { "name": "SquareAspect", "value": "true" }, { "name": "MaximumY", "value": "5" }, { "name": "MaximumX", "value": "5" }, { "name": "EnabledDragging", "value": "\"ENABLED_X\"" }, { "name": "YAutoTicks", "value": "false" }, { "name": "MinimumX", "value": "-5" }, { "name": "MinimumY", "value": "-5" }, { "name": "AutoScaleY", "value": "false" }, { "name": "AutoScaleX", "value": "false" }, { "name": "Visibility", "value": "world===true" }, { "name": "XScalePrecision", "value": "0" }, { "name": "BRMessage", "value": "\"t = \"+_view._format(t,\"0.00\")+ \" s \"" } ], "Children": [ { "Name": "shape", "Type": "Shape2D", "Properties": [ { "name": "SizeX", "value": "1" }, { "name": "SizeY", "value": "1" }, { "name": "X", "value": "modelX" }, { "name": "Y", "value": "modelY" } ] }, { "Name": "analyticCurve2D", "Type": "AnalyticCurve2D", "Properties": [ { "name": "X", "value": "0" }, { "name": "Y", "value": "0" }, { "name": "Minimum", "value": "-10" }, { "name": "Maximum", "value": "10" }, { "name": "Variable", "value": "\"t\"" }, { "name": "FunctionX", "value": "%functionX%" }, { "name": "FunctionY", "value": "%functionY%" } ] } ] } ] } ] } ], "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/" } }