Javascript 如何填充屏幕上的空白?

Javascript 如何填充屏幕上的空白?,javascript,html,unity3d,unity-webgl,Javascript,Html,Unity3d,Unity Webgl,空白图像 硬编码图像 因此,我们正在制作的这个游戏我希望游戏屏幕填满空白(我认为这称为使其成为本机分辨率?) 编码员说“容器只是硬编码到了一定的大小”,他不知道如何使它在所有计算机的屏幕上完全一致地填充,例如,如果计算机有不同的分辨率 游戏是在unity中制作的,这家伙说它是在web gl中制作的 很抱歉,谢谢您,新加入此网站。您需要通过创建自己的模板。您可以选择其中一个默认值,也可以创建自己的模板 根据这些文档,您在名为WebGLTemplates的Assets中创建文件夹,并在其中为模板

空白图像

硬编码图像

因此,我们正在制作的这个游戏我希望游戏屏幕填满空白(我认为这称为使其成为本机分辨率?)

编码员说“容器只是硬编码到了一定的大小”,他不知道如何使它在所有计算机的屏幕上完全一致地填充,例如,如果计算机有不同的分辨率

游戏是在unity中制作的,这家伙说它是在web gl中制作的


很抱歉,谢谢您,新加入此网站。

您需要通过创建自己的模板。您可以选择其中一个默认值,也可以创建自己的模板

根据这些文档,您在名为
WebGLTemplates
Assets
中创建文件夹,并在其中为模板创建一个新文件夹,如
BetterTemplate
。在里面放一个
index.html
文件和任何其他图像、css、JavaScript文件,这些文件都是你想要包含在游戏中的

html可以是这样的


%统一网络名称%
正文{页边距:0;}
#游戏容器{宽度:100vw;高度:100vh;}
画布{宽度:100%;高度:100%;}
var gameInstance=UnityLoader.instantiate(“gameContainer”、“Build/dist.json”);
然后从菜单中选择编辑->项目设置->播放器,并在WebGL选项卡下选择模板


您是否尝试单击右下角的蓝色箭头?是否使用?