‫Willkommen zurück.
‫Und in diesem Video werden wir einen Blick auf UI-Elemente und insbesondere auf Text
‫werfen.
‫Also habe ich ein neues Projekt erstellt.
‫Ich nenne es Pong-Grundlagen.
‫Und hier möchte ich ein UI-Element erstellen.
‫Also stelle ich in der Hierarchie von Ihnen sicher, dass ich mit der rechten Maustaste klicke und dann zur Benutzeroberfläche gehe.
‫Ich habe hier mehrere Möglichkeiten.
‫Ich habe Textbild, Rohbild-Schaltfläche und so weiter.
‫Im Moment verwende ich nur Text.
‫Und wie Sie sehen, erscheint der neue Text hier unten links auf unserem Bildschirm.
‫Wenn wir also an die richtige Position herauszoomen, sehen wir, wo sich unser Text gerade befindet.
‫Es ist unten links.
‫Dies ist also der Rendermodus, den wir für unsere Leinwand haben, die eine Grünflächenüberlagerung ist.
‫Was das tut, überlagert alles, was wir der UI-Ebene oder dem UI-Bereich hier über unseren
‫Spielmodus zuweisen.
‫Es ist unsere Spielansicht selbst.
‫Egal, was wir nun als Spielobjekte darin haben, oder sagen wir, wir fügen einen 3D-Würfel und eine Position hinzu,
‫er hatte null null null.
‫Hier ist es.
‫Und wie Sie sehen können, ist es hier irgendwo.
‫Der Spielmodus selbst ist also im Vergleich zu diesem riesigen Bildschirm sehr klein.
‫Das ist nur eine riesige Ebene, die unsere UI-Ebene ist, unsere Leinwand, die darüber gelegt wird.
‫Das ist, was die Bildschirmbereichsüberlagerung tut.
‫Es gibt andere Optionen zum Beispiel für die Bildschirmraumkamera.
‫Was das tun wird, ist, dass Sie ihm hier eine Kamera geben, die Kamera ausführen und es wird einen anderen
‫Ansatz verfolgen.
‫Jetzt hängt es also davon ab, wo sich die Kamera gerade befindet, und Sie haben eine bestimmte Leinwand zwischen der Kamera und
‫dem Wiedergabemodus.
‫Und es ist fast wie eine Schicht darüber, aber es ist immer noch ein etwas anderer Ansatz.
‫Dann haben Sie WorldSpace, in dem Sie Ihrer Leinwand eine bestimmte Breite und Höhe zuweisen und einige zusätzliche
‫Ebenen ändern können und so weiter.
‫Wir werden während des Kurses die verschiedenen Rendering-Modi verwenden.
‫In den Worten dort werden Sie diese in den nächsten Videos oder in den nächsten Kapiteln detailliert sehen.
‫Ich wollte euch nur schnell die verschiedenen Modi zeigen.
‫Jetzt haben wir innerhalb der Leinwand den Text und gleichzeitig haben wir auch ein Ereignissystem erstellt.
‫Wenn wir also eine Benutzeroberfläche erstellen und zuvor noch kein UI-Element hatten, werden unser Canvas und unser
‫Ereignissystem automatisch automatisch für uns erstellt.
‫Und ich habe den Text erstellt.
‫Wie Sie sehen können, ist es ein Kind unserer Leinwand, also befindet es sich in unserem Canvas-Ordner.
‫Und jetzt können wir zum Beispiel den Text ändern.
‫Hier hatten wir also neuen Text.
‫Ändern wir das in eine einfache Null.
‫Und wie Sie sehen, können wir diese Null kaum sehen.
‫Ändern wir also die Schriftgröße auf, sagen wir 50.
‫Und jetzt könntest du sagen, oh, – wo ist es geblieben?
‫Ich kann es nicht mehr sehen.
‫Das hat damit zu tun, dass Höhe und Breite nicht mehr zur Schriftgröße passen.
‫Also unser Text.
‫Das Element selbst oder das Text-UI-Element hat nur eine Höhe von 30, also nur wenn ich es auf vier erhöhe,
‫zum Beispiel 60, kann ich meine Nummer wieder in meinem Text sehen.
‫Gehen wir nun zurück zu 30 und sagen, ich möchte es immer noch bei 30 behalten, aber ich möchte immer noch meine Null sehen. Wie kann
‫ich es also lösen?
‫Andernfalls können Sie den Überlauf verwenden.
‫Horizontaler Überlauf und vertikaler Überlauf sorgen also dafür, dass Ihre Nummer, wie Sie sehen können, weiterhin angezeigt wird.
‫Jetzt ist es jedoch abgeschnitten.
‫Wie verschiebe ich meine Null, während Sie sie von hier aus verschieben können?
‫Zoomen wir also bis zu dem Punkt heraus, an dem wir tatsächlich etwas sehen können, damit Sie es hier verschieben können.
‫Wie Sie mit unserem Transformationseditor hier oder mit unseren Transformationstools sehen können.
‫Jetzt können Sie es herumziehen und sehen, wo es sich befindet.
‫Eine andere Möglichkeit, die Position von etwas zu ändern, besteht natürlich darin, hier direkt zu
‫ändern, um Werte hinzuzufügen.
‫Man könnte also sagen, Null Null ist die richtige Position für Sie.
‫Jetzt ist die Null nicht in der Mitte.
‫Warum ist das so?
‫Das liegt daran, dass die Ausrichtung unseres Textes hier nicht zentriert ist.
‫So können Sie es in beide Richtungen mittig ausrichten und sind dann perfekt zentriert und können das durch
‫Ändern des Ankers noch ändern.
‫Hier zum Beispiel ist es jetzt ein Anker-Preset auf die Mitte.
‫Sie könnten es oben links verankern.
‫Lassen Sie uns nun oben links ankern.
‫Wie Sie sehen, hat sich außer dem Posten Y und dem X nichts geändert, daher haben sich diese beiden Werte jetzt geändert.
‫Wenn wir diese also auf Null und Null zurückbringen, können Sie sehen, dass unsere Null zurückgeht oder perfekt
‫zum Rand unserer oberen linken Ecke geht.
‫Jetzt möchten wir es natürlich ein wenig verschieben, damit wir noch die Null sehen, also lass es uns jetzt
‫in unser Spiel verschieben, Schwarz könnte vielleicht nicht die richtige Farbe für dich sein.
‫Wenn Sie das ändern möchten, können Sie hier zur Eigenschaft Farbe gehen und die Farbe ändern, beispielsweise in Rot oder
‫Weiß oder Grün oder was auch immer Sie möchten.
‫Gut.
‫Nehmen wir also dieses Rosa, denn es passt ins Blau.
‫Wir können es sehr gut sehen.
‫Und dann können Sie natürlich den Zeilenabstand ändern.
‫Nehmen wir an, Sie haben hier eine zweite Leitung.
‫Dann können Sie den Zeilenabstand ändern. Nehmen wir an, Sie möchten einen größeren Abstand zwischen den Zeilen
‫haben, also den Zeilenabstand.
‫Einer ist völlig in Ordnung.
‫Und schließlich können Sie die Schriftart natürlich jederzeit ändern.
‫Der Standard ist also Israel und es gibt keine weiteren Schriftarten.
‫Standardmäßig können Sie Schriftarten entweder aus dem Asset Store herunterladen oder sie importieren, wo immer Sie sie
‫heruntergeladen haben.
‫Sie laden sie beispielsweise auf Ihren Computer herunter und können sie dann von dort importieren.
‫Aber seien Sie vorsichtig, dass Sie keine Schriftarten herunterladen, die Sie nicht besitzen, da einige Schriftarten tatsächlich Geld kosten.
‫Die meisten von ihnen nicht.
‫Suchen Sie also einfach nach kostenlosen Schriftarten oder lizenzfreien Schriftarten und verwenden Sie diese dann.
‫Gut.
‫Das ist also über die Schriftart und den Text.
‫Sehen wir uns nun an, wie wir diese Zahl im nächsten Video programmatisch ändern können.