Libgdx -删除HTML灰色背景/重新编译按钮/加载飞溅



如何移除覆盖整个屏幕的灰色背景,重新编译按钮,以及我的游戏的HTML构建中的默认libGDX加载和/或加载splash ?

注:此答案仅适用于2022年末的gdx-setup工具。gdx-lift - off工具与此类似,但它的配置没有那么简单。此外,我希望有一天能重新设计一些libGDX的HTML后端,因为填充没有意义,而且它的应用不均匀,再加上不太明显的东西,比如它为布局创建表格的方式。

<标题> 灰色背景

背景颜色可以通过将html/webapp/styles.css中的background: #222222更改为其他颜色来定制。或者将其直接应用于index.html的主体并删除styles.css(加上link),因为一旦superdev按钮被删除,它就不包含任何重要的内容。

<标题>灰色边界h1> 戏周围的边界可以通过编辑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/retina的原生分辨率进行渲染。显示而不是放大。

<标题>编译按钮

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

<标题>加载/闪屏h1> 可能最好参考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-widthinitial-scale之间应该添加逗号,以使其成为有效的HTML。
  • index.html中,将align="center"应用于div是不赞成的行为。也许最好去掉这种对齐。如果你需要,可以通过CSS申请。
  • index.html, handleMouseDown()handleMouseUp()是完全没有意义的,据我所见。我没有在我自己的项目中使用它们,也没有抱怨过。
  • html/build/dist/assets/assets.txt引用了一些可能不需要的文件。默认字体(ariallsans,取决于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)。

最新更新