Einführung in den Godot-Editor

Die folgende Anleitung veranschaulicht Dir die Oberfläche von Godot. Wir werden einen Blick auf die Projektverwaltung, andockbare Bereiche, Arbeitsbereiche und alles, was Du zum Loslegen mit der Engine wissen musst, werfen.

Projektverwaltung

Wenn Du Godot startest, erscheint als erstes Fenster die Projektverwaltung. Weil Du noch keine Projekte angelegt hast wird ein Popup erscheinen mit der Frage, ob Du die Asset Library öffnen möchtest. Klick einfach auf Abbrechen, wir schauen uns das später an.

../../_images/project_manager_first_open.png

Jetzt solltest du den Projekt Manager sehen, in diesem können sie Projekte erstellen, entfernen, importieren oder Spielen.

../../_images/editor_ui_intro_project_manager_01.png

In der rechten oberen Ecke findest Du ein Aufklappmenü, um die Sprache des Editors zu ändern.

../../_images/editor_ui_intro_project_manager_02.png

Aus dem Vorlagen-Tab kannst Du öffentliche Projektvorlagen und Demos herunterladen, die Dir einen schnelleren Einstieg ermöglichen. Wähle dazu die zu herunterladene Projektvorlage oder Demo aus, drücke auf Herunterladen, und, sobald es fertig ist, wähle den Installationsort aus. Erfahre mehr in About the Asset Library.

../../_images/editor_ui_intro_project_manager_03.png

Erzeugen oder Importieren eines Projekts

Um ein neues Projekt zu erstellen, klicke auf Neues Projekt auf der rechten Seite. Gib dem Projekt einen Namen und wähle ein leeres Verzeichnis auf deinem Computer aus, um es dort anzulegen.

../../_images/editor_ui_intro_project_manager_04.png

Klicke auf "Durchsuchen", um Godots Dateibrowser zu öffnen und wähle einen Ort oder tippe einen Pfad zum Zielverzeichnis im Projektpfadfeld ein.

../../_images/editor_ui_intro_project_manager_05.png

Wenn Du den grünen Haken auf der rechten Seite siehst, dann heißt es, dass die Engine einen leeren Ordner entdeckt hat und Du mit "Erstellen & Bearbeiten" bestätigen kannst. Godot wird das Projekt nun für Dich erstellen und im Editor öffnen.

Du kannst auch das grafische Backend (OpenGL ES 3.0 oder OpenGL ES 2.0) festlegen. Die Vor- und Nachteile der beiden Optionen sind dort ebenfalls aufgelistet, eine detaillierte Liste findest Du unter Differences between GLES2 and GLES3. Du kannst diese Einstellung später jederzeit ändern. Für dieses Tutorial spielt diese Einstellung keine Rolle.

Wenn du fertig bist klicke auf Create & Edit und Godot erstellt das Projekt für dich und öffnet es im Editor.

Das nächste Mal wenn Du Godot startest, wirst Du Dein neues Projekt in der Liste stehen sehen. Klicke es mit einem Doppelklick an, um es im Editor zu öffnen.

../../_images/editor_ui_intro_project_manager_06.png

Du kannst bereits bestehende Projekte auf ähnliche Weise importieren. Suche dazu den Ordner, welcher das Projekt oder die Datei "project.godot" enthält um sie zu importieren und zu bearbeiten.

../../_images/editor_ui_intro_project_manager_08.png

Wenn der Dateipfad zum Ordner korrekt ist, sehen Sie einen grünen Haken.

../../_images/editor_ui_intro_project_manager_09.png

Dein erster Blick auf Godots Editor

Willkommen bei Godot! Sobald Du Dein Projekt geöffnet hast, solltest Du die Oberfläche des Editors mit den Menüs ganz oben und den Werkzeugleisten am linken und rechten Rand des Arbeitsbereichs sehen.

../../_images/editor_ui_intro_editor_interface_overview.png

Auf der oberen Leiste von links nach rechts siehst Du die Hauptmenüfelder, dann die Arbeitsbereiche und zuletzt die Kontrollschaltflächen zum Testen und Debuggen des Projekts.

Im Dateisystem-Panel werden Projektdateien sowie Nutzerinhalte verwaltet.

