码迷,mamicode.com
首页 > 编程语言 > 详细

Unity WebGL 窗口自适应

时间:2018-07-18 17:02:32      阅读:1712      评论:0      收藏:0      [点我收藏+]

标签:html   文件   color   width   client   console   idt   content   canvas   

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="width: 100%; height: 100%" >
      <div id="gameContainer" style="width: 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="width: 100%; height: 100%" >
      <div id="gameContainer" style="width: 100%; height: 100%"></div>
    </div>
  </body>
</html>

 

 

Unity WebGL 窗口自适应

标签:html   文件   color   width   client   console   idt   content   canvas   

原文地址:https://www.cnblogs.com/Jason-c/p/9329329.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!