Unity WebGL 窗口自适应
时间：2018-07-18 17:02:32
收藏：0
阅读：1712
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>
评论（0）