Unity WebGL 窗口自適應
阿新 • • 發佈：2018-07-18
style 適應 修改 vat var 自適應 log doctype put
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 窗口自適應