../../_images/editor_ui_intro_dock_filesystem.png

Das Szenen-Dock**listet den Inhalt der aktuellen Szene auf und der **Inspektor erlaubt das Verwalten der Eigenschaften des Szeneninhalts.

../../_images/editor_ui_intro_dock_inspector.png

Oben im Arbeitsbereich íst die Toolbar untergebracht. Dort finden Sie Werkzeuge zum Bewegen, Skalieren oder Sperren der Objekte Ihrer aktuellen Szene. Die Werkzeuge ändert sich, sobald Sie zu einem anderen Arbeitsbereich wechseln.

../../_images/editor_ui_intro_editor_02_toolbar.png

In der Bodenleiste befindet sich die Debug-Konsole, der Animations-Editor, Audiomixer etc. Sie ist relativ breit und kann wertvollen Platz einnehmen. Daher ist sie in der Regel zusammengeklappt.

../../_images/editor_ui_intro_editor_03_animation_player.png

Die Arbeitsbereiche

Oben befinden sich die vier Arbeitsumgebungen: 2D, 3D, Script, und AssetLib.

Den 2D-Arbeitsbereich wirst du für sämtliche Arten von Spielen benutzen. Zusätzlich zu den 2D-Spielen wirst du dort deine Benutzeroberflächen erstellen. Drücke F1, um darauf zuzugreifen.

../../_images/editor_ui_intro_editor_04_2d_workspace.png

Im 3D-Arbeitsbereich arbeitest Du mit Meshes und Lichtobjekten und erstellst Level für 3D-Spiele. Drücke F2 (oder Alt + 2 auf macOS), um hierauf zuzugreifen.

../../_images/editor_ui_intro_editor_05_3d_workspace.png

Beachte den Text [Perspektive] unter der Werkzeugleiste. Dies ist eine Schaltfläche, die ein Menü mit Einstelloptionen für die 3D-Ansicht öffnet.

../../_images/editor_ui_intro_editor_06_3d_workspace.png

Bemerkung

Lies Introduction to 3D für weitere Informationen zum 3D-Arbeitsbereich.

Der Skript-Arbeitsbereich ist ein kompletter Code-Editor mit einem Debugger, Autovervollständigung und eingebauter Code-Referenz. Drücke kbd:F3 (oder Alt + 3 auf macOS), um darauf zuzugreifen und Shift + F1, um die Referenz zu durchsuchen.

../../_images/editor_ui_intro_editor_06_script_workspace_expanded.png

Um nach Informationen nach einer Klasse, Methode, Eigenschaft, Konstante oder Signal in der Engine zu suchen, während Sie dabei sind, ein Skript zu schreiben, drücken Sie den "Suche Hilfe" Knopf oben rechts des Skript Arbeitsplatz.

../../_images/editor_ui_intro_script_search_documentation.png

Ein neues Fenster wird erscheinen. Suche nach dem Element, für dass Information benötigt wird.

../../_images/editor_ui_intro_script_search_help_window.png

Klicke auf das Element, nach dem gesucht wird, und drücke 'öffnen'. Die Dokumentation für das Element wird im Skript-Arbeitsplatz angezeigt.

../../_images/editor_ui_intro_script_class_documentation.png

Abschließend die AssetLib: eine Bibliothek mit kostenlosen Add-ons, Skripten und Inhalten, die Du in Deinen Projekten verwenden kannst.

Oberfläche anpassen

Godot nutzt ein einzelnes Programmfenster und kann somit nicht auf mehrere Bildschirme aufgeteilt werden. Es ist allerdings möglich einen externen Code–Editor, wie z.B. Atom oder Visual Studio Code zu benutzen.

Docks verschieben und skalieren

Klicke und ziehe den Rand eines beliebigen Dockfensters oder Panels, um die Größe horizontal bzw. vertikal zu ändern.

../../_images/editor_ui_intro_editor_07.png

Klicke auf das dreigepunktete Symbol am oberen Rand eines beliebigen Docks, um seine Position zu ändern.

../../_images/editor_ui_intro_editor_08.png

Klicke im Menü auf Editor, dann Editoreinstellungen, um das Aussehen des Editors anzupassen.