zoukankan      html  css  js  c++  java
  • Unity WebGL 窗口自适应

    unity 打包好WebGL后,用文本编辑器编辑打包生成的 index.html 文件

    在生成的html里面修改代码
        <script type="text/javascript">
          function Reset() {
           var canvas = document.getElementById("#canvas"); 
           canvas.height= document.documentElement.clientHeight;
           canvas.width = document.documentElement.clientWidth; 
           console.log(canvas.width );
         } 
        </script>
      </head>
      <body onload="Reset()" onresize="Reset()">
          <div class="webgl-content"style=" 100%; height: 100%" >
          <div id="gameContainer" style=" 100%; height: 100%"></div>
          </div>
      </body>
    </html>
    来实现网页版随浏览器自适应

    <!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 | Avater</title>
        <script src="Build/UnityLoader.js"></script>
        <script>
          var gameInstance = UnityLoader.instantiate("gameContainer", "Build/AI_Web.json");
        </script>
        
        
        <script type="text/javascript">
        function Reset() {
        var canvas = document.getElementById("#canvas"); 
        canvas.height= document.documentElement.clientHeight;
        canvas.width = document.documentElement.clientWidth; 
        console.log(canvas.width );
        } 
        </script>
        
        
      </head>
     <body onload="Reset()" onresize="Reset()">
          <div class="webgl-content"style=" 100%; height: 100%" >
          <div id="gameContainer" style=" 100%; height: 100%"></div>
        </div>
      </body>
    </html>
     
  • 相关阅读:
    微信公众平台开发(53)砸金蛋
    微信公众平台高级功能
    微信5.0安卓内测版下载
    微信公众平台2013.08.05更新说明
    淘宝微信互相屏蔽影响了谁
    WAP网页输入框的默认键盘类型控制
    如何通过微信创业赚钱
    腾讯风铃
    腾讯推出微信企业服务平台风铃
    一键生成HTML4和WAP站
  • 原文地址:https://www.cnblogs.com/Jason-c/p/9329329.html
Copyright © 2011-2022 走看看