Willkommen zurück meine Spieleentwickler zu
einem brandneuen Video, in dem wir alles über Schieberegler erfahren haben.
Wir werden mehr über nächstes Mesh Pro lernen und
wir erstellen auch unsere eigene Schriftart.
Wie aufregend ist das?
Verschwenden wir also keine Zeit mehr und lasst uns anfangen.
Oh, Fall.
Also Zeit, der Art und Weise, wie sich unsere Gesundheit von den Feinden verschlechtert, etwas mehr Geschmack zu verleihen
.
Also lasst uns anfangen.
Das erste, was wir tun wollen,
ist, die Szene ein bisschen größer zu machen.
Und wir doppelklicken auf
die riesige Benutzeroberfläche, die wir haben.
Wir können also sehen, dass wir das, was hier passiert, das verblassende Bild haben
was hier passiert, das
, das wir ausgeschaltet haben.
Und wir werden die
Waffen nur ein bisschen nach rechts bewegen.
Und wir können genau hier sehen, dass
diese Bilder bei 0, 0, am y und am x sein sollten
.
Nur damit wir sie in der Mitte der Nicht-UI haben
und lassen Sie uns sie nach unten bewegen.
Das ist nur ein bisschen Anpassung,
und los geht's.
Jetzt setze ich die Waffe nach
rechts, weil
ich links etwas hinzufügen werde, das als Schieberegler bezeichnet wird
.
Davor erstelle ich hier ein Spielobjekt,
das die Gesundheit repräsentiert.
Nennen wir es einfach Gesundheit.
Da sind wir los.
Und unter der Gesundheit gehe ich mit der rechten Maustaste zu
dir und erstelle etwas, das als Schieberegler bezeichnet wird.
Fügen wir also den Schieberegler hinzu.
Wie Sie sehen können, haben wir einen kleinen Schieberegler erstellt.
Und der Schieberegler macht ein paar Dinge.
Es bewegt sich von links nach rechts.
Es hat einen Hintergrund.
Wenn ich es öffne, hat es einen Hintergrund,
es hat einen Füllbereich und es hat den Handle-Schieberegler.
Wenn ich hier auf den Schieberegler klicke, siehst du,
dass sich eine Spielkomponente
oder Komponenten auf dem Schieberegler befindet.
Und du kannst sehen, dass es ein paar Dinge gibt.
Die normale Farbe, die hervorgehobene Farbe,
all das gute Zeug.
Aber das, worauf wir uns am meisten konzentrieren möchten,
der Mindestwert, der Maximalwert
und der Wert genau hier.
Sie können das sehen, während ich es bei Bewegungen von links nach rechts erhöhe
,
und das werden wir verwenden , um
die Hilfe darzustellen, die wir haben.
Aber offensichtlich ist es ziemlich hässlich, dass der Schieberegler von links nach rechts bewegt
wird.
Sie möchten also nie, dass
Ihre Gesundheit so dargestellt wird.
Wir wollen also eine Art Bar haben, um die Gesundheit zu repräsentieren
, genau wie wir es bei den professionell aussehenden Gewinnen haben
.
Also werde ich zuerst den
Handle-Schieberegler löschen.
Jetzt haben wir also nicht mehr
so wenig oder gar nichts, was sowieso so genannt wird
, diesen Kreis, der
sich bewegte
, und jetzt sehen wir nur noch die Bar.
Das nächste, was ich tun möchte, ist, dass
ich auf den Hintergrund zugreifen möchte.
Und der Hintergrund.
Ich klicke hier rein.
Weißt du was?
Bevor wir das tun,
fügen wir diese Sprites hinzu,
die UI-Elemente, die wir verwenden werden.
Also öffne das in den Sprites
diesen Ordner
und lass uns sehen, was wir hier drin haben.
Wir klicken mit der rechten Maustaste, um einen neuen Ordner für die UI-Elemente zu erstellen
.
Doppelklicken Sie hier rein und gehen wir in die Ressourcen.
Wie Sie sehen können, habe ich Ihnen ein paar Balken zur Verfügung gestellt
und Sie können die gewünschte Farbe verwenden.
Sie haben auch die Schaltflächen genau hier, die
wir später verwenden werden, und die Schriftart.
Also wähle ich die Schriftart, den
roten Schieberegler und den Schiebereglerhintergrund aus.
Und ich ziehe sie in das UI-Element.
Okay, Großartig.
Gehen wir jetzt zum Schieberegler.
Nennen wir es den Gesundheits-Schieberegler.
Und wenn wir auf den Hintergrund klicken,
können Sie sehen, dass wir das Quellbild ändern können.
Also das Quellbild, das ich diesen Schieberegler haben möchte.
Wenn ich es also hier hinzufüge, los geht's.
Sie können den Schieberegler jetzt sehen
, wenn ich ihn auf die native Größe setze,
es ist irgendwie riesig.
Vielleicht machen wir es etwas kleiner.
Aber der Punkt ist, dass wir jetzt diesen Hintergrundschieberegler haben.
Und ich möchte sicherstellen, dass wenn ich
hier hineinklicke und Alt gedrückt halte,
das gesamte Schiebereglerbild nicht nur auf sich selbst ausfüllt
.
Also haben wir das Health-Schiebereglerelement.
Wenn wir auf die Rack-Tools klicken,
sehen Sie die Kanten davon.
Und bevor wir das hatten, sieht man,
dass die Kanten die Kanten sind.
Da sind wir los. Diese vier Punkte
waren die Ränder des Gesundheitsschiebereglers,
aber der Hintergrund war viel größer.
Wenn wir also klicken,
Alt gedrückt halten und auf die Strecke klicken,
füllen wir den gesamten Schieberegler aus.
Als Nächstes haben wir den Fill Bereich.
Jetzt, wenn wir den Bereich ausfüllen wollen,
werden Sie feststellen, dass es sich um eine sehr hässliche weiße Linie handelt.
Was wir also tun werden, ist, dass wir auf die Füllung zugreifen.
Und Sie können sehen, dass wir diese Helle auch ändern können
und ich
benutze den roten Schieberegler.
Jetzt können wir hier rein klicken und du wirst
sehen, dass es viel hübscher ist, oder?
Nicht so schnell, weil wir auch sicherstellen möchten
, dass der Füllbereich, wenn wir hier hineinklicken,
Alt gedrückt halten und ihn ganz im Feldbereich strecken lassen
.
Und dann sollte sich der Füllbereich auch
auf den ganzen Hintergrund dehnen.
Aber weil wir im Hintergrund arbeiten.
Und wir wollen den Hintergrund sehen.
Ich meine, wir werden es kleiner machen
und so passt es genau in diesen Hintergrund.
Das sieht gut genug aus.
Also verschiebe ich es nur ein bisschen nach oben.
Und okay, also los geht's.
Wir können sehen, dass wir den Health-Schieberegler auswählen können und wir
können bei 0 beginnen und ihn erhöhen, bis er einer wird.
Nun, wie werden wir die Gesundheit aufgrund unserer eigenen Gesundheit verändern
?
Das wird ein Video für später sein.
Aber wie Sie sehen können, haben wir vorerst alles erstellt,
was wir
für den Gesundheitsschieber benötigen.
Ich zoome ein bisschen raus.
Und vielleicht mache ich
den Schieberegler ein bisschen größer.
Vergrößern wir also die Größe.
Und wie Sie sehen können,
, weil alles an diesen Punkten verankert ist
wachsen sie reibungslos zusammen, weil alles an diesen Punkten verankert ist.
Machen wir es etwas dicker.
Offensichtlich wird dies ein wenig geändert werden müssen.
Und ich werde das Gesundheitselement nach unten bewegen,
dann verkleinern und sehen, wie das aussieht.
Also los geht's,
hier denke ich, dass es gut ist.
Oder bewegen Sie es vielleicht ein bisschen nach oben oder nein,
lassen Sie es uns hier unten behalten.
Zu, hier unten ist gut.
Zoomen wir hinein.
Vielleicht mach es ein bisschen länger.
Und übrigens hängen alle Dinge,
die ich tue, von mir ab.
Wenn Sie also etwas anderes erstellen möchten,
seien Sie bitte mein Gast.
Ich empfehle Ihnen, einen eigenen Schiebereglertyp zu
erstellen.
Füllen wir es auf, damit wir die richtigen Dimensionen haben können
.
Und da geht's,
links, weiter,
hoch und nach links.
Okay, also los geht's.
Das ist unsere Gesundheit und es sieht wirklich gut aus,
ich denke Wenn ich also beim Spielen maximiere und das Spiel spiele,
lass uns sehen, wie das aussieht.
Okay, also los geht's. Wir haben die Gesundheit,
wir haben das Gewehr.
Es gibt noch eine Sache, die fehlt, und das heißt,
wir möchten auch die Gesundheit mithilfe von Text darstellen.
Zuallererst ist das, was unser Zombie-Spiel ist,
und ich denke, es sieht wirklich gut aus.
Zweitens wird es eine gute Möglichkeit sein zu wissen, wie sehr
wir uns tatsächlich verändern
und ein paar Dinge mehr zu lernen.
Also lasst uns weitermachen und hier einen Text hinzufügen.
Aber dieses Mal, weil wir unsere eigene Schriftart hinzufügen werden,
fügen wir nicht nur einen Text hinzu,
sondern fügen einen Text Mesh Pro hinzu.
Wenn ich also hier reinklicke,
kannst du sehen, dass du ein paar wichtige Dinge importieren musst
.
Klicken Sie einfach auf den ersten und warten Sie, bis er importiert wird.
Wenn das zu viel Zeit in Anspruch nimmt,
werde ich auf magische Weise wieder auftauchen.
Okay, war das.
Da sind wir los. Jetzt haben wir
etwas namens „Mesh Pro“.
Und ich nenne das den Gesundheitstext.
Drücken Sie Enter. Und lass es uns ein bisschen nach links bewegen.
Also hier drin, machen wir es kühn.
Und Sie können sehen, dass derzeit die darauf verwendete Schriftart
der Befreiungssinn oder so ist.
Aber wir möchten die Schriftart verwenden, die
ich Ihnen in den Ressourcen zur Verfügung gestellt habe,
sie von der font.com heruntergeladen haben.
Oh mein Gott, das sowieso,
wie werden wir das in eine Schriftart umwandeln?
Nun, wenn wir irgendwo hier im Windows-Text Mesh Pro gehen
, können Sie sehen,
dass wir die Option für den Font-Asset Creator haben
.
Wenn Sie hier klicken, werden Sie nach der Quellschriftdatei gefragt.
Ziehen wir es hierher.
Und es wird dir nur sagen, dass du einen schönen Atlas erschaffen sollst.
Sparen Sie.
Und es wird dich fragen, wo willst du es speichern?
Wir speichern es genau hier in den Schriftarten.
Oder im UI-Element.
Spar dir das auf.
Großartig.
Wenn wir jetzt auf UI-Elemente eingehen,
können Sie sehen, dass wir genau hier den Platz haben.
Es hat eine Reihe von Immobilien, in die ich nicht einmal versuchen werde
.
Gesundheitstexte ziehen die Schrift also einfach in ihre Position.
Und los geht's, wir können sehen, dass wir
gerade eine andere Schriftart haben.
Jetzt empfehle ich, weil ich, wie ich schon mehrfach gesagt habe,
sehr schlecht darin bin, Dinge zu zeichnen.
Und ich habe einen sehr schlechten Geschmack, wenn es
um Farben geht, und damit geht es um Text
und alles, was damit zu tun hat,
etwas hübsch aussehen zu lassen.
Daher empfehle ich Ihnen,
vielleicht einen besseren Text zu finden.
Aber im Moment versuchen wir, die Art von Gesundheitssystem zu erstellen und
es vielleicht zur automatischen Größe zu machen.
automatische Größe bedeutet, dass es mit der Größe wächst und
schrumpft. Ja, da sind wir los.
Also werde ich es größer machen, es mutig machen.
Und das Coole daran, Text Mesh Pro zu haben
, ist, dass wir viele Dinge ändern können
, damit wir Beleuchtung hinzufügen können,
wir können Unterlagen hinzufügen,
wir können eine Art
Glühen hinzufügen und Sie können damit herumspielen.
Wir können auch eine Gliederung hinzufügen.
Wenn ich also ein bisschen Dicke hinzufüge,
werden Sie feststellen, dass wir den Umriss haben,
wir können den Offset, die Fliesen, die Geschwindigkeit, viele erstaunliche Dinge ändern
den Offset, die Fliesen, die Geschwindigkeit
.
Und ich werde einen weißen Umriss machen
nur damit wir alles klarer sehen können.
Vielleicht.
Da gehen wir, einhunderteinhundert.
Das ist die Hilfe.
Wir können viele Dinge ändern, die die
Farbe und so weiter und so fort.
Und solange wir hier sind,
werde ich Ihnen eine Herausforderung stellen.
Ihre Herausforderung besteht also darin, Ihre eigene Benutzeroberfläche einzurichten.
Recherchiere also ein bisschen und finde
deine eigenen UI-Elemente, die du für dein Spiel verwenden kannst.
Verwenden Sie diese Elemente, um Ihre Benutzeroberfläche für den Player einzurichten
und sich andere Dinge zu überlegen
, die Sie auf dem Bildschirm anzeigen möchten.
Zum Beispiel möchten Sie vielleicht unsere Ops haben.
Vielleicht möchten Sie Countdown-Timer für die Schrotflinte haben
.
Vielleicht willst du nur die Schrotflinte für die Waffe,
das schneidige oder was auch immer.
Ich weiß nicht, was du sonst noch willst.
Was immer du willst, denk darüber nach, versuche es hinzuzufügen.
Sie, auch wenn Sie nicht wissen, wie man das Ding kreiert
es einfach dorthin legen und dann aufschreiben soll.
Vielleicht wirst du die Ergebnisse durchsehen, während wir weitermachen.
Oder vielleicht würdest du alleine
eine Lösung dafür finden.
Und es gibt eine zusätzliche Herausforderung.
Ich empfehle Ihnen, den Waffennamen umzuwandeln
, den wir unter der Schrotflinte zeigen.
Aber ich muss Sie warnen, dass es ein bisschen optimiert werden muss
, bevor Sie es tatsächlich
geschafft haben, den Waffennamen zu ändern.
Das ist also pausieren Sie das Video jetzt
und gehen Sie zur Herausforderung.
Okay, willkommen zurück.
Dieses Video ist also schon ein bisschen zu lang,
also werde ich jetzt nicht
den Namen dafür ändern.
Später werden wir es offensichtlich ändern.
Ich werde alle Änderungen übernehmen
, die wir an der Benutzeroberfläche vorgenommen haben.
Und jetzt, wenn wir das Spiel laufen,
und jetzt können wir sehen
, dass wir zur Pistole wechseln können, rennen Sie herum.
Wir haben die Gesundheit, wir haben
die Pistole und jemand bleibt irgendwo stecken.
Oh, also sind wir bei der, das Licht genau an diesem seltsamen Punkt hier auf den Feind gestorben
das Licht genau an
.
Es gibt also eine Panne.
Offensichtlich werden wir uns später darum kümmern.
Ich hoffe es gefällt dir.
Ich hoffe, du begehst deine Änderungen.
Und wir sehen uns im nächsten Video,
dem wir tatsächlich auf die UI-Sprites zugreifen
und sie aktualisieren. Wir sehen uns dann.
Hey Michael hier aus der Zukunft, du dachtest,
du wärst fertig mit mir?
Nein.
warst du nicht.
Hier ist also etwas drin, als ich
meine Änderungen vornahm,
und das ist das Säure Stacks Mesh.
Und wenn ich hier reingehe,
Wo finde ich das in den Assets,
können Sie sehen, dass wir diese Text-Netzdatei und dieses Text-Netz erstellt haben
.
Mal sehen wir uns die Eigenschaften darauf an.
Kann ich die Größe sehen?
Nein, ich kann die Größe nicht sehen,
also denke ich, dass wir sie nicht wirklich in unseren Commits speichern müssen
.
Was wir also tun können, um ein bisschen Platz zu sparen,
ich hier mit der rechten Maustaste.
Und wir werden alles unter dem Asset-Text Mesh PRO ignorieren
.
Okay, los geht's. Das brauchen wir nicht.
Inszeniere alles und nenne es hinzugefügte
UI-Elemente zu Canvas, um
Gesundheit darzustellen, und erstelle meinen eigenen Shop.
Also übernehme ich diese Änderungen
und wir sehen uns im nächsten.
Ich verspreche, dass ich gerade weg bin.