chenwb
/
ClientFrameWork


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
							<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">

  <title>Cocos Creator | zhetian</title>

  <!--http://www.html5rocks.com/en/mobile/mobifying/-->
  <meta name="viewport"
    content="width=device-width,user-scalable=no,initial-scale=1, minimum-scale=1,maximum-scale=1" />

  <!--https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html-->
  <meta name="mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  <meta name="format-detection" content="telephone=no">

  <!-- force webkit on 360 -->
  <meta name="renderer" content="webkit" />
  <meta name="force-rendering" content="webkit" />
  <!-- force edge on IE -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="msapplication-tap-highlight" content="no">

  <!-- force full screen on some browser -->
  <meta name="full-screen" content="yes" />
  <meta name="x5-fullscreen" content="true" />
  <meta name="360-fullscreen" content="true" />

  <!-- force screen orientation on some browser -->
  <meta name="screen-orientation" content="portrait" />
  <meta name="x5-orientation" content="portrait">

  <!--fix fireball/issues/3568 -->
  <!--<meta name="browsermode" content="application">-->
  <meta name="x5-page-mode" content="app">

  <!--<link rel="apple-touch-icon" href=".png" />-->
  <!--<link rel="apple-touch-icon-precomposed" href=".png" />-->

  <script type="text/javascript">
    var sUserAgent = navigator.userAgent.toLowerCase();
    var link = document.createElement('link');
    link.type = 'text/css';
    link.rel = 'stylesheet';
    if (/ipad|iphone|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/.test(sUserAgent)) {
      //移动端
      console.log("移动端")
      link.href = 'style-mobile.css';
      document.getElementsByTagName('head')[0].appendChild(link);
    } else {
      //pc端   
      console.log("pc端")
      link.href = 'style-desktop.css';
      document.getElementsByTagName('head')[0].appendChild(link);
    }
  </script>
  <link rel="icon" href="favicon.ico" />
</head>

<body>
  <style type="text/css">
    html {
      overflow-x: hidden;
      overflow-y: hidden;
    }

    /* 将背景图片应用到整个页面 */
    body {
      background-image: url('background.d7add.jpg');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      margin: 0;
      padding: 0;
      height: 100vh;
      width: 100vw;
    }

    /* 移除GameDiv的背景图片 */
    #GameDiv {
      position: relative;
    }

    /* 确保画布在背景上方 */
    /* #GameCanvas {
      position: relative;
      z-index: 1;
    } */
  </style>
  <div id="GameDiv">
    <canvas id="GameCanvas" oncontextmenu="event.preventDefault()" tabindex="0"></canvas>
    <div id="splash">
      <div class="progress-bar stripes">
        <span style="width: 0%"></span>
      </div>
    </div>
  </div>
  <script src="src/settings.js" charset="utf-8"></script>
  <script src="https://sdkapi.happilygame.com/static/lib/pp/libQuickSDK_v2.js"></script>
  <script src="main.js" charset="utf-8"></script>
  <!-- 开启vConsole -->
  <!-- <script src="vconsole.min.js"></script> -->
  
  <script type="text/javascript">
    (function () {
      // open web debugger console
      if (typeof VConsole !== 'undefined') {
        window.vConsole = new VConsole();
      }

      var height = document.documentElement.clientHeight;
      var width = document.documentElement.clientWidth;
      var fixWidth = height / 1334 * 750;
      var gameDiv = document.getElementById('GameDiv');
      gameDiv.style.height = `${height}px`;
      if (fixWidth > width) {
        gameDiv.style.width = `${width}px`;
      } else {
        gameDiv.style.width = `${fixWidth}px`;
      }

      var debug = window._CCSettings.debug;
      var splash = document.getElementById('splash');
      splash.style.display = 'block';

      function loadScript(moduleName, cb) {
        function scriptLoaded() {
          document.body.removeChild(domScript);
          domScript.removeEventListener('load', scriptLoaded, false);
          cb && cb();
        };
        var domScript = document.createElement('script');
        domScript.async = true;
        domScript.src = moduleName;
        domScript.addEventListener('load', scriptLoaded, false);
        document.body.appendChild(domScript);
      }

      loadScript(debug ? 'cocos2d-js.js' : 'cocos2d-js-min.js', function () {
        if (CC_PHYSICS_BUILTIN || CC_PHYSICS_CANNON) {
          loadScript(debug ? 'physics.js' : 'physics-min.js', window.boot);
        }
        else {
          window.boot();
        }
      });
    })();
  </script>
</body>

</html>