Cave: Game-Benutzeroberfläche (Game UI) System

In dieser Lektion werden wir einen ersten Blick auf die verschiedenen Arten von UI-Elementen werfen, die in Cave Engine zum Erstellen von Benutzeroberflächen verfügbar sind.

UI-Elemente werden verwendet, um alles zu bauen, was der Spieler über der Spielwelt sieht, wie Menüs, Schaltflächen, HUDs, Gesundheitsbalken, Item-Zähler, Einstellungsbildschirme, Dialogkästen und andere Schnittstellenelemente.

Bevor du eine vollständige Benutzeroberfläche erstellst, ist es wichtig zu verstehen, wofür jedes UI-Element verwendet wird und wann du es verwenden solltest.

1. Erstellen eines neuen UI-Elements

Um ein neues UI-Element zu erstellen, klicke mit der rechten Maustaste in den Scene Graph und wähle die Option Interface aus.

In diesem Menü findest du die von Cave Engine bereitgestellten Schnittstellenelemente.

UI-Element Standard

Erstellt ein Standard-Cave Engine UI-Element.

Dies ist das Basiselement des UI-Systems und kann als Ausgangspunkt zum Erstellen anderer Schnittstellenelemente verwendet werden.

Ein Standard UI-Element kann als visuelles Panel, Hintergrund, Container, Symbol, Bild oder jeden anderen grundlegenden Schnittstellenblock fungieren. Es ist auch sehr nützlich, um Kind-Elemente zu organisieren, da UI-Elemente im Scene Graph einander parented werden können.

Zum Beispiel kannst du ein Standard UI-Element erstellen, um ein Menüpanel darzustellen, und dann Schaltflächen, Texte und Symbole als Kinder hinzufügen.

Text

Erstellt ein UI-Element, das verwendet wird, um Text in der Benutzeroberfläche anzuzeigen.

Dieses Element ermöglicht es dir, den angezeigten Inhalt zu konfigurieren und Eigenschaften wie Schriftart, Größe, Farbe, Ausrichtung und andere visuelle Einstellungen anzupassen.

Textelemente werden häufig für Titel, Beschriftungen, Untertitel, Anweisungen, Item-Zähler, Gesundheitswerte, Dialogtexte, Punktzahlen und jede andere Information verwendet, die dem Spieler angezeigt werden muss.

Schaltfläche

Erstellt eine UI-Schaltfläche, die bereits mit einer Textkomponente konfiguriert ist.

Schaltflächen sind interaktive UI-Elemente. Sie können auf verschiedene Zustände reagieren, wie:

• Normal, wenn die Schaltfläche im Leerlauf ist.
• Hover, wenn der Mauszeiger über der Schaltfläche schwebt.
• Klick, wenn die Schaltfläche geklickt wird.

Schaltflächen können auch Python-Code als Reaktion auf diese Ereignisse ausführen, sodass du Interaktionen wie das Starten des Spiels, das Öffnen von Menüs, das Ändern von Einstellungen, das Schließen von Fenstern oder das Auslösen von benutzerdefiniertem Verhalten erstellen kannst.

Das macht das Schaltflächenelement zu einer der wichtigsten UI-Komponenten beim Erstellen von Menüs und interaktiven Benutzeroberflächen.

UI-Toolkit

Im Abschnitt UI Toolkit bietet Cave Engine UI-Elemente, die sich auf Benutzereingabe und Interaktion konzentrieren.

Diese Elemente sind nützlich, wenn du möchtest, dass der Spieler Werte ändert, Informationen eingibt oder während des Spiels mit Einstellungen interagiert.

• Eingabeslider

Erstellt ein Schieberegler-Steuerelement, mit dem der Benutzer einen Wert innerhalb eines definierten Bereichs auswählen kann, indem er ihn mit der Maus bewegt.

Dies ist ideal für Einstellungen wie Lautstärke, Helligkeit, Mausempfindlichkeit, Musikniveau, Effektstärke oder jede andere Option, die auf einem Zahlenbereich oder Prozentsatz basiert.

• Eingabe zahl

Erstellt ein numerisches Eingabefeld, das durch Bewegen der Maus oder direktes Bearbeiten des Wertes angepasst werden kann.

Dies ist nützlich für Einstellungen, die spezifische Zahlen erfordern, wie zum Beispiel Empfindlichkeitswerte, benutzerdefinierte Parameter, Debug-Optionen oder numerische Konfigurationsfelder.

• Eingabetext

Erstellt ein Texteingabefeld, in das der Benutzer Informationen direkt über die Benutzeroberfläche eingeben kann.

Dies ist nützlich für Spielernamen, Speicherstandnamen, Suchfelder, Beschreibungen, Chatnachrichten oder andere Textinhalte.

Alle UI-Toolkit-Elemente funktionieren während des Spiels, sodass der Spieler in Echtzeit mit ihnen interagieren kann.

Mit diesen Optionen kannst du das am besten geeignete UI-Element für die Art von Benutzeroberfläche wählen, die du erstellen möchtest.

Jedes Element hat einen spezifischen Zweck, sodass du alles von einfachen HUD-Elementen bis hin zu vollständigen Menüs und Interaktionssystemen erstellen kannst.

In diesem Quest werden wir mit der ersten Option, UI-Element Standard, beginnen, die als Basis für die nächsten Lektionen dienen wird.