Unity打出的WebGL包,让其打开后的显示区域比例与标准比例

2023-07-20  本文已影响0人  全新的饭

目的

不管玩家窗口的大小是多少,都希望在打开时根据当前大小去设置显示区域的比例,将游戏内容显示完全。

做法

以标准分辨率为1080*1920为例。
打开index.html文件,找到其中的这几句所在位置

canvas.style.width = "1080px";
canvas.style.height = "1920px";

将上面的内容注释掉,在其后面写如下内容

var tempW= window.innerWidth;//获取body可见区域高度
var tempH =  window.innerHeight;//获取body可见区域高度
var scale = 1080/1920;
var width = 0;
var height = 0;
if (tempW/tempH > scale) {height=tempH;width=tempH*scale;}
if (tempW/tempH < scale) {height=tempW/scale;width=tempW;}

canvas.style.width = width+"px";
canvas.style.height = height+"px";
上一篇 下一篇

猜你喜欢

热点阅读