Godot 編輯器簡介

本教學將簡介 Godot 界面。我們將會看到 專案管理員、Dock、工作空間 以及所有入門 Godot 所需要的東西。

可以 從此處下載 Godot Engine

專案管理員

啟動 Godot 後看到的第一個視窗就是專案管理員了。由於目前還沒有專案,所以會出現一個彈窗詢問是否開啟素材庫,這裡先點 [取消],我們晚點再回來看。

../../_images/project_manager_first_open.png

現在應該可以看到專案管理員了。這裡可以建立、移除、匯入或是執行遊戲專案。

../../_images/editor_ui_intro_project_manager_01.png

右上角可以找到切換編輯器語言的選單。

../../_images/editor_ui_intro_project_manager_02.png

[樣板] 標籤內可以從素材庫中下載開放原始碼專案樣板與範例專案,讓你能快速入門。只需要選擇想要的樣板或範例,點擊 [下載],等待下載完成後再點擊 [安裝] 並選擇專案放置的位置。可以在 About the Asset Library 瞭解更多。

../../_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 偵測到資料夾是空的。也可以點擊專案名稱旁邊的 [建立資料夾] 按鈕,Godot 會根據專案名稱建立資料夾。

最後,需要選擇要使用哪個算繪器(OpenGL ES 3.0 或 OpenGL ES 2.0)。我們列出了這兩種算繪器各自的優缺點來讓你自己選擇,也可以參考 Differences between GLES2 and GLES3 瞭解更多詳細資訊。而就算之後改變心意了也可以從 [專案設定] 裡更改。本篇教學可適用於兩種算繪器。

好了之後點擊 建立並編輯,Godot 會建立專案並在編輯器打開。

下次打開專案管理員的時候就會在清單上看到新專案了。點兩下就能在編輯器中打開。

../../_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 編輯器

歡迎來到 Godot!打開專案後應該就能看到編輯器界面。選單在畫面的上方,而 Dock 則在檢視區的兩側。

../../_images/editor_ui_intro_editor_interface_overview.png

上方從左到右分別是 主選單工作區、以及 執行測試按鈕

檔案系統 Dock 是用來管理專案檔案與素材的地方。

../../_images/editor_ui_intro_dock_filesystem.png

場景 Dock 列出了開啟的場景的內容,屬性面板 則可以控制場景內容的屬性。

../../_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]、[腳本]、[素材庫] 等。

You'll use the 2D workspace for all types of games. In addition to 2D games, the 2D workspace is where you'll build your interfaces. Press Ctrl + F1 (or Alt + 1 on macOS) to access it.

../../_images/editor_ui_intro_editor_04_2d_workspace.png

In the 3D workspace, you can work with meshes, lights, and design levels for 3D games. Press Ctrl + F2 (or Alt + 2 on macOS) to access it.

../../_images/editor_ui_intro_editor_05_3d_workspace.png

另外請注意工具列下方的 [透視] 按鈕,可以打開與 3D 檢視區相關的選項列表。

../../_images/editor_ui_intro_editor_06_3d_workspace.png

備註

關於 3D 工作區 的詳細介紹請參考 Introduction to 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 Code 等外部編輯器。

移動與調整 Dock 大小

點擊並拖移任意 Dock 或面板的邊緣來水平或垂直地縮放大小。

../../_images/editor_ui_intro_editor_07.png

點擊任意 Dock 上方的三個點的按鈕來更改位置。

../../_images/editor_ui_intro_editor_08.png

前往 [編輯器] 選單並選擇 [編輯器設定] 可微調編輯器的外觀。