Willkommen zurück meine Spieleentwickler
zu einem brandneuen Video.
Und dieses hier werden Sie feststellen, dass wir das Ein
- und Ausbleichen haben.
Und wofür ist das?
Nun, wenn wir genau hier schauen,
haben wir eine riesige Blackbox.
Und das kannst du jetzt sehen.
Wir sehen nichts im Spiel.
Warum ist das so?
Was ist passiert?
Dass wir das Spiel verlassen würden?
Warum ist es gerade so klein?
Warum werden wir herausgezoomt?
So viele Fragen, so wenige Antworten.
Wenn ich das Spiel führe,
wirst du feststellen, dass wir das Level starten
indem wir aus dem schwarzen Bild verschwinden.
Und wenn wir herumlaufen,
können Sie sehen, dass wir, sobald wir das Portal betreten,
nicht nur langsamer werden,
sondern wir verblassen und dann wieder einblenden,
wenn wir zum nächsten Level gehen.
Verschwenden wir also keine
Zeit mehr und lasst uns scheitern.
Oh, okay.
Jetzt wechseln wir
richtig von einer Ebene zur nächsten.
Wir haben den Zeitskaleneffekt
, bei dem wir alles verlangsamen.
Das nächste, was wir tun wollen, ist, dass wir einen verblassenden Effekt haben wollen
.
Was wir also wollen, ist B1,
das Bild oder das gesamte Spiel zu Schwarz zu verblassen.
Und wenn wir dann ein neues Level betreten,
wollen wir ausblenden.
Also lasst uns das machen.
Das erste, was wir tun müssen,
oder wie funktioniert das Ausbleichen?
Wir werden hier ein großes schwarzes Bild haben, das einblendet
und dann ausblendet, wenn wir von Level zum nächsten wechseln.
Es dreht sich also alles um ein schwarzes Bild
und wir verwenden das Alpha darauf.
Also lasst uns das machen.
Wie werden wir ein Bild in Unity hinzufügen?
Nun, wir brauchen etwas namens Leinwand.
Also erstelle ich eine Leinwand.
Ich klicke mit der rechten Maustaste in die Hierarchie,
gehe zu deinem Auge und finde den Campus.
Da gehst du. Jetzt haben wir einen Campus.
Wenn ich darauf doppelklicke,
kannst du sehen, dass es eine riesige,
große Leinwand ist und du fragst dich vielleicht,
warum ist die Leinwand so groß, während unser Spiel so klein ist?
Nun, auf diese Weise verarbeitet Unity die
Verwendung von Canvas und das Hinzufügen von Bildern.
Es ist besser, hier mit den Bildern herumzuspielen.
Anstatt in den Bildern herumzuspielen,
schreibe es und habe alles vor
dem Spieler und den Objekten im Spiel.
Dies ist also ein viel besserer Weg oder
die Art und Weise, wie Unity verwendet, um mit Dingen umzugehen.
Sie können auch sehen, dass wir etwas haben
, das als Ereignissystem bezeichnet wird.
Und das erlaubt uns zum Beispiel,
sagen wir, wir haben eine Art Button auf der Leinwand.
Wir möchten darauf klicken, damit wir
ein Ereignissystem unter dem Canvas hinzufügen,
es zu einem Kind machen und es vorerst dort behalten können.
Und dieses Ereignissystem ermöglicht es uns, tatsächlich Tasten auf dem Bildschirm zu drücken
und uns die Interaktion mit der Leinwand zu ermöglichen
.
Wir werden nur ein bisschen sehen, wie das funktioniert.
Aber im Moment wollen wir genau hier in den Canvas-Scaler gehen
.
Sie können sehen, dass wir mit der Bildschirmgröße skalieren können.
Und wir möchten dies von 100 auf 1920 bis dahin acht ändern
,
was der Größe des Bildschirms entspricht, den
wir verwenden oder das Gaming erstellen.
Drücken Sie Enter.
Da gehst du. Jetzt ist alles erledigt.
Sie können sehen, dass wir den Ray Caster und ein Element
für die Leinwand haben, was nicht so wichtig ist.
Wir werden hier drin nichts zu sehr ändern.
Wir möchten nur sicherstellen, dass der Canvas-Scaler als
Bildschirmgröße skaliert wird und wir wollen ihn 1920 bis 1080 schaffen.
Okay, großartig.
Jetzt, da das erledigt ist,
besteht der nächste Schritt darin, ein Bild hinzuzufügen.
Also klicke ich mit der rechten Maustaste hier rein,
gehe zu dir und finde ein Bild.
So jetzt können Sie sehen, dass wir ein Bild in der Mitte der riesigen Leinwand haben
ein Bild in der Mitte der
und ich werde es tun,
ist das verblassende Bild.
Aber obwohl wir es auf der Leinwand haben,
können Sie hier unten im Spiel sehen, dass
wir es als kleinen Block haben.
Und wenn ich es auf die obere Seite bewege,
wirst du feststellen, dass es sich auf der oberen Seite des Spiels befindet,
und in der Mitte
befindet sich der Spieler in der Mitte.
Und unten links sieht man es.
Es ist also nicht, obwohl das Bild
hier oben im Spiel riesig ist.
Aber man sieht das auf der Leinwand,
Es ist wirklich klein und es skaliert sich.
So repräsentieren wir Dinge in Unity auf UI Canvas.
Was werden wir tun?
Wir möchten dieses Bild dazu bringen, die gesamte Leinwand zu füllen
es komplett schwarz zu machen.
Und dann werden wir die Transparenz nutzen
, um ein- und auszublenden.
Zuallererst, wie machen wir es so groß wie den Bildschirm?
Nun, genau hier gibt es eine Option.
Sie können sehen, dass es das Rect-Tool ist.
Wenn Sie darauf klicken, können Sie dieses Bild ziehen
und größer und kleiner machen.
Und Sie werden genau hier feststellen, dass wir
eine Menge Dinge haben, nämlich die
Rect Transform zu
handhaben und das Aussehen des Bildes zu ändern.
Wir können auch Alt halten
und eine der Ecken oder Armee wählen.
Wählen Sie einen der Koordinatoren aus und halten Sie Alt gedrückt.
Und Sie können sehen, dass wir es und alle Wege erweitern können
.
Aber dafür gibt es eine noch bessere Lösung.
Und wenn wir hier klicken,
können Sie sehen, dass wir ein paar Optionen haben
, die als Anker bezeichnet werden.
Wenn ich zum Beispiel auf diesen Anker klicke,
wird das Bild groß und klein mit Skalierung
basierend auf diesem Punkt genau hier nach oben und unten skaliert. Wir können auch auf diesen klicken,
wo es basierend auf der gesamten Leinwand skaliert wird
.
Sie werden sehen, was ich mit Skalierung meine
, wenn wir skalieren müssen.
Aber was passiert, wenn wir Alt gedrückt halten?
Sie können sehen, dass wir das Bild auf diese Weise erweitern können.
Wir können es in der Mitte erweitern,
wir können es nach links erweitern und wir können es rundum erweitern,
und wir können es rundum erweitern
damit es das gesamte Quadrat ausfüllt.
Der gesamte Canvas sofort.
Und Sie können sehen, dass das Bild das Spiel jetzt vollständig blockiert hat
.
Und wenn ich auf die Leinwand und das verblassende Bild gehe,
kann ich die Farbe genau hier auf dem Bild ändern
und es komplett schwarz machen.
Nun, wie werden wir die Transparenz verändern?
Zuallererst können wir dies genau hier tun,
damit wir das Alpha auf dem Bild ändern können.
Aber es ist ziemlich schwierig, auf das Alpha
im Bild zuzugreifen, da wir auf alle roten, grünen und blauen Farben zugreifen müssen
.
Auf andere Weise ist es, etwas hinzuzufügen
, das als Campus-Gruppe bezeichnet wird.
Wenn ich also hier reingehe und eine Canvas-Gruppe hinzufüge,
kannst du sehen, dass ich die Möglichkeit habe, Alpha zu haben.
Und wenn ich dieses Alpha von 0 auf eins oder von eins auf 0 verschiebe
,
sieht man bei 0, dass es völlig transparent ist.
Eins ist es das nicht.
Und ich kann die Neubesetzung blockieren.
Das bedeutet, dass Recast
bedeutet, wann immer ich auf etwas klicken möchte,
dies dazu beitragen kann, die Neubesetzung zu blockieren und
das Interaktable ist dieses Bild interaktierbar?
Sagen wir, es ist nicht. Und da gehst du.
Jetzt ist es unser Ziel, eine Animation zu erstellen.
Mit dieser Animation steuern wir
Alpha der Canvas-Gruppe genau hier.
Und dann werden wir jedes Mal und
unseren Gewinn verblassen und verblassen.
Mit dem Erklärten
werde ich Ihnen eine Herausforderung stellen.
Und deine Herausforderung besteht darin, das Bild ein- und auszublenden.
Also gebe ich Ihnen
einen Schritt-für-Schritt-Prozess, wie das geht.
Zuallererst müssen Sie eine Animation für das Einblenden und Verblassen erstellen
eine Animation für das Einblenden
und wird schwarz
bis transparent und verblassen,
was transparent bis schwarz ist.
Sie müssen einen Übergang zwischen dem Übergang zwischen den beiden Animationen basierend auf einem Trigger erstellen
Übergang zwischen den beiden Animationen
.
Denken Sie also daran, dass wir den Übergang basierend auf einem booleschen Wert erstellt haben
.
Jetzt ist es an der Zeit, einen Trigger zu benutzen.
Sie müssen einen Triggerparameter hinzufügen.
Offensichtlich müssen Sie ein UI-Manager-Skript erstellen
und der Leinwand hinzugefügt werden.
Sie müssen eine Methode erstellen
, die das Fading auslöst.
Und schließlich müssen Sie diese Methode vom Laden von Colton im Level-Manager aufrufen
.
Wir kennen also fast alle Schritte.
Vielleicht weißt du nicht, wie man einen Trigger setzt.
Das ist es, was Sie also selbst suchen müssen.
Und alles andere, glaube ich, ist etwas, das
wir durchgemacht haben, mit dem wir getestet haben.
Denken Sie daran, wie die Animation funktioniert, indem Sie
die rote kleine Taste in
der Aufnahme der Animation drücken, damit Informationen
das Video jetzt anhalten und den Chavan machen.
Okay, willkommen zurück.
Das erste, was wir tun werden,
ist, dass wir in die Animation einsteigen werden.
Ich werde weitermachen und sicherstellen, dass ich das
verblassende Bild habe und eine Animation erstelle.
Und jetzt kann ich in die Animationen gehen,
hier mit der rechten Maustaste klicken und das Fading-Bild erstellen.
Also bin ich in Asset-Animationen und
hier drin werde ich zuerst das Verblassen, Verblassen und Speichern erstellen
.
Was haben wir nun gesagt, die verblassende Pistole sollte
das Verblassen von Schwarz zu Transparent sein.
Okay, großartig. Wie lange soll das dauern?
Also lasst es uns um 1,5 Sekunden schaffen.
Also klicke ich auf den Aufnahme-Button.
Und was habe ich nochmal gesagt, schwarz zu transparent.
Ups, das ist nicht der Schlüssel, den ich gesucht habe.
Und wo ist es? Okay, wieder hier drin.
Also fangen wir bei Schwarz an und am Ende nehmen wir auf.
Ich möchte das Alpha auf 0 senken.
Was passiert jetzt, wenn ich die Animation spiele?
Es beginnt schwarz und verblasst dann zu transparent.
Exzellent.
Das nächste, was ich tun werde, ist das Fade-Out zu erstellen.
Also verblasst.
Und jetzt fangen wir bei 0 an
und dann gehen wir nach einer Sekunde in völlige Dunkelheit.
Also haben wir mit der Aufnahme aufgehört,
das Spiel so transparent laufen zu lassen, verblassen auf schwarz.
Exzellent.
Jetzt werden wir als Nächstes den Animator öffnen.
Und hier drin werden wir zuallererst, okay,
also bedeutet das Einblassen und Verblassen
, dass wir von Schwarz zu Transparent gehen.
Dies sollte beginnen, sobald wir wieder anfangen.
Wir erscheinen also nicht nur im Spielmodus,
wir verblassen in den Spielmodus,
und dann haben wir das Fade zu Schwarz, um
genau hier einen Übergang zu schaffen.
Dieser Übergang sollte keine Ausstiegszeit haben
und die Einstellungen sollten ein sein,
ich meine, die Übergangsdauer sollte bei 0 liegen.
Ich werde einen Parameter erstellen, der ein Auslöser sein wird,
und ich nenne ihn einfach Start, Fade.
Mach dieses Kapital.
Da gehst du. Und füge es als Bedingung hinzu.
Exzellent.
Und ich hoffe, du hast all diese Schritte gemacht.
Dies sind Dinge, die wir bereits
behandelt und bereits erstellt haben.
Und bevor wir weitermachen,
müssen wir sicherstellen, dass diese Leinwand auch in der zweiten Ebene Y oder Stufe 1 vorhanden ist
.
Warum? Denn wenn wir zu Level 1 gehen,
wo sind die Szenen?
Wenn wir zu Level 1 gehen, werden Sie feststellen
dass wir keine Leinwand haben,
sodass wir das Ende nicht verblassen können
, wenn wir Level 1 starten oder wenn wir zu Level 1 gehen.
Also zurück in Level 2
nenne ich dies die UI Canvas Enter.
Und ich gehe in die Prefabs.
Wo sind die Prefabs?
Und ich erstelle und hier einen UI-Ordner.
Und hier drin ziehe ich den UI Campus.
Spar dir das auf.
Und jetzt schau, wie toll Prefabs sind.
Eigen glaubt nicht, dass wir darüber gesprochen haben.
Aber wenn wir in Level eins in die Szenen gehen,
können wir sofort zur
Prefabs-Benutzeroberfläche gehen und eine Leinwand und unsere Spiele hinzufügen.
Jetzt haben wir eine Leinwand genau hier
in Level 1 und wir mussten sie nicht
noch einmal erstellen.
Das ist das Schöne daran, Prefabs zu haben.
Das ist wieder in Level 2 erledigt.
Mal sehen, was wir hier haben.
Die Animationen spielen also,
alles sollte jetzt funktionieren, wenn wir unser Spiel ausführen,
wir sollten ein Fading und eine Animation haben.
Also führe ich das Spiel aus.
Da gehst du.
Sie können also sehen, dass ich ein Looping in Animation verblassen habe.
Also gehe ich in die Animationen ein,
finde das Ein- und Ausbleichen und stelle sicher,
dass es keine Loop-Zeit gibt. Spar dir das auf.
Und jetzt, wenn wir das Spiel laufen und das zweite jetzt haben wir
ein Verblassen in einem Zoll.
Exzellent.
Wissen Sie also warum das passiert?
Nun, denn beim Eintritt machen wir das erste,
was wir tun, das Einblassen.
Das ist also schon für uns eingerichtet.
Das nächste, was wir tun müssen, ist, dass wir den UI-Manager erstellen und dem Campus hinzugefügt werden müssen
.
Also gehe ich hier in meine Skripte,
klicke mit der rechten Maustaste und erstelle einen neuen Ordner für die Benutzeroberfläche.
Wir ändern den Namen dieses Ordners sehr,
aber jetzt erstellen wir ein C-Sharp-Skript,
das der UI-Manager sein wird
oder tatsächlich im Manager hätte sein sollen.
Und es hat keine Sorgen.
Warte, bis das kompiliert wurde.
Verlegen wir es zu den Managern.
Ich glaube, es ist Butter hier oder vielleicht nicht.
Ich weiß es nicht. Es hängt von Ihren Vorlieben ab.
Ich denke im Manager ist es vielleicht besser.
Abbrechen oder nein, lasst es uns behalten.
Lass es uns in dein Auge behalten.
Obwohl es ein Manager ist, wird es auf der Benutzeroberfläche behalten.
Ich öffne den UI-Manager
öffne Visual Studio.
Und das erste, was wir
brauchen, ist ein Hinweis auf das Bild
, das wir hier wieder verblassen möchten.
Ich hoffe, das war nicht allzu schwer, weil
es ein serialisiertes Feld sein wird,
das ein Bild vom Typ Image ist.
Oh, es gab also etwas, das ich
hoffe, dass einige von euch herausfinden konnten.
Wenn ich versucht habe, Bild genau hier zu benutzen.
Sie werden feststellen, dass ich keine Option dafür habe.
Was ich brauche ist, dass ich deinen Unity-Engine-Punkt verwenden muss
.
Also hoffe ich, dass das kein großes Problem für dich war.
Ich hoffe, Sie haben diesen Fehler gefunden oder
diese Unannehmlichkeit in der Herausforderung gefunden und
Ihnen alles getan und versucht, die Lösung zu finden
, wenn Sie es nicht getan haben, machen Sie sich keine Sorgen darüber.
Es war in meinem Namen.
Ich hätte dich vorher warnen sollen.
Keine Sorge.
Bild des Schicksals.
Einige von euch denken vielleicht: Ja, keine Sorgen, sicher,
nur mein Selbstvertrauen wurde zerstört.
auch immer, was werden wir in
dieser Klasse hier und im UI-Manager machen?
Nun, wie gesagt,
wir brauchen eine Methode.
Erstellen Sie eine Methode, die das Fading auslöst, und rufen Sie
diese Methode aus dem Loading Coworking im Level-Manager auf.
Okay, also werde ich sicherstellen, dass dies eine Öffentlichkeit ist.
Also erstelle ich ein öffentliches Leere Fade-Bild.
Und hier drin gehe ich
weiter und greife auf das Bild zu, um zu verblassen.
Ich bekomme eine Komponente darauf,
die der Animator ist.
Und ich setze den Auslöser ein.
Und dieser Trigger wird
der String-Verweis auf das Start-Fade sein.
Und heute, kopiere das hier wieder rein,
füge es hier ein, schließe ab, speichere das.
Was machen wir also?
Weil wir die Animation für das eigentliche Bild erstellt haben
, um zu verblassen.
Du kannst sehen, dass der Animator hier auf diesem Spielobjekt ist
.
Eine der Komponenten im Bild, das verblassen werden soll.
Was wir also tun, ist, dass wir auf den Animator des Bildes zugreifen
und dann den Trigger einstellen, der gestartet wird.
Okay, großartig.
Der nächste Schritt besteht darin,
es als Level Manager zu bezeichnen.
Und es gibt zwei Möglichkeiten, dies zu tun.
Wir können entweder das Spielobjekt finden
oder den UI-Manager finden.
Oder lasst uns weitermachen und eine Instanz davon erstellen.
Ich erstelle einen öffentlichen statischen UI-Manager.
Im Beispiel. Spar dir das auf.
Und ich schaffe hier einen Anfang.
Und dann starten Sie die Instanz wird gleich dieser sein.
Spar dir das auf.
Jetzt zurück im Level Manager,
wo sollen wir das hinstellen?
Nun, ich glaube, sobald wir
treffen oder sobald wir das Ladeniveau betreten.
Wir haben also die Zeitskala bei 0,2.
Ich gehe weiter und greife auf
den UI-Manager zu, die Instanz.
Und ich werde weitermachen und das Bild verblassen.
Jetzt werden Sie etwas bemerken, dass das
des Bildes langsamer sein wird, da wir die Zeitskala auf 0,2
Verblassen des Bildes langsamer sein wird, da wir die Zeitskala auf 0,2 angegeben haben, langsamer sein wird als das
, was wir hier haben.
Testen wir das also und sehen ob es funktioniert.
Wenn Sie das Gefühl haben, dass es etwas langsam ist,
können Sie das Verblassen des Bildes etwas langsamer machen
.
Also los geht's.
Wir fangen an, wir rennen hoch.
Und wenn wir dieses Portal genau hier betreten, gehen wir los.
Wir verlangsamen uns und wir haben vergessen, ein Hey hinzuzufügen,
wir haben vergessen, die Referenz hinzuzufügen.
Sie können genau hier den Fehler sehen.
Wenn ich darauf doppelklicke,
wirst du sehen, dass das Punkt-Bild des UI-Managers
etwas nicht stimmt. Was ist los?
Nun, es gibt keinen Fall.
Okay, wenn ich also zur UI-Canvas gehe,
würde ich feststellen, dass ich den Manager nicht einmal hinzugefügt habe,
also bin ich mir nicht sicher, wie heißt.
Ziehen wir also den UI-Manager hinein.
Stellen wir sicher, dass wir das verblassende Bild gesagt haben
und lassen Sie uns die Änderungen übernehmen.
Beachten Sie also, dass die Leinwand auf
dieser Ebene keinen UI-Manager hatte, oder?
Und das ist derjenige, den wir in der Ebene eins benutzt haben.
Wenn ich jetzt zur Stufe eins gehe,
klicke ich auf die Benutzeroberfläche.
Es hat einen UI-Manager und es hat das Image bereits eingerichtet.
So können Sie die Macht der Verwendung von Trauer-Apps wieder sehen.
Wie cool ist das?
Also zurück im Level, um das Spiel zu starten,
verblassen wir ein. Keine Fehler mehr.
Wir gehen hoch, wir gehen durch das Portal
und los geht's, wir verlangsamen uns.
Wir haben diesen Zucker genau hier.
Es gab also ein kleines Problem hier drin.
Wie Sie bemerken, hatten wir nicht
die Zeit, überhaupt zu verblassen.
Also werde ich wieder auf das Fade-Out und das verblassende Bild zugreifen
.
Und wo ist das?
Nun, das hängt davon ab, wie lange oder
die Zeitskala Sie hier haben.
Also schaffe ich es 0.5. Spar dir das auf.
Und statt 1,5 Sekunden
werde ich es schaffen, machen
wir es einfach um 0,
vielleicht 1 Sekunde oder 2,5.
Sagen wir, es sind ungefähr 40 aus dem Spiel.
Testen Sie es aus und sehen Sie, ob wir die Zeit haben, einzublassen.
Also gehe ich hoch, ich gehe durch.
Los geht's, wir verblassen
vollständig und dann hörten wir auf zu verblassen.
Und ganz normal.
Wenn das erledigt ist, hoffe ich,
dass es Ihnen gefällt.
wir sicher, dass wir unsere Änderungen übernehmen.
Stage alle verpflichten die Änderungen.
Erstellen Sie ein Fading In- und Out-Bild
mit Ihnen sind unzählige.
Übernehmen Sie die Änderungen.
Ich hoffe es gefällt dir und wir sehen uns im nächsten Video.