Libgdx - 删除 HTML 灰色背景/重新编译按钮/加载启动画面

Question

在我的游戏的 HTML 版本中删除覆盖整个屏幕的灰色背景、重新编译按钮以及默认的 libGDX 加载和/或加载启动画面的正确方法是什么？

Answer 1

注意：此答案仅适用于 2022 年末的 gdx-setup 工具。gdx-liftoff 工具类似，但开箱即用的配置稍微不那么愚蠢。此外，我希望有一天能够对 libGDX 的 HTML 后端进行一些重新设计，因为填充没有任何意义，并且应用不均匀，再加上一些不太明显的事情，例如它创建布局表格的方式。

灰色背景

背景颜色可以通过更改background: #222222为html/webapp/styles.css其他颜色来自定义。或者将其直接应用于主体并index.html删除styles.css（加上link它），因为一旦删除超级开发按钮，它就不包含任何重要的内容。

灰色边框

游戏周围的边框可以通过编辑来删除，HtmlLauncher如下所示：

@Override
public GwtApplicationConfiguration getConfig () {
  GwtApplicationConfiguration config = new GwtApplicationConfiguration(true);
  config.padHorizontal = 0;
  config.padVertical = 0;
  return config;
}

分隔GwtApplicationConfiguration成一个config变量使其与其他启动器（桌面、Android、iOS）保持一致，并将填充设置为 0 是不言自明的。当我们在这里时，传递true到应用程序配置的构造函数告诉它在高 DPI/“视网膜”显示器上以本机分辨率渲染，而不是升级。

重新编译按钮

或者我称之为超级开发按钮。<a class="superdev"...只需从 中删除该行即可html/webapp/index.html。如果您在开发过程中需要访问它，建议您将其链接添加到书签栏。在 Chrome 和 Firefox 中，可以使用 Ctrl+Shift+B 切换书签栏的可见性。

加载/启动画面

您可能最好参考https://libgdx.com/wiki/html5-backend-and-gwt-specifics#changing-the-load-screen-progress-bar（当问题出现时，它可能不存在）问道）。简而言之，getPreloaderCallback()并且adjustMeterPanel()可以在HtmlLauncher. 我通常只是logo.png在构建后进行覆盖，而不是使用推荐的方法来更改徽标。

其他变化

在最终版本发布之前您可能想要更改的内容：

• styles.css如前所述，除了更改背景颜色之外，并不是很重要。
• 在 中index.html，应在 和 之间添加逗号device-width，initial-scale这样它才是有效的 HTML。
• 在 中index.html，应用于align="center"adiv是不推荐的行为。也许最好删除该对齐方式。如果您需要它，请改为通过 CSS 来应用。
• 据我所知，在index.html、handleMouseDown()和中完全没有意义。handleMouseUp()我不将它们用于我自己的项目，也没有抱怨。
• html/build/dist/assets/assets.txt引用一些可能不需要的文件。我相信，仅当您使用默认字体（arial或lsans，取决于 libGDX 版本）时才需要它，并且仅当您执行 3D 操作时才需要顶点/片段着色器。删除这些可以稍微缩短加载时间，尤其是在 HTTP/1.1 连接上。但我没有自动删除这些行的方法（Linux 上除外 - head -n -8）。
• 设置资产过滤器（如https://libgdx.com/wiki/html5-backend-and-gwt-specifics#speeding-up-preload-process所示）是减少加载时间的简单方法。我返回false音乐文件以大大减少加载时间 - 它最终会流式传输音乐而不是预加载它（如果使用Music，而不是 AssetManager）。