当前位置:首页 » 《关注互联网》 » 正文

Unity打包Webgl端进行 全屏幕自适应

21 人参与  2024年10月01日 18:00  分类 : 《关注互联网》  评论

点击全文阅读


提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档

文章目录

一:修改 index.html二:将非移动端设备,canvas元素的宽度和高度会设置为100%。三:修改style.css总结

下载地址:链接: index.html和style.css 文件

一:修改 index.html

在这里插入图片描述
修改如下:

<div id="unity-container" style="width: 100%;height:100%">      <canvas id="unity-canvas" width=auto height=auto></canvas>

在这里插入图片描述

二:将非移动端设备,canvas元素的宽度和高度会设置为100%。

在这里插入图片描述

  if (/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) {               var meta = document.createElement('meta');            meta.name = 'viewport';            meta.content = 'width=device-width, height=device-height, initial-scale=1.0, user-scalable=no, shrink-to-fit=yes';            document.getElementsByTagName('head')[0].appendChild(meta);            container.className = "unity-mobile";                      canvas.style.width = window.innerWidth + 'px';            canvas.style.height = window.innerHeight + 'px';          unityShowBanner('暂不支持移动端...');      } else {        canvas.style.width = "100%";        canvas.style.height = "100%";      }

在这里插入图片描述

三:修改style.css

1.设置HTML和BODY元素的宽度和高度为100%,并取消它们的margin和padding。此外,还将overflow属性设置为hidden,以防止内容溢出。

html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden;}.webgl-content{width: 100%; height: 100%;}.unityContainer{width: 100%; height: 100%;}

在这里插入图片描述

总结

可以修改unity的WebGL模板,复制一份出来修改,避免每次打包都修改。
链接: unity webgl 默认模板位置


点击全文阅读


本文链接:http://m.zhangshiyu.com/post/167011.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最新文章

  • 谁让你这么使用技能的:结局+番外宝藏文全篇一口气_早期章节+后续(苏鸾)
  • 前传程予夏沈昭序续集(程予夏沈昭序)终章阅读极简(程予夏沈昭序)
  • 厉总,夫人带三崽杀回来了(厉景深苏晚晴)全书免费_(厉景深苏晚晴)厉总,夫人带三崽杀回来了后续(厉景深苏晚晴)
  • 室友要往脸上打生长因子,我拍手叫好(徐甜甜崔哲华)_室友要往脸上打生长因子,我拍手叫好徐甜甜崔哲华
  • 为了给侄子治病,老公害我流产七次更新_陆寒川陆总林瑾无错版_小说后续在线阅读_无删减免费完结_
  • 填错志愿后,我成了活神仙章节目录_顾言姜澈林晓晓优质全文_小说后续在线阅读_无删减免费完结_
  • 沈亦初秦景泽后续(以后,她都不要再喜欢他了)(沈亦初秦景泽)整本畅享在线+无广告结局
  • 独家猎户夫君你轻点宠小说(云柔苏安)(猎户夫君你轻点宠)电子书畅享阅读
  • 全网首发容止洛云曦小说叫什么(他死后女帝火葬场了)(容止洛云曦)全书阅读纯净阅读
  • 周砚川战景熙小说章节目录+序章(离婚后,保镖前夫他成了财阀大佬)全书畅享在线
  • 碎骨惨死后,我与宿敌联手弑夫证道特别篇章节目录+章节前文(齐南韵柳苑云)TXT清爽版在线
  • 重生八零年代点天灯后,崇洋***的养妹疯了章节目录_肖颖芝江天肖星苒书荒_小说后续在线阅读_无删减免费完结_

    关于我们 | 我要投稿 | 免责申明

    Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1