大家好!

最近,我在 GMTK Game Jam 中注意到许多 Unity 游戏仍然使用 Default WebGL 模板。在我看来,添加的条形可以与游戏页面的外观冲突,而且它并不是特别有用,因为 Itch 提供了可选的全屏按钮。 我想与大家分享我用于我的游戏“A Vaultful of Lasers”(https://balencialto.itch.io/vaultful-of-lasers)的方法,以便它可以帮助其他人清理游戏的呈现。

我使用了 SeanBetter Minimal WebGL 模板,它可以处理画布缩放,提供简单的加载条以及一些基本的自定义选项。

  1. 下载 WebGL 模板(https://seansleblanc.itch.io/better-minimal-webgl-template),解压内容并将“WebGLTemplates”文件夹移动到您的游戏的“Assets”文件夹中。
  2. 在 Unity 中,转到 编辑 > 项目设置 > 玩家
  3. 在“分辨率和呈现”部分:
  4. 选择 BetterMinimal 下的 WebGL 模板
  5. 设置 默认画布宽度高度 以适应您的游戏。该分辨率应与您在 Itch 页面使用的分辨率相同 - 我设置的为 1280 x 720。
  6. 优化为像素艺术缩放到适应 框中输入“true”或“false”。
  7. 使用 Web 平台构建您的游戏到一个新文件夹。
  8. (可选)编辑创建的 index.html 文件以匹配您的 Itch 页面。
  9. 行 11 - 更改背景颜色。
  10. 行 69 - 更改两个颜色代码(控制进度条)。
  11. 行 77 - 如果您需要您的游戏在特定分辨率下调整大小(适用于像素艺术游戏),您可能需要在“onResize”方法中添加一些代码(使用“适应画布比例”的方法)。
  12. 压缩您的 Build 文件夹中的文件到一个单个 zip 文件(在 Windows 上右键单击 > 发送到 > 压缩(打包)文件夹,或在 Mac 上使用“压缩项目”)。
    这是您需要上传到 Itch 的文件。
  13. 在 Itch 中找到“编辑游戏”按钮并更改以下内容:
  14. 项目类型 - HTML
  15. 上传 - 添加您的 zip 文件 并勾选“在浏览器中播放此文件”选项。
  16. 嵌入选项 - 选择“嵌入页面”和“手动设置大小”,调整“视口尺寸”以匹配您的游戏的默认画布宽度和高度。
  17. 框选项 - 勾选“全屏按钮”选项。
  18. (可选)- 添加一些 标签 以帮助人们找到您的游戏。

如果您遇到问题,无法打包和上传您的游戏到 Itch,这个 社区帖子可能会有所帮助。

祝好运(让我知道您是否参与了 Brackeys Game Jam),我期待看到您创作的美丽项目。