wartheking
/
WaterFlush


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
							<!DOCTYPE html>
<html lang="en-us">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Unity WebGL Player | unityearth</title>
  </head>
  <body style="text-align: center; padding: 0; border: 0; margin: 0;">
    <canvas id="unity-canvas" style=" position: absolute; width: 1920px; height: 1080px;"></canvas>
    <script src="Build/Game.loader.js"></script>
    <script>
      if (/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) {
        // Mobile device style: fill the whole browser client area with the game canvas:
        var meta = document.createElement('meta');
        meta.name = 'viewport';
        meta.content = 'width=device-width, height=device-height, initial-scale=1.0, user-scalable=no, shrink-to-fit=yes';
        document.getElementsByTagName('head')[0].appendChild(meta);

        var canvas = document.querySelector("#unity-canvas");
        canvas.style.width = "100%";
        canvas.style.height = "100%";
        canvas.style.position = "fixed";

        document.body.style.textAlign = "left";
      }

      createUnityInstance(document.querySelector("#unity-canvas"), {
        dataUrl: "Build/Game.data",
        frameworkUrl: "Build/Game.framework.js",
        codeUrl: "Build/Game.wasm",
        streamingAssetsUrl: "StreamingAssets",
        companyName: "DefaultCompany",
        productName: "unityearth",
        productVersion: "1.0",
        // matchWebGLToCanvasSize: false, // Uncomment this to separately control WebGL canvas render size and DOM element size.
        // devicePixelRatio: 1, // Uncomment this to override low DPI rendering on high DPI displays.
      });
    </script>
	<script>
      // 自适应代码块
      var unityContainer = document.getElementById('unity-canvas');
      function unityContainerResize()
      {
        var w = window.innerWidth || document.body.clientWidth,
                h = window.innerHeight || document.body.clientHeight,
                ratio = 16 / 9,
                r = w/h;
        var setW, setH, setTop, setLeft;
        if (r >= ratio) { // 高度撑满
          setW = h * ratio;
          setLeft = (w - setW) / 2;
        } else { // 宽度撑满
          setH = w / ratio;
          setTop = (h - setH) / 2;
        }
        
 
        unityContainer.style.width = (setW || w) + 'px';
        unityContainer.style.height = (setH || h) + 'px';
        unityContainer.style.top = (setTop || 0) + 'px';
        unityContainer.style.left = (setLeft || 0) + 'px';
 
      }
      window.addEventListener('resize', unityContainerResize)
      unityContainerResize()
    </script>
  </body>
  <style>
    html
    {
      background-color: black;
    }
  </style>
</html>