Question

本章节效果图

步骤

1. 导入资源

把资源文件夹整个拖拽到 Godot 的文件系统下面

2. 添加一个“Game”节点

用 Godot 开发游戏很重要的一部分工作就是添加和编辑各种“节点”， （参看官方文档《场景与节点》） ，节点有 类型 还有 名字 （其实节点和代码中的变量一样，一个节点就是某个节点类的实例，只不过现在我们是用场景编辑器来定义它），下文中为了便于区分，节点的类型名用代码标记表示，名字用双引号表示。例如:“Game”节点的类型是 Node

其实 Godot 的节点组织方式非常灵活，这只是我在做这个游戏选择的一种组织方式。这个“Game”节点是整个游戏数据逻辑上的根节点

找到 Node 节点，然后点击下方的 创建 按钮

你会发现这张表也是一个树形结构表，实际上这张表还标志的 Godot 节点的继承关系

双击这个节点，并把它的名字改为“Game”

然后按快捷键 Ctrl + S 保存这个场景

场景的默认的扩展名是“tscn”,t 表示 text,scn 表示 scene, 标志着这种文件是人类可读的，好奇的话你可以用记事本打开看看

保存完毕以后，你会看到文件系统窗口下多了一个"Game.tscn"文件

3. 添加背景

在 2D 系统中，用于显示图片的节点叫 Sprite 节点（精灵节点），所以我们要为“Game”添加一个 Sprite 类型的子节点

可以在搜索框里直接输入要查找的节点类型

把名字改为“Background”

一个游戏中，场景的结构会非常复杂，所以一定要对节点合理命名管理。每添加一个节点，一定要立即确认它的名字是否合适。

选定“Background”，把资源中的 bg.jpg 拖到 Texture 字段后面的位置

在选定一个节点时编辑器右边的属性栏中会显示它的属性
这样，背景图就显示在 “Game”的编辑窗口了。但是，实际上只有紫色区域才是游戏运行时的可视区域，背景图并没有填满这个区域，而且这个区域本身的比例也不是原作那样“竖屏”的。

4. 设置分辨率

我们先来调整一下这个游戏的分辨率

把 Width 和 Height 分别设置为 750 和 1334，这是 iPhone7 的分辨率

好了，这回可视区域变成“竖屏”了，接下来我们再调整一下图片的位置和大小。

5. 调整背景图的大小和位置

我们选顶“Background”在它属性栏的 NodesD>Transform 中将 Position 的 x/y 分别设为 375（1334/2）和 667（1334/2）.这样背景图片就覆盖了整个可视区域，并且略大一些（为了避免一些穿帮情况）

7. 运行一下

在 《[手把手带你 Godot 游戏开发]Godot 界面介绍》 中，介绍了这几个按钮，我们点击第一个 运行项目(F5) 按钮试一下。第一次点它的话，会弹出来一个对话框。这是因为我们没有为这个项目设置“主场景”，我们只需设置一次就可以了。
.
点击 选择

在选择主场景窗口找到我们的“Game.tscn”点击 打开

这就是你的第一个 Godot“游戏”，尽管只是显示了一个简单的背景，不过很快就会不一样了。

8.作业

别着急下课，尝试着在 文件系统 中找到这个图片

然后在"Game"中，搭建成下面这个样子

看起来不难，但是有些人的结果可能会是下面这个样子。如果你的地面也被草坪挡住了，尝试解决一下这个问题

问题答案： Godot Engine：如何设置 Sprite 的前后遮挡关系