{ "information": { "Title": "WhenSimplePresent", "Author": [ "HuayLee" ], "AuthorLogo": [ "" ], "Password": "unused", "Keywords": "", "Abstract": "", "Copyright": "", "Level": "", "Language": "", "Logo": [ "./assets/logo.png" ], "RunAlways": "true", "ModelTab": "", "ModelTabTitle": "", "ModelName": "", "FixedNavigationBar": "false", "CSSFile": "", "DetectedFiles": [ "./assets/logo.png" ], "AuxiliaryFiles": [ "./assets/", "./assets/logo.png" ], "HTMLHead": "", "SaveInXMLFormat": "false", "IncludeSource": "true", "UseIndexHtml": "false", "IncludeLibrary": "true", "UglifyJS": "false", "PreviewFullModel": "false", "UseInterpreter": "true", "UseDeltaForODE": "false" }, "description": { "pages": [] }, "model": { "variables": { "pages": [ { "Name": "Video Variables", "Active": "true", "Internal": "false", "Type": "VARIABLE_EDITOR", "PageComment": "", "Variables": [ { "Name": "tt", "Value": "0", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "PauseButVis", "Value": "false", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "visPTH1a", "Value": "false", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "visFwdBut", "Value": "false", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "visPTH2a", "Value": "false", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "visFwdBut2", "Value": "false", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "visPTH4a", "Value": "false", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "visCloseBut", "Value": "false", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "PauseBut2Vis", "Value": "false", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "visPTF1", "Value": "false", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "visFwdBut3", "Value": "false", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "visStart", "Value": "true", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "visPTF2", "Value": "false", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "visFwdBut3", "Value": "false", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "visFwdBut4", "Value": "false", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "visPTF4", "Value": "false", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "visCloseBut2", "Value": "false", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "", "Value": "", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" } ] }, { "Name": "Var Table 2", "Active": "true", "Internal": "false", "Type": "VARIABLE_EDITOR", "PageComment": "", "Variables": [ { "Name": "visPTH3a", "Value": "false", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "visFwdBut2a", "Value": "false", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "visPTF3", "Value": "false", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "visFwdBut3a", "Value": "false", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "", "Value": "", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" } ] }, { "Name": "video", "Active": "true", "Internal": "false", "Type": "VARIABLE_EDITOR", "PageComment": "", "Variables": [ { "Name": "videoWidth", "Value": "1280", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "videoHeight", "Value": "720", "Type": "double", "Dimension": "", "Comment": "720", "Domain": "" }, { "Name": "factor", "Value": "0.85", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "Width", "Value": "window.innerWidth,window.innerHeight*videoWidth/videoHeight*factor", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "Height", "Value": "Width*videoHeight/videoWidth*factor", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" }, { "Name": "", "Value": "", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" } ] } ] }, "initialization": { "pages": [] }, "evolution": { "information": { "FPS": "1", "SPD": "1", "RealTimeVariable": "", "Autoplay": "false" }, "pages": [ { "Name": "Evol Page 1", "Active": "true", "Internal": "false", "Type": "EVOLUTION_EDITOR", "Comment": "", "Code": "// Evol Page 1\ntt = tt + 1;" } ] }, "fixed_relations": { "pages": [ { "Name": "FixRel Page 1", "Active": "true", "Internal": "false", "Type": "undefined", "Comment": "", "Code": "// FixRel Page 1\n\nif (tt == 57) {\n // cannot use videoInterface.pause(); break xhtml\n _view.videoInterface.pause();\n _pause();\n PauseButVis=true;\n tt = tt + 1;\n}\n\nif (tt == 99) {\n _view.videoInterface.pause();\n _pause();\n PauseBut2Vis=true;\n tt = tt + 1;\n}" }, { "Name": "FixRel Page 2", "Active": "false", "Internal": "false", "Type": "CODE_EDITOR", "Comment": "", "Code": "// FixRel Page 2\nif (tt == 100){\n videoInterface.pause();\n PauseBut2Vis=true;\n}" } ] }, "custom": { "pages": [] }, "elements": { "list": [] } }, "view": { "Tree": [ { "Name": "singleDrawingPanel", "Type": "Panel", "Expanded": "true", "Properties": [ { "name": "Height", "value": "\"90vh\"" }, { "name": "Width", "value": "\"100%\"" } ], "Children": [ { "Name": "wrappedPanel", "Type": "WrappedPanel", "Expanded": "true", "Properties": [], "Children": [ { "Name": "videoInterface", "Type": "VideoInterface", "Properties": [ { "name": "VideoUrl", "value": "\"./assets/BaseVid.mp4\"" }, { "name": "Width", "value": "Width" }, { "name": "Height", "value": "Height" } ] }, { "Name": "StartButton", "Type": "Button", "Properties": [ { "name": "CSS", "value": "{position: \"absolute\",\ntop: \"45%\",\nleft: \"50%\"\n}" }, { "name": "OnClick", "value": "videoInterface.play(); \n_play(); visStart=false" }, { "name": "Text", "value": "\"START\"" }, { "name": "Background", "value": "\"Yellow\"" }, { "name": "Visibility", "value": "visStart" } ] }, { "Name": "PauseButton", "Type": "Button", "Properties": [ { "name": "ImageUrl", "value": "\"./assets/PauseButton.png\"" }, { "name": "CSS", "value": "{position: \"absolute\",\ntop: \"45%\",\nleft: \"50%\",\nborder: \"none\"\n}" }, { "name": "Background", "value": "\"transparent\"" }, { "name": "OnClick", "value": "PauseButVis=false; visPTH1a=true; visFwdBut=true" }, { "name": "Visibility", "value": "PauseButVis" } ] }, { "Name": "PTH1a_2", "Type": "VideoInterface", "Properties": [ { "name": "Controls", "value": "true" }, { "name": "VideoUrl", "value": "\"./assets/PTH1a.mp4\"" }, { "name": "Width", "value": "Width*0.8" }, { "name": "OnPlay", "value": "PauseButVis=false; visFwdBut=true" }, { "name": "Visibility", "value": "visPTH1a" }, { "name": "CSS", "value": "{position: \"absolute\",\ntop: \"12%\",\nleft: \"15%\"}" }, { "name": "Height", "value": "Height*0.8" } ] }, { "Name": "FwdButton", "Type": "Button", "Properties": [ { "name": "ImageUrl", "value": "\"./assets/FwdButton.png\"" }, { "name": "Background", "value": "\"transparent\"" }, { "name": "CSS", "value": "{position: \"absolute\",\ntop: \"17%\",\nleft: \"78%\",\nborder: \"none\"\n}" }, { "name": "Visibility", "value": "visFwdBut" }, { "name": "OnClick", "value": "visPTH1a=false; visPTH2a=true; visFwdBut=false; visFwdBut2=true" } ] }, { "Name": "PTH2a_2", "Type": "VideoInterface", "Properties": [ { "name": "Controls", "value": "true" }, { "name": "VideoUrl", "value": "\"./assets/PTH2a.mp4\"" }, { "name": "Width", "value": "Width*0.8" }, { "name": "Visibility", "value": "visPTH2a" }, { "name": "CSS", "value": "{position: \"absolute\",\ntop: \"12%\",\nleft: \"15%\"}" }, { "name": "Height", "value": "Height*0.8" } ] }, { "Name": "FwdButton2_2", "Type": "Button", "Properties": [ { "name": "ImageUrl", "value": "\"./assets/FwdButton.png\"" }, { "name": "Background", "value": "\"transparent\"" }, { "name": "CSS", "value": "{position: \"absolute\",\ntop: \"17%\",\nleft: \"78%\",\nborder: \"none\"\n}" }, { "name": "Visibility", "value": "visFwdBut2" }, { "name": "OnClick", "value": "visPTH2a=false; visPTH3a=true; visFwdBut2=false; visFwdBut2a=true" } ] }, { "Name": "PTH3a_2", "Type": "VideoInterface", "Properties": [ { "name": "Controls", "value": "true" }, { "name": "VideoUrl", "value": "\"./assets/PTH3a.mp4\"" }, { "name": "Width", "value": "Width*0.8" }, { "name": "OnPlay", "value": "visFwdBut=false; visFwdBut2=true" }, { "name": "Visibility", "value": "visPTH3a" }, { "name": "CSS", "value": "{position: \"absolute\",\ntop: \"12%\",\nleft: \"15%\"}" }, { "name": "Height", "value": "Height*0.8" } ] }, { "Name": "FwdButton2a_2", "Type": "Button", "Properties": [ { "name": "ImageUrl", "value": "\"./assets/FwdButton.png\"" }, { "name": "Background", "value": "\"transparent\"" }, { "name": "CSS", "value": "{position: \"absolute\",\ntop: \"17%\",\nleft: \"78%\",\nborder: \"none\"\n}" }, { "name": "Visibility", "value": "visFwdBut2a" }, { "name": "OnClick", "value": "visPTH3a=false; visPTH4a=true; visFwdBut2a=false; visCloseBut=true" } ] }, { "Name": "PTH4a_2", "Type": "VideoInterface", "Properties": [ { "name": "Controls", "value": "true" }, { "name": "Width", "value": "Width*0.8" }, { "name": "Visibility", "value": "visPTH4a" }, { "name": "CSS", "value": "{position: \"absolute\",\ntop: \"12%\",\nleft: \"15%\"}" }, { "name": "VideoUrl", "value": "\"./assets/PTH4a.mp4\"" }, { "name": "Height", "value": "Height*0.8" } ] }, { "Name": "CloseButton_2", "Type": "Button", "Properties": [ { "name": "Background", "value": "\"Yellow\"" }, { "name": "CSS", "value": "{position: \"absolute\",\ntop: \"17%\",\nleft: \"78%\"\n}" }, { "name": "Visibility", "value": "visCloseBut" }, { "name": "OnClick", "value": "visPTH4a=false; visFwdBut2a=false; visCloseBut=false;\nvideoInterface.play();\n_play();" }, { "name": "Text", "value": "\"X\"" } ] }, { "Name": "PauseButton2", "Type": "Button", "Properties": [ { "name": "ImageUrl", "value": "\"./assets/PauseButton.png\"" }, { "name": "CSS", "value": "{position: \"absolute\",\ntop: \"45%\",\nleft: \"50%\",\nborder: \"none\"\n}" }, { "name": "Background", "value": "\"transparent\"" }, { "name": "OnClick", "value": "visPTF1=true; PauseBut2Vis=false; visFwdBut3=true" }, { "name": "Visibility", "value": "PauseBut2Vis" } ] }, { "Name": "PTF1_2", "Type": "VideoInterface", "Properties": [ { "name": "Controls", "value": "true" }, { "name": "VideoUrl", "value": "\"./assets/PTF1.mp4\"" }, { "name": "Width", "value": "Width*0.8" }, { "name": "Visibility", "value": "visPTF1" }, { "name": "CSS", "value": "{position: \"absolute\",\ntop: \"12%\",\nleft: \"15%\"}" }, { "name": "Height", "value": "Height*0.8" } ] }, { "Name": "FwdButton3", "Type": "Button", "Properties": [ { "name": "ImageUrl", "value": "\"./assets/FwdButton.png\"" }, { "name": "Background", "value": "\"transparent\"" }, { "name": "CSS", "value": "{position: \"absolute\",\ntop: \"17%\",\nleft: \"78%\",\nborder: \"none\"\n}" }, { "name": "Visibility", "value": "visFwdBut3" }, { "name": "OnClick", "value": "visPTF1=false; visPTF2=true; visFwdBut3=false; visFwdBut3a=true" } ] }, { "Name": "PTF2_2", "Type": "VideoInterface", "Properties": [ { "name": "Controls", "value": "true" }, { "name": "VideoUrl", "value": "\"./assets/PTF2.mp4\"" }, { "name": "Width", "value": "Width*0.8" }, { "name": "Visibility", "value": "visPTF2" }, { "name": "CSS", "value": "{position: \"absolute\",\ntop: \"12%\",\nleft: \"15%\"}" }, { "name": "Height", "value": "Height*0.8" } ] }, { "Name": "FwdButton3a_2", "Type": "Button", "Properties": [ { "name": "ImageUrl", "value": "\"./assets/FwdButton.png\"" }, { "name": "Background", "value": "\"transparent\"" }, { "name": "CSS", "value": "{position: \"absolute\",\ntop: \"17%\",\nleft: \"78%\",\nborder: \"none\"\n}" }, { "name": "Visibility", "value": "visFwdBut3a" }, { "name": "OnClick", "value": "visPTF2=false; visPTF3=true; visFwdBut3a=false; visFwdBut4=true" } ] }, { "Name": "PTF3_2", "Type": "VideoInterface", "Properties": [ { "name": "Controls", "value": "true" }, { "name": "VideoUrl", "value": "\"./assets/PTF3.mp4\"" }, { "name": "Width", "value": "Width*0.8" }, { "name": "Visibility", "value": "visPTF3" }, { "name": "CSS", "value": "{position: \"absolute\",\ntop: \"12%\",\nleft: \"15%\"}" }, { "name": "Height", "value": "Height*0.8" } ] }, { "Name": "FwdButton4_2", "Type": "Button", "Properties": [ { "name": "ImageUrl", "value": "\"./assets/FwdButton.png\"" }, { "name": "Background", "value": "\"transparent\"" }, { "name": "CSS", "value": "{position: \"absolute\",\ntop: \"17%\",\nleft: \"78%\",\nborder: \"none\"\n}" }, { "name": "Visibility", "value": "visFwdBut4" }, { "name": "OnClick", "value": "visPTF3=false; visPTF4=true; visFwdBut4=false; visCloseBut2=true" } ] }, { "Name": "PTF4_2", "Type": "VideoInterface", "Properties": [ { "name": "Controls", "value": "true" }, { "name": "VideoUrl", "value": "\"./assets/PTF4.mp4\"" }, { "name": "Width", "value": "Width*0.8" }, { "name": "Visibility", "value": "visPTF4" }, { "name": "CSS", "value": "{position: \"absolute\",\ntop: \"12%\",\nleft: \"15%\"}" }, { "name": "Height", "value": "Height*0.8" } ] }, { "Name": "CloseButton2_2", "Type": "Button", "Properties": [ { "name": "Background", "value": "\"Yellow\"" }, { "name": "CSS", "value": "{position: \"absolute\",\ntop: \"17%\",\nleft: \"78%\"\n}" }, { "name": "Visibility", "value": "visCloseBut2" }, { "name": "OnClick", "value": "visPTF4=false; visFwdBut4=false; visCloseBut2=false;\nvideoInterface.play();\n_play();" }, { "name": "Text", "value": "\"X\"" } ] } ] } ] } ], "RootProperties": [] }, "metadata": { "APP": "WebEJS", "CreatedWith": "WebEJS : the web version of Easy JavaScript Simulations", "MoreInfo": "1.0", "version": "https://t.um.es/webejs" } }