Godot启动屏幕设计实例图解(2)

这是一个简单的教程, 可建立有关GUI子系统如何工作的基本思想。目标是创建一个简单的静态初始屏幕。

Godot启动屏幕设计实例图解(2)

文章图片
以下是具有将使用的属性的文件。提取的数据可以直接放置在我们的项目文件夹中, Godot会自动将其导入。
配置
在项目设置中将显示分辨率设置为800× 450, 然后设置一个新视图, 如下所示:
Godot启动屏幕设计实例图解(2)

文章图片
节点” 背景” 和” 徽标” 属于纹理类型。要显示图像, 请将相应的属性拖动到texture属性。
Godot启动屏幕设计实例图解(2)

文章图片
节点” 开始” 是一个TextureButton。它为不同的状态拍摄了几张图像, 但是在此示例中仅提供正常和按下状态:
Godot启动屏幕设计实例图解(2)

文章图片
最后, 节点” 版权” 是一个标签。
我们的最终场景应如下所示:
Godot启动屏幕设计实例图解(2)

文章图片
【Godot启动屏幕设计实例图解(2)】继续并运行该项目。如果我们对结果满意, 请继续下一个教程。

    推荐阅读