Hallo, willkommen zu dieser Lektion in Unity. In diesen Lektionen lernen Sie, wie Sie mit Benutzern arbeiten Schnittstellen zum Erstellen eines Startmenüs, Begrüßungsbildschirmen usw -Spielstatus-Overlays. Benutzeroberflächen, üblicherweise UI genannt, sind ein integraler Bestandteil jeder interaktiven Anwendung oder jedes interaktiven Spiels. Es ermöglicht einem Benutzer, Spieloptionen durch Klicken oder Tippen auszuwählen Menütasten, Geben Sie Daten ein oder passen Sie ein Widget an, beispielsweise einen Schieberegler. UI-Bildschirme werden auch zur Anzeige eines Spieltitels oder Spiels verwendet über dem Bildschirm. Wir werden ein einfaches Plattformspiel in 2D erstellen. Starten Sie den Unity Hub. Wählen Sie dann Neues Projekt aus. Wählen Sie 2D, Überprüfen Sie Ihren Dateipfad. dann nennen wir dieses Projekt Platformer. Klicken Sie auf Projekt erstellen. Der Unity-Editor sieht genauso aus, als würde er an einem arbeiten 3D-Projekt, außer das Szenenfenster wird auf 2D umgeschaltet Sicht. Erstellen Sie einen Szenenordner. falls noch keiner da ist. Wir speichern diese Szene als Benutzeroberfläche. Wir werden eine Auswahl der vielen verfügbaren UI-Elemente untersuchen Erstellen Sie Benutzeroberflächen, indem Sie mit einem Canvas-Spiel beginnen Objekt. Die Leinwand ist ein unsichtbarer Platzhalter für Ihre andere Benutzeroberfläche Elemente wie Panels, Bilder und Schaltflächen. Klicken Sie in der Hierarchie mit der rechten Maustaste, wählen Sie UI aus, Wählen Sie dann „Leinwand“ aus. Beachten Sie, dass automatisch ein Ereignissystem hinzugefügt wird. Der Inspektor besteht aus mehreren Komponenten die Leinwand. Im Rendermodus können Sie die Leinwand in der Welt erscheinen lassen Raum, Das ist nützlich, wenn wir zum Beispiel ein Spiel haben möchten Objekt mit einer schwebenden Informationsgrafik, die das zeigt Gesundheit des Objekts. Wir möchten, dass dieses Menü den gesamten Spielbildschirm einnimmt, also werden wir es tun Belassen Sie dies im Bildschirmbereich. Stellen Sie den Canvas-Skalierer so ein, dass er mit der Bildschirmgröße skaliert. also, wenn der Benutzer das Spiel auf einer niedrigeren oder höheren Version ausführt Wenn Sie einen Monitor mit hoher Auflösung verwenden, wird die Benutzeroberfläche entsprechend skaliert. Stellen Sie die Referenzauflösung auf 960 x 540 ein. Beachten Sie auch, dass die Leinwand in der Szenenansicht sehr groß ist Wenn Sie 3D im Orbit zum Zoomen umschalten, Sie können sehen, wie groß es im Weltraum ist. Wenn Unity im 2D-Bildschirmraum arbeitet, wird dies nur angezeigt Die Leinwand wird im Vollbildmodus angezeigt und ist an die Kamera gebunden. Wir können einen einfachen farbigen Hintergrund hinzufügen, indem wir mit der rechten Maustaste klicken Leinwand, Wählen Sie die Benutzeroberfläche aus. und wir werden ein Panel hinzufügen. Das Standardpanel basiert auf einem weißen Sprite-Bild. Wir können die Farbe und Transparenz ändern, indem wir auf klicken Farbwerkzeug im Inspektor. Verwenden Sie das Farbrad und das Quadrat, um ein Hellblau auszuwählen. Standardmäßig ist die Farbe der Panel-Komponente auch transparent. Wir können eine Volltonfarbe erstellen, indem wir auf den Alpha-Schieberegler klicken mit dem Buchstaben A gekennzeichnet und ergibt 100 %. Wenn wir auf „Play“ klicken, Wir werden das Panel im Vollbildmodus sehen. Hör auf zu spielen, und lasst uns unsere Spielansicht für die HD-Anzeige einstellen. Klicken Sie auf die Registerkarte „Spiel“, und verwenden Sie das Pulldown-Menü, um die Anzeige auf 16 x 9 einzustellen Aspekt. Stellen Sie sicher, dass der Skalierungsschieberegler auf 1x eingestellt ist, damit wir das sehen können ganzes Spiel in der Spielansicht. Klicken Sie zurück zur Registerkarte „Szene“ und wählen Sie das Bedienfeld aus Hierarchie. Mit dem Text-UI-Element können Sie beispielsweise Titel hinzufügen Deine Leinwand. Stellen Sie sicher, dass Sie zuerst das Panel auswählen, damit jedes Element ausgewählt wird erscheinen über der Leinwand. Klicken Sie mit der rechten Maustaste, wählen Sie UI aus, Text, Text Mesh Pro. Wenn Wenn Sie Text Mesh Pro noch nicht verwendet haben, wird möglicherweise ein Popup angezeigt Fenster, um das Wesentliche zu installieren, z. B. Schriftarten, die wir benötigen. Klicken Sie auf Importieren. Dadurch werden die von uns benötigten Schriftarten installiert, wir benötigen jedoch keine Beispiele Wir schließen das Panel. Nachdem wir nun eine Schriftart zur Verwendung haben, ändern Sie diese im Inspektor Texteingabe in My Platformer Game. Beachten Sie, dass das Textelement statisch ist und keine Interaktionen aufweist wenn während des Spielens darauf geklickt wird. Drücken Sie die W-Taste, um das Verschiebewerkzeug zu aktivieren und den Text nach oben zu verschieben In der Nähe der Spitze. Sie können auch die seitlichen Griffe greifen, Ziehen Sie sie an eine beliebige Kante. und wir können den Titel zentrieren. Sie können auch auf die Ausrichtung klicken, Klicken Sie auf das Symbol, um eine Mittelausrichtung durchzuführen. und das sollte ziemlich gut für unseren Titel sein. Ein Umschalter ist nützlich für Spielmenüs, wo Sie das möchten Der Benutzer kann Dinge, wie zum Beispiel Töne, aktivieren oder deaktivieren. Klicken Sie mit der rechten Maustaste auf das Bedienfeld. Wählen Sie die Benutzeroberfläche aus. Umschalten. Bewegen wir diesen Schalter nach oben und links im Bedienfeld. Drehen Sie den Schalter in der Hierarchie auf. Wählen Sie ein Label aus und wir ändern dieses Label in „Musik“. Standardmäßig ist das in einem Umschaltquadrat verwendete Bild ein Häkchen. aber Sie können das in jedes andere Sprite-Bild ändern. Klicken Sie auf „Play“. Jetzt können wir auf den Schalter „Musik“ klicken und die Option aktivieren bzw. deaktivieren es, als ob wir die Musik aktivieren oder deaktivieren würden. Denken Sie daran, dass wir noch Code hinzufügen müssen, um damit zu arbeiten interaktive Elemente in Ihrem Spiel. Ein Schiebereglerelement ist für Steuerelemente der Spiel-Benutzeroberfläche nützlich, beispielsweise für den Sound Volumen. Panel auswählen, Rechtsklick, Benutzeroberfläche, Schieberegler. Wir werden in der Hierarchie aufwirbeln, und Sie können mehrere Komponenten sehen. Diese können alle in Form und Farbe individuell angepasst werden. Bewegen wir den Schieberegler unter dem Schalter. Klicken Sie auf „Play“, Klicken und ziehen Sie, um den Schieberegler anzupassen. Hör auf zu spielen. Der Schieberegler kann auch als Gesundheitsbalken umfunktioniert werden Verwenden von Code, um die Schieberegler-Füllleiste an die Gesundheit eines Spielers anzupassen verringert oder erhöht. Das spart Zeit und muss nicht von Grund auf neu erstellt werden. Ein Knopfelement fungiert wie ein Druckknopf und reagiert, wenn geklickt. Klicken Sie mit der rechten Maustaste auf das Bedienfeld. Benutzeroberfläche, Schaltfläche, Text Mesh Pro. Verschieben wir die Schaltfläche unter den Schieberegler. Drehen Sie die Schaltfläche in der Hierarchie auf, wählen Sie Text aus, und ändern Sie im Inspektor die Texteingabe, um auf mich zu klicken. Drücke Start. Sehen wir uns nun an, wie sich die Farbschattierung der Schaltflächen verändert klicken. Das gibt Ihnen Rückmeldung, dass auf die Schaltfläche geklickt wurde. Hör auf zu spielen. Sie können die Farben für jedes Element nach Bedarf anpassen. Ein Dropdown-Element ermöglicht es dem Benutzer, Auswahlmöglichkeiten zu sehen, wann angeklickt und wählen Sie diese Option aus. Klicken Sie mit der rechten Maustaste auf das Bedienfeld. Benutzeroberfläche, runterfallen, Text Mesh Pro. Verschieben Sie dies etwas nach rechts von unserem letzten Element. und scrollen Sie im Inspektor nach unten, und im Abschnitt „Optionen“ können Sie weitere entfernen oder hinzufügen Optionen, ändern Sie den Optionsnamen und fügen Sie eine hinzu optionales Bild. Fügen wir eine weitere Option hinzu, indem wir auf das Pluszeichen klicken. und wir werden dies in Option D umbenennen. Zum Umbenennen klicken Sie auf den kleinen Kreis. Markieren Sie den Text, und umbenennen. Klicken Sie auf „Play“. Klicken Sie auf das Dropdown-Menü. und Sie können eine Option auswählen. Hör auf zu spielen. Das Eingabefeldelement ermöglicht dem Benutzer die Eingabe von Informationen während des Spiels, z. B. das Eingeben eines Spielernamens. Klicken Sie mit der rechten Maustaste auf das Bedienfeld. Benutzeroberfläche, Eingabefeld. Wir verschieben dies an den unteren Bildschirmrand. Jetzt drücken wir auf „Play“, und weil es ein Eingabefeld ist, Auf diese Weise können Sie Text eingeben. Hör auf zu spielen. In der nächsten Lektion lernen wir, wie man Splash erzeugt Bildschirme in Unity. Danke fürs zuschauen.
