index.html 3.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>节奏怪物村</title>
  6. <!--http://www.html5rocks.com/en/mobile/mobifying/-->
  7. <meta name="viewport"
  8. content="width=device-width,user-scalable=no,initial-scale=1, minimum-scale=1,maximum-scale=1"/>
  9. <!--https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html-->
  10. <meta name="apple-mobile-web-app-capable" content="yes">
  11. <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  12. <meta name="format-detection" content="telephone=no">
  13. <!-- force webkit on 360 -->
  14. <meta name="renderer" content="webkit"/>
  15. <meta name="force-rendering" content="webkit"/>
  16. <!-- force edge on IE -->
  17. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  18. <meta name="msapplication-tap-highlight" content="no">
  19. <!-- force full screen on some browser -->
  20. <meta name="full-screen" content="yes"/>
  21. <meta name="x5-fullscreen" content="true"/>
  22. <meta name="360-fullscreen" content="true"/>
  23. <!-- force screen orientation on some browser -->
  24. <meta name="screen-orientation" content="landscape"/>
  25. <meta name="x5-orientation" content="landscape">
  26. <!--fix fireball/issues/3568 -->
  27. <!--<meta name="browsermode" content="application">-->
  28. <meta name="x5-page-mode" content="app">
  29. <!--<link rel="apple-touch-icon" href=".png" />-->
  30. <!--<link rel="apple-touch-icon-precomposed" href=".png" />-->
  31. <link rel="stylesheet" type="text/css" href="style-mobile.css"/>
  32. <link rel="icon" href="favicon.ico"/>
  33. </head>
  34. <body>
  35. <canvas id="GameCanvas" oncontextmenu="event.preventDefault()" tabindex="0"></canvas>
  36. <div id="splash">
  37. <div class="progress-bar stripes">
  38. <div style="box-sizing:border-box;padding:9px 7px;width:100%;height:100%;">
  39. <div class="progress-bar-color" style="width: 100%"></div>
  40. </div>
  41. </div>
  42. </div>
  43. <script src="src/settings.js" charset="utf-8"></script>
  44. <script src="main.js" charset="utf-8"></script>
  45. <script type="text/javascript">
  46. (function () {
  47. // open web debugger console
  48. if (typeof VConsole !== 'undefined') {
  49. window.vConsole = new VConsole();
  50. }
  51. var debug = window._CCSettings.debug;
  52. var splash = document.getElementById('splash');
  53. splash.style.display = 'block';
  54. function loadScript (moduleName, cb) {
  55. function scriptLoaded () {
  56. document.body.removeChild(domScript);
  57. domScript.removeEventListener('load', scriptLoaded, false);
  58. cb && cb();
  59. };
  60. var domScript = document.createElement('script');
  61. domScript.async = true;
  62. domScript.src = moduleName;
  63. domScript.addEventListener('load', scriptLoaded, false);
  64. document.body.appendChild(domScript);
  65. }
  66. loadScript(debug ? 'cocos2d-js.js' : 'cocos2d-js-min.js', function () {
  67. if (CC_PHYSICS_BUILTIN || CC_PHYSICS_CANNON) {
  68. loadScript(debug ? 'physics.js' : 'physics-min.js', window.boot);
  69. }
  70. else {
  71. window.boot();
  72. }
  73. });
  74. })();
  75. </script>
  76. </body>
  77. </html>