Godot《躲避小兵》实战之游戏开始界面制作

我们的游戏还需要用户可操作的界面，比如开始游戏，退出以及显示分数等UI界面。

创建新场景，点击“其他节点”按钮，然后添加一个 CanvasLayer 节点并命名为 HUD。“HUD”是“heads-up display”（游戏信息显示）的缩写，是覆盖在游戏视图上显示的信息。

CanvasLayer节点可以让我们在游戏的其他部分的上一层绘制 UI 元素，这样它所显示的信息就不会被任何游戏元素（如玩家或敌人）所覆盖。

HUD 中需要显示以下信息：

• 得分，由 ScoreTimer 更改。
• 消息，例如“Game Over”或“Get Ready!”
• “Start”按钮来开始游戏。

UI 元素的基本节点是 Control。要创建 UI，我们需使用 Control 下的两种节点：Label和 Button。

创建以下节点作为 HUD 的子节点：

• 名为分数标签 ScoreLabel 的 Label。
• 名为消息 Message 的 Label。
• 名为开始按钮 StartButton 的 Button。
• 名为信息计数器 MessageTimer 的 Timer。

点击 ScoreLabel 并在“检查器”的 Text 字段中键入一个数字。

Control 节点的默认字体很小，不能很好地缩放。游戏资产包中有一个叫作“Xolonium-Regular.ttf”的字体文件。 使用此字体需要执行以下操作：

在“Theme Overrides > Fonts”（主题覆盖 > 字体）中选择“加载”，然后选中“Xolonium-Regular.ttf”文件。