Wonderland Editor-Ansichten

Die Ansichten im Editor findest Du in der oberen Menüleiste unter “Ansichten”.

Wichtige Ansichten

Diese Ansichten wirst Du sehr häufig benötigen:

Zusätzliche Ansichten

Weniger häufig genutzt, aber nützliche Werkzeuge:

Globale Hotkeys

Hotkeys, die überall im Editor funktionieren.

Hotkey	Beschreibung
Ctrl/Cmd + N	Neues Projekt
Ctrl/Cmd + O	Projekt öffnen
Ctrl/Cmd + S	Projekt speichern
Ctrl/Cmd + Shift + S	Projekt speichern unter
Ctrl/Cmd + I	Projekt importieren
Ctrl/Cmd + E	Auswahl exportieren
Ctrl/Cmd + Shift + P	Projekt packen
F5	Ausführen (packen, Server starten und öffnen)
F8	Shader neu laden
Ctrl/Cmd + Z	Letzte Aktion rückgängig machen
Ctrl/Cmd + Shift + Z	Letzte rückgängig gemachte Aktion wiederherstellen

Szenenansicht

Zeigt eine 3D-Ansicht der aktuellen Szene des Projekts.

Ziehe ein Material aus den Ressourcen auf ein Objekt, um das Material der ersten Mesh-Komponente zu ändern. Ziehe eine Textur aus den Ressourcen auf ein Objekt, um den ersten Texturslot des ersten Materials zu setzen. Du kannst Ressourcen auch direkt in Komponenteneigenschafts-Slots ziehen.

Hotkeys

Hotkey	Beschreibung
Linksklick	Nur das Objekt unter dem Cursor auswählen
Shift + Linksklick	Objekt unter dem Cursor zur Auswahl hinzufügen
Shift + Ctrl/Cmd + Linksklick	Transformation des ausgewählten Objekts auf das Objekt unter dem Cursor einrasten
F	Ausgewähltes Objekt fokussieren
Shift + F	Objekthierarchie fokussieren
B	Box-Auswahlwerkzeug
G	“Greifen”, zum Verschiebungsgizmo wechseln. Wechselt in den lokalen Raum, falls der Verschiebungsgizmo bereits aktiv war.
R	“Rotieren”, zum Rotationsgizmo wechseln. Wechselt in den lokalen Raum, falls der Verschiebungsgizmo bereits aktiv war.
S	“Skalieren”, zum Skalierungsgizmo wechseln
Alt + G	Übersetzung zurücksetzen
Alt + R	Rotation zurücksetzen
Alt + S	Skalierung zurücksetzen
Numpad 5	Orthographische Ansicht umschalten
Ctrl	Während der Benutzung eines Gizmos wird das Einrasten aktiviert, solange gedrückt.
Del	Ausgewähltes Objekt löschen
Ctrl/Cmd + C	Ausgewähltes Objekt kopieren
Ctrl/Cmd + V	Objekt einfügen
Ctrl/Cmd + Shift + V	Objekt als Kind des ausgewählten Objekts einfügen
Ctrl/Cmd + D	Ausgewähltes Objekt duplizieren
Numpad 7	Sicht nach unten ausrichten
Shift + Numpad 7	Sicht nach oben ausrichten
Numpad 1	Sicht nach vorne ausrichten
Shift + Numpad 1	Sicht nach hinten ausrichten
Numpad 3	Sicht nach links ausrichten
Shift + Numpad 3	Sicht nach rechts ausrichten
Shift + Alt + S	Physik simulieren

Während Du Shift + rechte Maustaste gedrückt hältst, ist die Ansichtsnavigation aktiviert:

Hotkey	Beschreibung
W/A/S/D	Vorwärts/Links/Abwärts/Rechts bewegen
Q/E	Aufwärts/Abwärts bewegen
Maus ziehen	Umschauen

Während die mittlere Maustaste gedrückt gehalten wird, verschiebst Du die Kamera:

Hotkey	Beschreibung
Maus ziehen	Kamera verschieben

Asset-Browser

Zeigt Dateien im Projektverzeichnis an.

Rechtsklick auf freien Raum, um eine neue JavaScript-Komponente zu erstellen.

Um PBR-Texturen zu kombinieren, wähle sie aus und nutze Rechtsklick > Werkzeuge > PBR-Texturen kombinieren.

Rechtsklick in einem “shaders”-Ordner, um benutzerdefinierte Shader zu erstellen, und in einem “plugins”-Ordner für Plugins.

Hotkeys

Hotkey	Beschreibung
F2	Umbenennen

Konsole

Protokolliert Nachrichten von aktuellen Ereignissen im Editor.

Deaktiviere “Info”, “Warnungen” oder “Fehler”, um andere Nachrichten deutlicher zu sehen.

Szenenübersicht

Zeigt die Hierarchie der Objekte in der Szene an.

Objekte ziehen, um sie neu zuzuordnen.

Objekte von hier auf Objektressourcen-Slots in den Komponenten-Eigenschaften ziehen.

Hotkeys

Hotkey	Beschreibung
Del	Ausgewähltes Objekt löschen
Ctrl/Cmd + C	Objektkopien der Hierarchien
Ctrl/Cmd + Shift + C	Objekte kopieren
Ctrl/Cmd + V	Objekte als Geschwister einfügen
Ctrl/Cmd + Shift + V	Objekte als Kind einfügen
Ctrl/Cmd + D	Objektkopien der Hierarchien erstellen
Ctrl/Cmd + Shift + D	Objekte duplizieren
Ctrl/Cmd + E	Objekte exportieren

Eigenschaften

Zeigt Eigenschaften der ausgewählten Objekte an.

