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

Unity WebGL 窗口自适应相关推荐

unity webgl自适应网页尺寸
我使用的是unity 2019.4 LTS版一共有两步 1 在Index.html中修改 <!DOCTYPE html> <html lang="en-us"& ...
Unity WebGL开发
教程来啦一.WebGL不能干的那些事二.注意事项 1.播放声音 2.跨域 3.发布http or https? 4.包体大小 5.Odin 6.T序列化失败三.参考资料四.Build 主要步骤 ...
[Unity-经验]从购买云服务器到发布Unity WebGL项目
[Unity-经验]从购买云服务器到发布Unity WebGL项目前言一.WebGL的导出 1. 导出设置二.服务器购买 1. 带宽的选择 2. 服务器的配置 3. 服务器各个属性的意义三.项 ...
Unity Webgl内嵌网页页面
Unity Webgl端有时候会有这样一个需求,在Unity界面上内嵌一个网页,并且可以在界面上把这个网页关掉(不是重新打开新的标签页) 效果如下: 现在来实现这个功能: 1.在Assets文件夹下新 ...
Unity WebGL打包网页端运行显示Not allowed to access uv4 on mesh
项目场景:Unity WebGl网页连接后台服务器提示:这里简述项目相关背景: 该项目实现的是Unity Web端联网后台读取数据主要功能问题描述提示:这里描述项目中遇到的问题: 在该项目中在U ...
解决Echarts窗口自适应失效问题
解决Echarts窗口自适应失效问题参考文章: (1)解决Echarts窗口自适应失效问题 (2)https://www.cnblogs.com/chuanqi1995/p/11543765.htm ...
安装 VMware Tools 实现窗口自适应及主机与虚拟机之间复制粘贴
安装 VMware Tools 实现窗口自适应及主机与虚拟机之间复制粘贴开启虚拟机,单击 VMware 菜单栏虚拟机,然后单击重装 VMware Tools 随后虚拟机窗口会弹出如下所 ...
完美解决Ubuntu16.04虚拟机窗口自适应问题
完美解决Ubuntu16.04虚拟机窗口自适应问题 2018年06月15日 12:15:06 moon月神阅读数:554 相信很多人在装虚拟机的时候,遇到了窗口过小不能自适应的问题.我在网上查了好多 ...
关于 Unity WebGL 的探索
转自:https://www.cnblogs.com/yaukey/p/unity_webgl_explore_1.html 查找了 Unity 的官方资料,我们如果需要使用 WebGL 需要面对以下 ...

Unity WebGL 窗口自适应

Unity WebGL 窗口自适应相关推荐

最新文章

热门文章