logo标签列表

如何填充屏幕上的空白区域(web gl unity)?

javascripthtmlunity-game-engineunity-webgl
3

空白图片

空白图片

硬编码图像

硬编码图像

所以我们正在制作的游戏中，我希望游戏屏幕填满白色空间（我认为这被称为本机分辨率），

程序员说“容器只是硬编码到一定大小”，他不知道如何使其对于所有计算机都完美地填补屏幕，例如如果计算机有不同的分辨率。

这个游戏是使用Unity制作的，该人说它在Web GL中运行。

对不起，谢谢，我是新来的。

你试过点击右下角的蓝色箭头吗？ - Retired Ninja
使用不同的模板？ - gman
1个回答
2
你需要通过按照这里记录的方式更改HTML来制作自己的模板。您可以选择默认模板中的任意一个或创建自己的模板。
根据这些文档，您需要在Assets文件夹中创建一个名为WebGLTemplates的文件夹，并在其中创建一个新的文件夹来存放您的模板，例如：BetterTemplate。在该文件夹中添加一个index.html文件以及您想要包含在游戏中的任何其他图片、CSS、JavaScript文件。 index.html可能看起来像这样：
<!DOCTYPE html>
<html lang="en-us">

  <head>
    <meta charset="utf-8">
    <title>%UNITY_WEB_NAME%</title>
    <style>
      body { margin: 0; }
      #gameContainer { width: 100vw; height: 100vh; }
      canvas { width: 100%; height: 100%; }
    </style>
    <script src="Build/UnityLoader.js"></script>
    <script>
    var gameInstance = UnityLoader.instantiate("gameContainer", "Build/dist.json");
    </script>
  </head>

  <body>
    <div id="gameContainer"></div>
  </body>

</html>

然后您选择“编辑->项目设置->播放器”菜单，在WebGL选项卡下选择您的模板。

这是一个填满窗口的例子。
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接