Für jede Komponente kannst Du auf die drei Punkte klicken, um die Dokumentation im Browser zu öffnen. Du kannst auch die JavaScript-Quelldateien der Komponenten direkt von hier aus öffnen.

Projekteinstellungen

Einstellungen für das gesamte Projekt.

Von Rendereinstellungen, über Pfade, von denen JavaScript-Dateien geladen werden, bis hin zu Optionen für VR- und AR-Setup, Physik- und Laufzeiteinstellungen.

Ressourcen

Zeigt Tabellen für alle Ressourcen, die derzeit im Projekt verwaltet werden.

Enthält zusätzliche Optimierungsoptionen für einige Ressourcen, ermöglicht das Umbenennen durch Doppelklick auf den Ressourcennamen, manche können durch Rechtsklick auf die Ressource gelöscht und dupliziert werden.

Du kannst Ressourcen von hier aus in Komponenten-Eigenschaften ziehen.

Du kannst Materialien und Texturen von hier aus auf Objekte in der Szenenansicht ziehen.

Projektdaten

Eine Debug-Ansicht, die die internen JSON-Dateien für das Projekt anzeigt.

Profil

Wenn eine Laufzeit in einem Browser aktiv ist und über WebSocket mit localhost:8080 verbunden ist, sendet die Laufzeit alle 30 Frames Profildaten. Dies funktioniert auch für Android-Geräte, die über adb mit Portweiterleitung verbunden sind (z.B. für Oculus Quest oder Smartphones).

Die Daten werden in dieser Ansicht als Diagramm dargestellt.

Du kannst die verbundene Laufzeit über das Dropdown-Menü oben wechseln.

Voreinstellungen

Globale Editor-Voreinstellungen, die pro Computer gespeichert werden.

Konfiguriere Tastenkombinationen und lerne verfügbare Hotkeys kennen
Aktiviere “Force full page reloads” um schnelle Live-Reloads zu deaktivieren
Verwalte Serveroptionen (Port, SSL-Zertifikate)
Passe Start- und Benachrichtigungseinstellungen an

Plugins

Verwalte die Editor- und Projekt-Plugins.

Öffne über Ansichten > Plugins. Verwende das Kontrollkästchen “Plugins für dieses Projekt aktivieren” um die Plugin-Ausführung für das aktuelle Projekt zu erlauben. Die Ansicht hat zwei Tabs:

Editor Scope: Plugins, die mit dem Editor selbst gebündelt oder für diesen installiert sind. Diese fügen typischerweise Ansichten oder Werkzeuge hinzu, die unabhängig vom aktuellen Projekt verfügbar sind.
Project Scope: Plugins, die Teil Deines Projekts sind (installiert über devDependencies oder im plugins/ Ordner abgelegt). Diese können Deine Projektdateien lesen und bearbeiten und am Packen teilnehmen.

Aktiviere oder deaktiviere individuelle Plugins über das Kontrollkästchen rechts. Einige Plugins benötigen möglicherweise einen Projektneustart nach der Aktivierung.

Benchmark

Erfasse die Leistung in einer Benchmark-Szene, einschließlich auf externen Geräten.

Öffne über Ansichten > Benchmark.
Wähle eine Benchmark-Datei und wähle das Zielgerät (lokal oder ein angeschlossenes externes Gerät), dann starte den Benchmark. Verwende “Geräte aktualisieren”, wenn sich Deine Geräteliste geändert hat.
Ergebnisse werden in der Ansicht nach Abschluss zusammengefasst; verwende sie, um die Leistung zwischen Geräten oder nach Projektänderungen zu vergleichen.

Tipp: Es gibt auch eine CLI-Option für automatisierte Läufe; siehe die Editor-CLI-Seite für --benchmark in den CLI Dokumenten.

Lokalisierung

Übersetze Zeichenfolgen in Deinem Projekt in mehrere Sprachen.

Öffne über Ansichten > Lokalisierung.
Im Reiter “Zeichen” findest Du übersetzbare Begriffe in Deinem Projekt; verwende die Kontrollkästchen, um sie einzuschließen.
Der Reiter “Sprachen” lässt Dich Sprachen hinzufügen und Übersetzungen bearbeiten.
Beim Speichern des Projekts werden Übersetzungen als JSON unter <project-root>/languages/<Scene>/<lang-code>.json exportiert, die Du mit branchenüblichen Übersetzungstools nutzen kannst. Verwende “Alles neu importieren” oder “Nicht-Standard neu importieren”, um bearbeitete JSON-Dateien erneut in das Projekt zu laden.

Ressourcenbaum

Visualisiere, welche Ressourcen andere referenzieren und finde schnell ungenutzte oder unerwartet verknüpfte Assets.

Öffne über Ansichten > Ressourcenbaum.
“Nur Auswahl” beschränkt die Ansicht auf die aktuelle Auswahl; “Umgekehrt” wechselt die Richtung des Referenzdiagramms.
Knoten erweitern, um Beziehungen zwischen Objekten, Meshes, Materialien, Pipelines, Shadern und mehr zu inspizieren. Nutze dies, um herauszufinden, wo eine Ressource vor dem Entfernen oder Ändern verwendet wird.

Animationseditor

Bearbeite Animationsspuren und füge “Benutzerdefinierten Event”-Keyframes hinzu.

Öffne über Ansichten > Animationseditor.
Füge benutzerdefinierte Event-Keyframes auf einer Spur ein, um während der Wiedergabe Events auszulösen. Dein Laufzeitcode kann auf diese Events hören, um zum Beispiel Spielereignisse wie Schritte, Soundeffekte oder das Anbringen/Trennen von Gegenständen auszulösen.
Hotkeys
Hotkey Beschreibung
Leertaste Event hinzufügen