Unity发布的Webgl端时,设置分辨率只能设置固定的分辨率,部署完打开,后只有中间一小块有内容,周围全是白底,就会显的很鸡肋,效果例如下图(项目是空场景,连相机都没有,因此显示纯黑色)
右下角的放大按钮点击后,就显示的全屏,但一般使用网页时不大会用到全屏模式,只有特殊情况会需要,例如看视频电影等。
那么在这个基础上有没有办法自适应浏览器窗口,是有的,网页最后还是通过html文件展示,因此Unity发布Webgl后也会有这个文件,我们就可以去直接修改该文件来展示网页,在这个文件中修改成自适应。
我们有编辑器打开html文件
打开后的页面,首先扩展两个点,是我们可以自己修改的(会Web开发的就随意,自己编写定义加载页面什么的都可以,甚至可以只用通过Three.js开发3D项目,这里主要给不会Web开发,用Unity开发的朋友看的)
1、绿色框里的内容是网页标签页的名称,对应位置也箭头指出来了。
2、蓝色框内的内容是网页标签页的图标,对应位置页箭头指出来了。