Introduction to Godot's editor

This tutorial will run you through Godot's interface. We're going to look at the Project Manager, docks, workspaces and everything you need to know to get started with the engine.

You can download Godot Engine here.

Projektinhallinta

When you launch Godot, the first window you'll see is the Project Manager. Since you have no projects there will be a popup asking if you want to open the asset library, just click cancel, we'll look at it later.

../../_images/project_manager_first_open.png

Now you should see the project manager. It lets you create, remove, import or play game projects.

../../_images/editor_ui_intro_project_manager_01.png

In the top-right corner you'll find a drop-down menu to change the editor's language.

../../_images/editor_ui_intro_project_manager_02.png

From the Templates tab you can download open source project templates and demos from the Asset Library to help you get started faster. Just select the template or demo you want, click download, once it's finished downloading click install and choose where you want the project to go. You can learn more about it in About the Asset Library.

../../_images/editor_ui_intro_project_manager_03.png

Luo tai tuo projekti

To create a new project, click the New Project button on the right. Here you give it a name, choose an empty folder on your computer to save it to, and choose a renderer.

../../_images/editor_ui_intro_project_manager_04.png

Click the Browse button to open Godot's file browser and pick a location or type the folder's path in the Project Path field.

../../_images/editor_ui_intro_project_manager_05.png

When you see the green tick on the right, it means the engine detects an empty folder. You can also click the Create Folder button next to your project name and an empty folder will be created with that name for the project.

Finally, you need to choose which renderer to use (OpenGL ES 3.0 or OpenGL ES 2.0). The advantages and disadvantages of each are listed to help you choose, and you can refer to Differences between GLES2 and GLES3 for more details. Note that you can change the backend from the project settings if you change your mind later on. For this tutorial either backend is fine.

Once you are done click Create & Edit. Godot will create the project for you and open it in the editor.

The next time you open the project manager, you'll see your new project in the list. Double click on it to open it in the editor.

../../_images/editor_ui_intro_project_manager_06.png

Voit tuoda olemassa olevia projekteja samaan tapaan käyttämällä Tuo painiketta. Etsi kansio, joka sisältää projektin tai project.godot tiedoston, tuodaksesi projektin ja muokataksesi sitä.

../../_images/editor_ui_intro_project_manager_08.png

Kun projektin polku on oikein, näet vihreän oikein-merkin.

../../_images/editor_ui_intro_project_manager_09.png

Your first look at Godot's editor

Welcome to Godot! With your project open, you should see the editor's interface with menus along the top of the interface and docks along the far extremes of the interface on either side of the viewport.

../../_images/editor_ui_intro_editor_interface_overview.png

Ylhäällä, vasemmalta oikealle luettuna, voit nähdä valikot (main menus), työtilat (workspaces) ja pelitestauspainikkeet (playtest buttons).

The FileSystem dock is where you'll manage your project files and assets.

../../_images/editor_ui_intro_dock_filesystem.png

The Scene dock lists the active scene's content and the Inspector allows for the management of the properties of a scene's content.

../../_images/editor_ui_intro_dock_inspector.png

In the center, you have the Toolbar at the top, where you'll find tools to move, scale or lock your scene's objects. It changes as you jump to different workspaces.

../../_images/editor_ui_intro_editor_02_toolbar.png

The Bottom Panel is the host for the debug console, the animation editor, the audio mixer… They are wide and can take precious space. That's why they're folded by default.

../../_images/editor_ui_intro_editor_03_animation_player.png

Työtilat

Ylhäällä näet painikkeet neljälle työtilalle: 2D, 3D, Script ja AssetLib.

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 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 F2 (or Alt + 2 on macOS) to access it.

../../_images/editor_ui_intro_editor_05_3d_workspace.png

Notice the perspective button under the toolbar, it opens a list of options related to the 3D viewport.

../../_images/editor_ui_intro_editor_06_3d_workspace.png

Muista

Read Introduction to 3D for more detail about 3D workspace.

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

../../_images/editor_ui_intro_editor_06_script_workspace_expanded.png

Etsiäksesi lisätietoja luokasta, metodista, ominaisuudesta, vakiosta tai signaalista pelimoottorissa paina "Search help" painiketta oikeassa yläkulmassa skripti työtilaa.

../../_images/editor_ui_intro_script_search_documentation.png

Uusi ikkuna pulpahtaa. Etsi kohdetta josta haluat saada lisätietoa.

../../_images/editor_ui_intro_script_search_help_window.png

Napsauta kohdetta jota etsit ja paina avaa. Dokumentaatio kohteelle näkyy skripti työtilassa.

../../_images/editor_ui_intro_script_class_documentation.png

Finally, the AssetLib is a library of free and open source add-ons, scripts and assets to use in your projects.

Muokkaa käyttöliittymää

Godot's interface lives in a single window. You cannot split it across multiple screens although you can work with an external code editor like Atom or Visual Studio Code for instance.

Telakoiden siirtäminen ja koon muuttaminen

Napsauta ja vedä minkä tahansa telakan tai paneelin reunasta muuttaaksesi sen kokoa vaaka- tai pystysuunnassa.

../../_images/editor_ui_intro_editor_07.png

Napsauta minkä tahansa telakan ylälaidassa olevaa kolmipisteistä kuvaketta muuttaaksesi sen sijoittelua.

../../_images/editor_ui_intro_editor_08.png

Mene Editori valikkoon and valitse Editorin asetukset säätääksesi editorin ulkoasua.