Unity WebGL 窗口自适应
Posted Jason_c
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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="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 窗口自适应的主要内容，如果未能解决你的问题，请参考以下文章