index.ejs 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <html class="dark">
  2. <head>
  3. <link rel="icon" href="./favicon.ico" />
  4. <meta charset="utf-8" />
  5. <title><%=title%></title>
  6. <meta
  7. name="viewport"
  8. content="width=device-width,user-scalable=no,initial-scale=1,minimum-scale=1,maximum-scale=1,minimal-ui=true"
  9. />
  10. <meta name="apple-mobile-web-app-capable" content="yes" />
  11. <meta name="full-screen" content="yes" />
  12. <meta name="screen-orientation" content="portrait" />
  13. <meta name="x5-fullscreen" content="true" />
  14. <meta name="360-fullscreen" content="true" />
  15. <meta name="renderer" content="webkit" />
  16. <meta name="force-rendering" content="webkit" />
  17. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  18. <link rel="stylesheet" type="text/css" href="./index.css" />
  19. </head>
  20. <body>
  21. <%- include(cocosToolBar, {config: config}) %>
  22. <div style="display: flex;flex: auto;align-items: center;">
  23. <%- include ./dist/index.html %>
  24. <div id="content" class="content">
  25. <div class="contentWrap">
  26. <div id="GameDiv" class="wrapper">
  27. <div id="Cocos3dGameContainer">
  28. <canvas id="GameCanvas" tabindex="-1" style="background-color: '';"></canvas>
  29. </div>
  30. <div id="splash">
  31. <div class="progress-bar stripes"><span></span></div>
  32. </div>
  33. <div id="bulletin">
  34. <div id="sceneIsEmpty" class="inner"><%=tip_sceneIsEmpty%></div>
  35. </div>
  36. <div class="error" id="error">
  37. <div class="title">Error <i>(Please open the console to see detailed errors)</i></div>
  38. <div class="error-main"></div>
  39. <div class="error-stack"></div>
  40. </div>
  41. </div>
  42. </div>
  43. <p class="footer">
  44. Created with <a href="https://www.cocos.com/products" target="_blank" title="Cocos Creator">Cocos Creator</a>
  45. </p>
  46. </div>
  47. </div>
  48. <%- include(cocosTemplate, {}) %>
  49. </body>
  50. </html>
  51. <script>
  52. document.getElementsByClassName('toolbar')[0].insertAdjacentHTML('afterbegin', '<div><button id="btn-show-tree">Tree</button></div>');
  53. const devtoolsBtn = document.getElementById('btn-show-tree');
  54. let isOpen = !!localStorage.getItem('ccc_devtools_show');
  55. toggle(isOpen);
  56. devtoolsBtn.addEventListener('click', () => {
  57. isOpen = !isOpen;
  58. toggle(isOpen);
  59. }, false);
  60. function toggle(isOpen) {
  61. const devApp = document.getElementById('dev-app');
  62. window.ccdevShow = isOpen;
  63. if (isOpen) {
  64. devApp.style.display = 'flex';
  65. devtoolsBtn.classList.add('checked');
  66. localStorage.setItem('ccc_devtools_show', 1);
  67. } else {
  68. devApp.style.display = 'none';
  69. devtoolsBtn.classList.remove('checked');
  70. localStorage.removeItem('ccc_devtools_show');
  71. }
  72. }
  73. </script>