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>
     
  • 相关阅读:
    php中的一些需要注意点
    提权以及反弹shell一些方法
    SVN源码泄露漏洞
    网易白帽子视频的一些笔记
    sql注入的一些笔记
    URL中的"#"、"?"、"&"号的作用
    Asp.net mvc基础(十五)EF原理及SQL监控
    Asp.net mvc基础(十四)Entity Framework
    Asp.net mvc基础(十三)集合常用的扩展方法和Linq语句
    Linux运维基础(二)网络常见问题
  • 原文地址:https://www.cnblogs.com/Jason-c/p/9329329.html
Copyright © 2011-2022 走看看