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 οnlοad="Reset()" οnresize="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>

轉載于:https://www.cnblogs.com/Jason-c/p/9329329.html

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/news/397496.shtml
繁體地址，請注明出處：http://hk.pswp.cn/news/397496.shtml
英文地址，請注明出處：http://en.pswp.cn/news/397496.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！