Godot编辑器介绍

这篇教程将带你快速上手Godot的界面. 我们将了解 项目管理器, 停靠面板, 工作区 以及初步运用引擎须知的一切.

你可以 在此处下载Godot 引擎 .

项目管理器

启动Godot后, 你会首先看到项目管理器窗口. 因为你目前还没有项目, 所以会有一个弹窗, 询问你是否想要打开素材库, 点击取消即可, 我们稍后再回来看这个东西.

../../_images/project_manager_first_open.png

当启动Godot, 看到的第一个窗口就是项目管理器. 它允许创建, 移除, 导入或运行游戏项目.

../../_images/editor_ui_intro_project_manager_01.png

可以在右上角找到下拉菜单来切换编辑器界面语言.

../../_images/editor_ui_intro_project_manager_02.png

模板 选项卡里, 你可以从素材库中下载开源的项目模板和示例来帮助你快速入门. 只需选择你想要的模板或示例, 然后点击下载. 下载完成后, 点击安装并选择项目存储路径. 更多相关内容我们会在 关于素材库 中学习.

../../_images/editor_ui_intro_project_manager_03.png

创建或导入项目

要创建新项目, 点击右侧的 新建项目 按钮. 为其命名并在计算机上选择一个空文件夹来保存它, 最后选择一个渲染器.

../../_images/editor_ui_intro_project_manager_04.png

点击浏览按钮, 打开Godot文件浏览器并选择位置. 或者直接在项目路径字段输入目录路径.

../../_images/editor_ui_intro_project_manager_05.png

当看到右侧出现绿色的勾, 表示引擎检测到了一个空文件夹.你也可以点击项目名称旁边的 创建 按钮 ,Godot会创建项目并在编辑器打开它.

在这个步骤你可以选择渲染后端(OpenGL ES 3.0 或者 OpenGL ES 2.0). 两者的优缺点已经列出帮助你做出选择, 详细内容请参考 GLES2和GLES3之间的一般差异 你也可以在之后任何时候通过项目设置面板来更改渲染后端. 对于本样例内容, 两者任选其一都是ok的.

当你完成之后, 点击 创建 & 编辑. 引擎会帮你创建项目并在编辑器中打开.

下次打开项目管理器的时候, 就可以在列表里看到新项目了. 双击它可以在编辑器打开.

../../_images/editor_ui_intro_project_manager_06.png

可以用类似方式导入已有项目. 点击导入按钮, 找到含有项目或 project.godot 文件的目录就可以导入并编辑它了.

../../_images/editor_ui_intro_project_manager_08.png

如果目录路径正确, 会看到绿色的对号.

../../_images/editor_ui_intro_project_manager_09.png

初识Godot编辑器

欢迎来到戈多!打开项目后, 您会看到编辑器的整个界面, 顶部有菜单项, 停靠在视窗顶端处.

../../_images/editor_ui_intro_editor_interface_overview.png

在顶部, 从左到右, 可以看到 主菜单 , 工作区 以及 各调试按钮 .

文件系统面板 是您管理项目文件和资产的地方.

../../_images/editor_ui_intro_dock_filesystem.png

场景面板 列出了活动场景的内容, 检视器 用于管理场景内容的属性.

../../_images/editor_ui_intro_dock_inspector.png

中间上方有 工具栏 , 你可以用它移动, 缩放或锁定你的场景物件. 它会随着工作区的不同而切换.

../../_images/editor_ui_intro_editor_02_toolbar.png

底部面板 有输出, 调试器, 音频, 动画, 它们比较宽, 会占用宝贵的空间. 所以它们默认是折叠状态.

../../_images/editor_ui_intro_editor_03_animation_player.png

工作区

可以在顶部看到有四个工作区按钮:2D, 3D, 脚本和素材库.

对所有类型的游戏都需要使用 2D 工作区 . 除了用于2D游戏外, 也是构建UI界面的地方. 按 F1 (或 Alt + 1 在macOS上) 访问它.

../../_images/editor_ui_intro_editor_04_2d_workspace.png

3D工作区 中, 你可以使用网格, 灯光, 并设计3D游戏的关卡. 按 F2 (或 Alt + 2 在macOS上)进入.

../../_images/editor_ui_intro_editor_05_3d_workspace.png

注意工具栏下的透视图按钮, 它会打开一个与3D视图相关的选项列表.

../../_images/editor_ui_intro_editor_06_3d_workspace.png

注解

更多关于 3D 工作区 的细节, 请查看 3D简介.

The Script workspace is a complete code editor with a debugger, rich auto-completion, and built-in code reference. Press Ctrl + F3 (or Alt + 3 on macOS) to access it, and F1 (or Alt + Space on macOS) to search the reference.

../../_images/editor_ui_intro_editor_06_script_workspace_expanded.png

要在编写脚本时, 搜索引擎中的类, 方法, 属性, 常量或信号的信息, 请使用脚本工作区右上方的 "搜索帮助" 按钮.

../../_images/editor_ui_intro_script_search_documentation.png

会弹出一个新窗口, 以便查找你所需的信息.

../../_images/editor_ui_intro_script_search_help_window.png

单击要查找的项目, 然后按 "打开". 项目的文档将显示在脚本工作区中.

../../_images/editor_ui_intro_script_class_documentation.png

最后, 素材库 是一个免费的插件, 脚本, 资源仓库, 可用于项目.

调整界面

Godot的界面存在于单一窗口中. 不能把它拆分到多个屏幕中, 不过可以使用外置的代码编辑器如Atom或Visual Studio一起工作.

移动, 重新调整面板尺寸

点击并拖动面板边缘可以水平或垂直地重新调整尺寸.

../../_images/editor_ui_intro_editor_07.png

点击任意停靠面板顶部的三点图标可以改变它的位置.

../../_images/editor_ui_intro_editor_08.png

进入 Editor(编辑器) 菜单和 Editor Settings(编辑器设置) , 对编辑器的外观和感觉进行微调.