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>
     
  • 相关阅读:
    博客园侧边栏添加QQ链接
    通俗易懂的理解 Redux(知乎)
    Redux生态系统
    ReactNative环境搭建
    cordova插件开发
    java类初始化
    Cordova指令
    安卓中如何调用jni
    JNI开发的常见错误
    JNI-java native interface(java本地接口)
  • 原文地址:https://www.cnblogs.com/Jason-c/p/9329329.html
Copyright © 2011-2022 走看看