index.html 3.3 KB

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