Inhaltsverzeichnis:

Erstellen einer gekrümmten Benutzeroberfläche in Unity für Virtual Reality - Gunook
Erstellen einer gekrümmten Benutzeroberfläche in Unity für Virtual Reality - Gunook

Video: Erstellen einer gekrümmten Benutzeroberfläche in Unity für Virtual Reality - Gunook

Video: Erstellen einer gekrümmten Benutzeroberfläche in Unity für Virtual Reality - Gunook
Video: Unity VR XR Interaction Toolkit - UI Menu and Interactions 2024, Juli
Anonim
Erstellen einer gekrümmten Benutzeroberfläche in Unity für die virtuelle Realität
Erstellen einer gekrümmten Benutzeroberfläche in Unity für die virtuelle Realität

Wenn Sie nach einer kostenlosen und einfachen Lösung suchen, um eine gekrümmte Benutzeroberfläche für Ihre Virtual Reality-Anwendung oder Ihr VR-Spiel zu erstellen, sind Sie hier richtig. In diesem Blog erfahren Sie, wie Sie mithilfe der Unity-UI-Erweiterungen ein gekrümmtes UI-Element in Unity erstellen. Dies ist nicht so schick wie die anderen verfügbaren kostenpflichtigen Assets, funktioniert aber sehr gut für statisch gekrümmte UI-Elemente.

Schritt 1: Laden Sie das Unity-UI-Erweiterungspaket herunter

Laden Sie das Unity-UI-Erweiterungspaket herunter
Laden Sie das Unity-UI-Erweiterungspaket herunter

Laden Sie das Unity UI Extensions-Paket über den Link herunter. Nachdem Sie das Paket heruntergeladen haben, importieren Sie es in Ihr Projekt. Wenn Sie nun mit der rechten Maustaste auf die Hierarchie klicken, sehen Sie unter ui eine neue Option namens "Erweiterungen".

Schritt 2: Hinzufügen eines UI-Elements

Hinzufügen eines UI-Elements
Hinzufügen eines UI-Elements

Fügen Sie das UI-Element hinzu, das Sie biegen möchten. Es kann ein Bild, eine Schaltfläche oder sogar ein Text sein.

Schritt 3: Curly-UI-Komponente hinzufügen

Curly-UI-Komponente hinzufügen
Curly-UI-Komponente hinzufügen

Wählen Sie das UI-Element aus und klicken Sie im Inspektor auf Komponente hinzufügen und suchen Sie nach „curly“. Sie finden die drei Komponenten „Curly UI Graphic“, „Curly UI Image“und „Curly UI Text“. Verwenden Sie Curly UI Graphic for Raw Image, Curly UI Image for Image and Curly UI Text for Text. Fügen Sie einfach die Komponente für Ihr UI-Element hinzu.

Schritt 4: Biegen Sie das UI-Element

Nachdem Sie die Komponente hinzugefügt haben, sehen Sie zwei neue Child-Objekte namens „BottomRefCurve“und „TopRefCurve“, die unter Ihrem UI-Element erstellt wurden. Durch Anpassen der Kontrollpunkte können Sie die UI-Elemente nach Ihrem Willen biegen.

Empfohlen: