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>
     
  • 相关阅读:
    AutoFac学习笔记
    AutoMapper学习笔记
    ROSLYN 查看C#方法执行次数
    log4net 动态创建文件名
    WPF可切换按钮,iOS风格
    咕咕咕
    贪吃的小J
    UK Day15
    UK Day15
    UK Day15
  • 原文地址:https://www.cnblogs.com/Jason-c/p/9329329.html
Copyright © 2011-2022 走看看