4.菜单

目录

菜单

菜单屏幕

---

菜单

现在我们已经有了基本的游戏玩法，是时候开始研究用户界面了。我们将需要菜单屏幕来显示标题、设置和游戏结束。

菜单屏幕

这三个屏幕将共享一个共同的布局和一些功能，所以我们将从一个基本场景开始，它们都可以继承。在新的场景中，从一个CanvasLayer开始，并将其命名为BaseScreen。将这个场景保存在 "UI "文件夹中。

• CanvasLayer (“BaseScreen”)
  • MarginContainer
    • VBoxContainer
      • Label
      • HBoxContainer (“Buttons”)
  • Tween

MarginContainer将确保我们的UI元素不会太靠近屏幕边缘。将它的四个自定义常量属性都设置为20。

接下来是一个VBoxContainer来组织主要元素。将其自定义常量/间距设置为150。

标签节点显示屏幕的标题。在其Text字段中放入 “Title”，并加载我们用于圆圈的相同字体资源。

最后，添加一个名为 "Buttons "的HBoxContainer，用来存放我们添加到屏幕上的按钮。将其Separation设置为75。然后复制这个节点，这样我们就有了另一排按钮。

画面应该从屏幕外开始，所以将根节点上的Offset设置为（500，0）。然后在场景中添加一个脚本。

ex