Page.html 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <!doctype html>
  2. <head>
  3. <title>EE_PAGE_TITLE</title>
  4. <style>
  5. body,canvas{margin:0;padding:0;border:0}
  6. canvas{touch-action:none/*allow multi-touch*/;display:block/*disable scrollbars*/;width:100vw;height:100vh/*full size*/}
  7. #status{text-align:center;width:100%;top:50%;transform:translateY(-50%)/*center*/;user-select:none/*disable select cursor*/;position:absolute;z-index:1/*be on top*/}
  8. #wrapper{position:relative/*position text relative to canvas position and size*/;display:table/*disable scrollbars and limit size to children*/}
  9. </style>
  10. </head>
  11. <body>
  12. <div id="wrapper">
  13. <div id="status">Downloading..</div>
  14. <canvas id="canvas" onContextMenu="event.preventDefault()"></canvas>
  15. </div>
  16. <script type='text/javascript'>
  17. var Module=
  18. {
  19. preRun:[],
  20. postRun:[],
  21. print:function(text)
  22. {
  23. text=Array.prototype.slice.call(arguments).join(' ');
  24. console.log(text);
  25. },
  26. printErr:function(text)
  27. {
  28. text=Array.prototype.slice.call(arguments).join(' ');
  29. console.log(text);
  30. },
  31. canvas:document.getElementById('canvas'),
  32. setStatus:function(text)
  33. {
  34. var element=document.getElementById('status');
  35. if( element!=null)element.innerHTML=text;
  36. },
  37. monitorRunDependencies:function(left)
  38. {
  39. Module.setStatus('Preparing..');
  40. }
  41. };
  42. </script>
  43. <script async type="text/javascript" src="EE_JS_FILE_NAME"></script>
  44. </body>