Mesh 101 Tutorial Kapitel 3: Hinzufügen von Interaktivität mit visuellem Gitterskripting
Hinweis
Wir nehmen regelmäßige Aktualisierungen am Mesh-Toolkit vor, und dieses Video spiegelt möglicherweise nicht alle neuesten Änderungen wider. Sie sollten den Inhalt dieses Artikels als Quelle der Wahrheit anzeigen.
Nachdem wir die Einrichtungsphase abgeschlossen haben, wollen wir uns darauf konzentrieren, Ihre GameObjects interaktiv zu machen! In diesem Kapitel werden wir uns mit der visuellen Skripterstellung von Gittern in Verbindung setzen, die Sie verwenden können, um Ihrer Umgebung benutzerdefinierte Logik hinzuzufügen.
Hinweis
Es gibt zwei Arten von Mesh Scripting: Mesh Cloud Scripting, die C#-Code und Mesh Visual Scripting verwendet, wobei Sie ein Script Graph erstellen und dann Knoten (auch als Einheiten bezeichnet) in einer Sequenz hinzufügen, um Ihre Codierungslogik zu erstellen. In dieser Version des Lernprogramms "Mesh 101" wird die visuelle Skripterstellung von Gittern verwendet. die vorherige Version hat Mesh Cloud Scripting verwendet.
Die Gitterskripterstellung ist für jede Umgebung nicht erforderlich, aber Sie benötigen es für die Features, die wir hier hinzufügen werden: Interaktive Schaltfläche, Auslösen eines Popups für Informationstext und Teleportieren in der Szene.
Station 3.1: Erstellen einer interagierbaren Schaltfläche
Für unsere erste Aufgabe möchten wir eine Schaltfläche erstellen, die ein Video wiedergeben wird, wenn es von einem Avatar gedrückt wird. Der Avatar kann dann die gleiche Taste drücken, um das Video zu beenden.
- Navigieren Sie im Szenenfenster zu der Kugelterrasse, die die Stationen für Kapitel 3 enthält, und passen Sie die Ansicht so an, dass Sie die erste Station 3.1 -- Videowiedergabe wie unten gezeigt betrachten.
Wie Sie sehen können, gibt es bereits einen Videobildschirm, benötigt aber eine Wiedergabe-/Stoppschaltfläche. Wie das Textfeld für die Station erläutert, erstellen wir ein Script Graph mit einer Schaltflächenlogik, damit die Schaltfläche verwendet werden kann, um den VideoPlayer ein- und auszuschalten und den Schaltflächentext zu ändern.
Hinzufügen der Schaltfläche zur Szene
Stellen Sie in Unity sicher, dass das GameObject "Chapter3 " und das untergeordnete Objekt 3.1 – Video erweitert werden.
Suchen Sie im Projektfenster nach dem ButtonBase-Prefab . Stellen Sie sicher, dass Sie ALLE für den Suchfilter auswählen.
Ziehen Sie ButtonBase aus dem Projektfenster , und legen Sie sie dann in der Hierarchie auf das GameObject mit dem Namen 3.1 -- Video ab, sodass ButtonBase als untergeordnetes Element auf 3.1 -- Video platziert wird.
Stellen Sie sicher, dass die Transformationspositionswerte> für ButtonBase 0, 0, 0 sind.
ButtonBase wird in der Szene etwas niedriger platziert als in der gewünschten Position. Das ändern wir gleich.
Stellen Sie sicher, dass ButtonBase in der Hierarchie ausgewählt ist.
Ändern Sie im Inspektor den Wert der Transformationsposition>>Y in "1".
Perfekt! Jetzt befindet sich ButtonBase direkt unterhalb des Videobildschirms richtig.
Umbenennen der Schaltfläche
Wenn ButtonBase ausgewählt ist, ändern Sie im Inspektor den Namen von ButtonBase in "PlayVideoButton".
Ändern der Beschriftung der Schaltfläche
Im Moment lautet der Text auf der Schaltfläche "Beschriftung". Lassen Sie uns dies in "Wiedergeben" ändern.
Erweitern Sie in der Hierarchie das PlayVideoButton GameObject, um dessen untergeordnete Objektschaltfläche anzuzeigen, und erweitern Sie dann die Schaltfläche, um die untergeordneten Objekte anzuzeigen, und wählen Sie dann das untergeordnete Label-Objekt aus.
Navigieren Sie im Inspektor zur TextMeshPro -- Textkomponente , und ändern Sie dann im Textfeld "Texteingabe " den Text in "Wiedergeben".
Erstellen des visuellen Skripts für die Schaltfläche
Stellen Sie in der Hierarchie sicher, dass PlayVideoButton ausgewählt ist.
Klicken Sie im Inspektor auf "Komponente hinzufügen", und wählen Sie dann "Skriptcomputer" aus.
Beachten Sie, dass zwei neue Komponenten im Inspektor hinzugefügt wurden: Skriptcomputer und Variablen. Es gibt auch ein neues Fenster mit dem Namen Mesh Visual Scripting Diagnostics am unteren Rand des Inspector. Dieses Fenster gibt Ihnen Feedback zu Ihrem visuellen Skript und kann für die Problembehandlung hilfreich sein.
Beachten Sie, dass in der Skriptcomputerkomponente die Option "Quelle " auf Graph festgelegt ist. Sie haben zwei Optionen für "Quelle": "Graph " und "Einbetten". Jede hat Vor- und Nachteile. Wir wählen Graph für unsere Skripts aus, da ein Graph-Skript als separate Datei gespeichert wird und dies eine größere Flexibilität bietet.
Tipp
Graph und Embed werden im Unity Script Machine-Artikel ausführlicher beschrieben.
Klicken Sie in der Skriptcomputerkomponente auf die Schaltfläche "Neu ".
Erstellen Sie im Fenster "Graph speichern" einen neuen Ordner, und benennen Sie ihn dann in "Skripts" um.
Öffnen Sie den Ordner "Scripts", und geben Sie dann im Textfeld "Dateiname " "PlayVideoButton" ein.
Wenn Sie fertig sind, klicken Sie auf die Schaltfläche "Speichern ".
Geben Sie in der Skriptcomputerkomponente einen Namen in das Feld "Titel " für das Diagramm ein: "VideoPlayer".
Geben Sie eine Beschreibung im Feld "Zusammenfassung " für das Diagramm ein: "Definiert, wie der Videoplayer auf Wiedergabe-/Stoppaktionen reagiert."
Einrichten des Skriptdiagramms
Klicken Sie in der Skriptcomputerkomponente auf "Graph bearbeiten". Dadurch wird das Skriptdiagrammfenster geöffnet. Ziehen Sie es, und platzieren Sie es neben der Registerkarte "Projekt " und "Konsole ", falls sie noch nicht vorhanden ist, damit das Skriptdiagramm- und Szenenfenster gleichzeitig angezeigt wird.
Wenn wir Knoten hinzufügen, möchten Sie möglicherweise mehr Platz im Fenster; Sie können auf die Schaltfläche mit drei Punkten klicken und dann "Maximieren" auswählen, um dies zu erreichen, oder auf die Schaltfläche "Vollbild" in der oberen rechten Ecke des Fensters klicken.
Hinweis
Ein Knoten wird auch als Einheit in Visual Scripting bezeichnet. In diesem Lernprogramm verwenden wir weiterhin den Begriffsknoten.
Die Standardmäßigen OnStart - und OnUpdate-Knoten sind nicht erforderlich. Löschen Sie sie.
Skriptdiagrammlayout
Unser Script Graph enthält zwei Abschnitte:
Abschnitt 1: Erkennen, wenn auf die Schaltfläche "Wiedergeben/Beenden" des Videoplayers geklickt wird. Abschnitt 2: Wenn darauf geklickt wird, geben Sie das Video wieder. Wenn es erneut geklickt wird, beenden Sie das Video.
Hier ist eine Vorschau davon, wie das Endergebnis aussehen wird:
Erkennen, ob auf die Schaltfläche geklickt wird
Der erste Abschnitt, der erkennt, ob auf die Schaltfläche geklickt wird, erfordert drei Knoten. Das GameObject im Projekt, das tatsächlich "lauscht" und auf einen Klick reagiert, ist Button. Fügen wir dies dem Skriptdiagramm hinzu.
Erstellen einer Button-Objektvariable
Erweitern Sie in der Hierarchie PlayVideoButton.
Erstellen Sie in script Graph Blackboard eine neue Objektvariable: Geben Sie den Namen "Button" in das Feld (Neuer Variablenname) ein, und klicken Sie dann auf die Schaltfläche "+".
Legen Sie den Typ der Objektvariablen auf "Game-Objekt" fest.
Ziehen Sie aus der Hierarchie das Button GameObject, und legen Sie es dann im Feld "Wert " der neuen Variablen ab.
Ziehen Sie die Button-Objektvariable aus der Tafel , und legen Sie sie dann im Skriptdiagramm ab, um sie als Knoten hinzuzufügen.
TIPP: Sie können hier einen Moment dauern, um einige der Komponenten für das Button GameObject zu untersuchen:
Interagierbares Gittersetup: Diese Komponente macht Button zu einem Objekt, mit dem Sie interagieren können. Weitere Informationen finden Sie unter "Erfassen,Halten und Auslösen mit Interagierbaren".
Skriptcomputer: Dies hat ein Skriptdiagramm mit dem Namen Button Base Behavior.
Wenn Sie in den Wiedergabemodus wechseln, sehen Sie, dass eine neue Komponente mit dem Namen "Mesh Interactable Body " zur Schaltfläche hinzugefügt wird.
Diese Komponente wird zur Laufzeit automatisch zu interagierbaren Körpern hinzugefügt. Es macht verschiedene Eigenschaften für visuelle Skripting verfügbar, z . B. IsHovered und IsSelected, die in einem Moment nützlich sein werden.
Fügen Sie im Skriptdiagramm einen Knoten hinzu, der uns informiert, wann die Schaltfläche ausgewählt ist.
Wenn Sie möchten, beenden Sie den Wiedergabemodus, und wählen Sie dann "PlayVideoButton " in der Hierarchie aus, um sicherzustellen, dass das Diagramm im Skriptdiagrammfenster angezeigt wird.
Klicken Und halten Sie im Skriptdiagramm den Outportport des Knotens "Objektvariable abrufen" gedrückt, und lassen Sie dann die Maustaste los. Dadurch wird der Fuzzy Finder geöffnet. WARNUNG: Nachdem Sie den Fuzzy Finder geöffnet haben, klicken Sie nicht auf eine beliebige Stelle außerhalb der Unity-Schnittstelle. Dadurch wird der Fuzzy Finder geschlossen und verursacht unvorhersehbares Verhalten in Script Graph.
Suchen Sie nach "Ist ausgewählt", und wählen Sie dann in der Liste "Gitterinteraktionsfähiger Textkörper" aus: IstSelected.
Hinweis: Dieser Knoten gibt einen booleschen Wert aus. Sie können dies im Graph Inspector bestätigen.
Ziehen Sie einen Verbinder vom Ausgabeport des Is Selected-Knotens , und erstellen Sie dann einen neuen Knoten namens "Microsoft Mesh: On State Changed". (Suchen Sie im Fuzzy Finder nach statusänderung.)
Dies sind unsere drei Tastenklickerkennungsknoten. Der Knoten "Is Selected " beginnt mit dem Wert "False", aber wenn auf die Schaltfläche geklickt wird, ändert sich der Wert in "True" und wird an den Knoten " On State Changed " übergeben. Dieser Knoten löst dann die Wiedergabe-/Stoppknoten aus, die wir als Nächstes hinzufügen.
Wiedergeben oder Beenden des Videos
Wenn "On State Changed" den Wert "true" hat, wird das Video wiedergegeben. Wenn sie bereits wiedergegeben wird und die Schaltfläche gedrückt wird, ändert sich "Zustand geändert " in einen Wert von "false", und das Video wird nicht mehr wiedergegeben. Dies wirkt sich auf die Knoten in Abschnitt 2 des Skriptdiagramms aus, die wir in Kürze hinzufügen werden, um das Video und das weiterhin anzuzeigende Bild bereitzustellen.
Im nächsten Schritt fügen Sie einen If-Knoten hinzu, um den Fluss zu bestimmen.
Ziehen Sie einen Verbinder aus dem Steuerelementausgabeport des Knotens "On State Changed ", und erstellen Sie dann einen neuen If-Knoten . (Suchen Sie im Fuzzy Finder nach if.)
Ziehen Sie einen Verbinder aus dem Datenausgabeport des Knotens "On State Changed " auf den Dateneingabeport des If-Knotens .
Erstellen sie eine Variable, um festzustellen, ob das Video wiedergegeben wird oder nicht
Wechseln Sie in der Tafel zur Registerkarte "Objekt", und erstellen Sie dann eine Variable mit dem Namen "isPlaying". Geben Sie den Typ "Boolean" ein, und lassen Sie das Kontrollkästchen "Wert" deaktiviert. Dadurch erhält der Boolesche Wert den Standardwert "false".
Ziehen Sie die Variable "isPlaying" auf das Skriptdiagramm, und legen Sie sie dann rechts neben dem Knoten *If ab.
Ziehen Sie einen Verbinder aus dem Ausgabeport "True Control" des Knotens If , und erstellen Sie dann einen neuen Knoten "Objektvariablen festlegen". (Suchen Sie im Fuzzy Finder nach set-Objekt.)
Klicken Sie im Knoten "Objektvariable festlegen" auf die Dropdownliste mit dem Variablennamen, und wählen Sie dann "Wiedergeben" aus.
Die Variable "IsPlaying " muss hier doppelt ausgeführt werden. Um sicherzustellen, dass die Wiedergabe immer den richtigen Wert aufweist, geben wir ihm Eingaben von einem Negate-Knoten .
Ziehen Sie einen Verbinder vom unteren Dateneingabeport der Set-Objektvariable: isPlaying node, und erstellen Sie dann einen neuen Negate-Knoten . (Suchen Sie im Fuzzy Finder nach "Negate".)
Ziehen Sie einen Verbinder aus dem Dateneingabeport des Negate-Knotens , und erstellen Sie dann einen neuen Knoten "Objektvariable abrufen". (Suchen Sie im Fuzzy Finder nach der Objektvariablen.)
Klicken Sie im Knoten "Objektvariable abrufen" auf die Dropdownliste "Variablenname", und wählen Sie dann "IsPlaying" aus.
Der Knoten "Negate " ändert den Wert von "IsPlaying " auf das Gegenteil von dem, auf das er derzeit festgelegt ist. Wenn die Szene gestartet wird, ist die Wiedergabe "false" (Standardeinstellung). Wenn auf die Schaltfläche "Wiedergabe/Beenden" geklickt wird, bewirkt der Knoten "Negate" die Wiedergabe im Knoten "Objektvariable festlegen" auf "true", wodurch das Video wiedergegeben wird. Wenn die Schaltfläche erneut geklickt wird, bewirkt die Wiedergabe, dass die Wiedergabe auf "false" zurückgesetzt wird. Dadurch wird das Video beendet.
Wiedergeben des Videos oder Anzeigen eines Stillbilds
Jetzt beginnen wir mit dem Erstellen von Abschnitt 2 des Skriptdiagramms. Sie fügen die Knoten hinzu, die erkennen, ob sich die Wiedergabe ändert. Dies bestimmt, ob das Video wiedergegeben oder ein stilles Bild im WebSlate von Station 3.1 angezeigt werden soll.
Fügen Sie im unteren Teil des Diagramms einen Knoten "Objektvariable abrufen" hinzu, und legen Sie dessen Wert auf "Wiedergabe" fest. (Sie können mit der rechten Maustaste auf das Diagramm klicken und dann Knoten hinzufügen. Suchen Sie nach "Objekt abrufen".)
Ziehen Sie einen Verbinder aus dem Datenausgabeport der Get Object Variable: isPlaying node, und erstellen Sie dann einen neuen Knoten "On State Changed ". (Suchen Sie im Fuzzy Finder nach statusänderung.)
Ziehen Sie einen Verbinder aus dem Steuerausgabeport des Knotens "On State Changed ", und erstellen Sie dann einen neuen If-Knoten . (Suchen Sie im Fuzzy Finder nach if.)
Ziehen Sie einen Verbinder aus dem Datenausgabeport des Knotens "Im Zustand geändert ", und verbinden Sie ihn dann mit dem Dateneingabeport des Falls-Knotens .
Das Video und VideoStill (Bild) GameObjects
Erweitern Sie in der Hierarchie das VideoPlayer GameObject, und beachten Sie, dass es zwei untergeordnete Objekte hat: Video und VideoStill.
Wählen Sie "Video" aus, und notieren Sie sich im Inspektor Folgendes:
Video verfügt über eine Komponente namens "Video Player", die einen Link zu einem Windturbinenvideo enthält.
Video ist inaktiv (das Kontrollkästchen neben seinem Namen ist leer).
Wählen Sie in der Hierarchie das VideoStill GameObject aus, und beachten Sie dann im Inspektor Folgendes:
VideoStill verfügt über ein noch angefügtes Bild.
VideoStill ist aktiv (das Kontrollkästchen neben seinem Namen ist aktiviert).
Wenn die Szene gestartet wird, zeigt der Videobildschirm ein stilles Bild an (da VideoStill aktiv ist) und gibt kein Video wieder (was darauf zurückzuführen ist, dass Video inaktiv ist). Wenn der Teilnehmer während der Wiedergabe die Wiedergabe-/Stoppschaltfläche drückt, wird Video aktiv, wodurch das Video wiedergegeben wird und gleichzeitig VideoStill inaktiv wird, wodurch das stille Bild ausgeblendet wird. Die Beschriftung der Schaltfläche ändert sich auch von "Wiedergabe " zu "Beenden ", wenn der Teilnehmer erneut die Schaltfläche drückt, "Video " inaktiv, das Video beendet und "VideoStill " wieder aktiv wird, wodurch der Videobildschirm das Stillbild wieder anzeigt.
Die verbleibenden Knoten in unserem Diagramm machen all dies geschehen.
Erstellen der Video- und VideoStill -Objektvariablen (Bild)
Erstellen wir nun die Objektvariablen, die die Werte für video- und VideoStill GameObjects enthalten.
Erweitern Sie in der Hierarchie VideoPlayer.
Erstellen Sie in script Graph Blackboard eine neue Objektvariable: Geben Sie den Namen "Video" in das Feld (Neuer Variablenname) ein, und klicken Sie dann auf die Schaltfläche "+".
Legen Sie den Typ der Objektvariablen auf "Game-Objekt" fest.
Ziehen Sie das Video GameObject aus der Hierarchie, und legen Sie es dann im Feld "Wert" der neuen Variablen ab.
Erstellen Sie in der Tafel eine neue Objektvariable: Geben Sie den Namen "VideoStill" in das Feld (Neuer Variablenname) ein, und klicken Sie dann auf die Schaltfläche "+".
Legen Sie den Typ der Objektvariablen auf "Game-Objekt" fest.
Ziehen Sie aus der Hierarchie das VideoStill GameObject, und legen Sie es dann im Feld "Wert " der neuen Variablen ab.
Skriptdiagrammstruktur
Dies ist ein guter Ort, um zu stoppen und zu überlegen, wie wir den Rest von Abschnitt 2 unseres Skriptdiagramms entwerfen möchten. Unser "If"-Knoten wird in einem "true"-Fluss und einem "false"-Fluss verzweigt. Unsere Objektvariablen müssen für beide Flüsse leicht zugänglich sein, sodass sie wie hier gezeigt in einer Zeile zwischen den Flüssen platziert werden:
Hinzufügen der Video- und VideoStill-Objektvariablen zum Skriptdiagramm
Ziehen Sie die Videoobjektvariable aus der Tafel , und legen Sie sie dann im Skriptdiagramm ab, um sie als Knoten hinzuzufügen. Platzieren Sie ihn unter dem Knoten "Wenn ".
Ziehen Sie die VideoStill-Objektvariable aus dem Blackboard , und legen Sie sie dann im Skriptdiagramm ab, um sie als Knoten hinzuzufügen. Platzieren Sie es rechts neben der Get Object Variable: Video node.
Aktivieren des Videos
Ziehen Sie einen Verbinder aus dem Ausgabeport "True" des Knotens "If ", und erstellen Sie dann ein neues Game-Objekt: Set Active node. (Suchen Sie im Fuzzy Finder nach "Set aktiv".)
Ziehen Sie einen Verbinder aus dem Datenausgabeport der Get Object Variable: Videoknoten , und verbinden Sie ihn dann mit dem ersten Dateneingabeport des Game-Objekts: Set Active node.
Aktivieren Sie das Kontrollkästchen "Wert" des Knotens, wodurch der Knoten aktiv wird.
Ziehen Sie einen Verbinder aus dem Datenausgabeport der Get Object Variable: VideoStill node, und verbinden Sie ihn dann mit dem ersten Dateneingabeport des Game-Objekts: Legen Sie den soeben erstellten aktiven Knoten fest.
Lassen Sie das Kontrollkästchen "Wert" des Knotens deaktiviert. Dadurch wird sichergestellt, dass der Knoten inaktiv ist.
Wenn nun auf die Schaltfläche geklickt wird, wird das Video wiedergegeben, und das stille Bild wird ausgeblendet. Wir brauchen nur ein weiteres In dieser Sequenz. Da es sich bei der Schaltfläche "Wiedergabe/Beenden" um eine Umschaltfläche handelt, müssen wir sicherstellen, dass nach dem Klicken auf "Wiedergeben" die Beschriftung der Schaltfläche in "Beenden" geändert wird, und wenn sie erneut geklickt wird, ändert sich die Bezeichnung wieder in "Wiedergeben". Dazu müssen wir eine Objektvariable erstellen und hinzufügen und dann einen TextMeshPro-Knoten hinzufügen.
Erstellen und Hinzufügen der Label-Objektvariable
Stellen Sie in der Hierarchie sicher, dass PlayVideoButton und dessen untergeordnete Objektschaltfläche erweitert werden.
Erstellen Sie in script Graph Blackboard eine neue Objektvariable: Geben Sie den Namen "Label" in das Feld (Neuer Variablenname) ein, und klicken Sie dann auf die Schaltfläche "+".
Legen Sie den Typ der Objektvariablen auf "Game-Objekt" fest.
Ziehen Sie das Label GameObject aus der Hierarchie, und legen Sie es dann im Feld "Wert" der neuen Variablen ab.
Ziehen Sie die Beschriftungsobjektvariable aus der Tafel , und legen Sie sie dann im Skriptdiagramm ab, um sie als Knoten hinzuzufügen. Platzieren Sie sie rechts neben dem Knoten "Objektvariable abrufen:VideoStill ".
Hinzufügen des Knotens "Text Mesh Pro"
Ziehen Sie einen Verbinder aus dem Steuerelementausgabeport des Game-Objekts: Legen Sie den aktiven Knoten fest, und erstellen Sie dann einen neuen Text Mesh Pro: Textknoten festlegen. (Suchen Sie im Fuzzy Finder nach festgelegten Text.) Platzieren Sie sie auf der oberen Zeile rechts neben dem Game-Objekt: Den aktiven Knoten festlegen.
Ziehen Sie einen Verbinder aus dem Datenausgabeport der Get Object Variable: Bezeichnungsknoten , und verbinden Sie ihn dann mit dem oberen Dateneingabeport auf dem Text Mesh Pro: Textknoten festlegen.
Geben Sie im Textfeld für den Knoten "Stopp" ein.
Fügen Sie die Knoten hinzu, um den Videostopp zu beenden.
Nur drei weitere Knoten für dieses Diagramm! Wir müssen die falsche Bedingung für die Schaltfläche einrichten. Wenn die Schaltfläche während der Wiedergabe des Videos geklickt wird, wird die Variable "Wiedergabe" zu "false" und bewirkt, dass das Video beendet wird und die Schaltflächenbeschriftung erneut in "Wiedergeben" geändert wird.
Hier können wir eine Verknüpfung machen.
Klicken Sie mit ctrl-click the three nodes in the top row that make up the "if true" flow.
Klicken Sie mit der rechten Maustaste in das Skriptdiagramm, und wählen Sie dann im Popupmenü "Duplikatauswahl" aus.
Ziehen Sie die duplizierten Knoten im Diagramm nach unten, und platzieren Sie sie unter der Variablenzeile.
Einrichten der Knoten "if false"
Ziehen Sie einen Verbinder aus dem Datenausgabeport der Get Object Variable: Videoknoten , und verbinden Sie ihn dann mit dem oberen Dateneingabeport des ersten Spielobjekts: Legen Sie den aktiven Knoten in der unteren Zeile von Knoten fest.
In demselben ersten Spielobjekt: Legen Sie den aktiven Knoten fest, deaktivieren Sie "Wert".
Ziehen Sie einen Verbinder aus dem Datenausgabeport der Get Object Variable: VideoStill-Knoten, und verbinden Sie ihn dann mit dem oberen Dateneingabeport des zweiten Spielobjekts: Legen Sie den aktiven Knoten in der unteren Zeile von Knoten fest.
Wählen Sie in diesem zweiten Spielobjekt: Den aktiven Knoten festlegen, und wählen Sie "Wert" aus.
Ziehen Sie einen Verbinder aus dem Datenausgabeport der Get Object Variable: Bezeichnungsknoten , und verbinden Sie ihn dann mit dem oberen Dateneingabeport des Text Mesh Pro: Legen Sie den Textknoten rechts fest.
In demselben Text Mesh Pro: Textknoten festlegen, ändern Sie den Text von "Anhalten " in "Wiedergeben".
Ziehen Sie einen Verbinder aus dem Ausgabeport "False" des Knotens If , und verbinden Sie ihn dann mit dem Steuerelementeingabeport des ersten Game-Objekts: Legen Sie den aktiven Knoten in der unteren Zeile von Knoten fest.
Freigeben der Videoplayerinteraktionen mit anderen Benutzern in der Benutzeroberfläche
Es kann vorkommen, dass die Ereignisse eines Skripts nur von dem Teilnehmer erlebt werden sollen, der die Ereignisse auslöst, und andere Zeiten, in denen die Ereignisse von allen Teilnehmern der Szene erlebt werden sollen. Sie können dies mit der Komponente "Lokaler Skriptbereich" steuern.
Stellen Sie in der Hierarchie sicher, dass PlayVideoButton ausgewählt ist.
Klicken Sie im Inspektor auf die Schaltfläche "Komponente hinzufügen", und fügen Sie dann den lokalen Skriptbereich hinzu.
In diesem Lernprogramm möchten wir, dass alle Teilnehmer in der Erfahrung alle Interaktionen mit dem Videoplayer sehen und das Video selbst wiedergeben und anhalten können. Um dies sicherzustellen, stellen Sie sicher, dass die Option "Visuelle Skriptvariablen freigeben" für diese Option "Spielobjekt " ausgewählt ist. Im Informationsfeld unter dieser Option erfahren Sie, was freigegeben wird und was lokal bleibt.
Testen Ihrer Arbeit
Speichern Sie das Projekt in Unity, und drücken Sie dann die Unity Editor-Wiedergabeschaltfläche.
Klicken Sie im Spielfenster auf die Schaltfläche "Wiedergeben " unter dem Videoplayer. Dies bewirkt, dass sich die Beschriftung auf der Schaltfläche in "Stopp " ändert, und ein kurzes Video zu Windturbinen, die auf dem Bildschirm über der Schaltfläche wiedergegeben werden.
Wenn Sie mit dem Ansehen des Videos fertig sind, drücken Sie die Schaltfläche, die Sie erneut bearbeitet haben (jetzt ist die Beschriftung beendet).
Drücken Sie die Schaltfläche "Wiedergabe" des Unity-Editors, um den Wiedergabemodus zu beenden.
Station 3.2: Auslösen eines Infodialogfelds
Für dieses Feature verbessern wir ein vorhandenes visuelles Skript, das bewirkt, dass ein Infodialogfeld angezeigt wird, wenn der Avatar eine Schaltfläche drückt.
Reduzieren Sie in der Hierarchie das 3.1 -- Videospielobjekt .
Beachten Sie im Szenenfenster , dass sich die Infodialogfeld-Station rechts neben der 3.1 -- Videowiedergabestation befindet. Passen Sie die Ansicht so an, dass Sie die Station 3.2 deutlich sehen können.
Erweitern Sie im Inspektor das GameObject mit dem Namen 3.2 – Infodialogfeld.
Wählen Sie in der Hierarchie InfoButtonWrapper aus.
Beachten Sie im Inspektor, dass InfoButtonWrapper die Komponente "Lokaler Skriptbereich" angefügt hat und dass die visuellen Skriptvariablen für dieses Spielobjekt nicht ausgewählt sind.
Dies liegt daran, dass die Schaltfläche ausgeblendet wird, nachdem ein Teilnehmer auf die Schaltfläche klickt, mit der das Infodialogfeld angezeigt wird. Wenn diese Option ausgewählt wurde, wird die Schaltfläche für jeden in der Szene ausgeblendet, und das möchten wir nicht.
Navigieren Sie im Inspektor zur Skriptcomputerkomponente, die das Dialogfelddiagramm anzeigen enthält, und klicken Sie dann auf die Schaltfläche "Diagramm bearbeiten".
Ziehen Sie im Diagramm einen Verbinder aus dem True Control Output Port des If-Knotens , und erstellen Sie dann ein neues Microsoft Mesh: Dialogknoten anzeigen. (Suchen Sie im Fuzzy Finder nach dem Dialogfeld " Anzeigen".)
Klicken Sie im Knoten "Dialogfeld anzeigen" auf das Feld "Nachricht ", und ersetzen Sie dann das Wort "Nachricht " durch diesen Satz:
Wussten Sie, dass die größte Windturbine der Welt über Flügel länger als ein Fußballfeld verfügt?
Dies ist die Meldung, die im Infodialogfeld angezeigt wird.
Wählen Sie die Dropdownliste aus, in der derzeit "OK" angezeigt wird, und deaktivieren Sie dann in der Popupliste "OK", und wählen Sie "Weiter" aus. Dadurch wird dem Infodialogfeld eine Schaltfläche "Weiter " hinzugefügt, auf die der Benutzer klicken kann, um das Dialogfeld zu schließen, nachdem er die Nachricht gelesen hat.
Testen Ihrer Arbeit
Speichern Sie das Projekt im Unity-Editor, und drücken Sie dann die Schaltfläche "Unity-Editor wiedergeben".
Verwenden Sie die Navigationstasten, um Ihren Avatar von der Schaltfläche zu entfernen. Beachten Sie, dass, wenn Ihr Avatar eine bestimmte Entfernung entfernt ist, die Schaltfläche gedreht wird und nicht ausgewählt werden kann.
Gehen Sie zur Schaltfläche. An einem bestimmten Punkt wird die Schaltfläche nicht mehr gedreht und signalisiert, dass Sie sie jetzt auswählen können.
Wählen Sie die Schaltfläche aus. Das Infodialogfeld wird angezeigt und zeigt die Meldung an, die Sie zuvor zum Knoten "Dialogfeld anzeigen" hinzugefügt haben.
Hinweis
Das Erscheinungsbild des Infodialogfelds im Wiedergabemodus unterscheidet sich davon, wie es in Mesh angezeigt wird, wo es ähnlich wie die anderen Panels auf der Kugelterrasse angezeigt wird.
Wenn Sie mit dem Infodialogfeld fertig sind, klicken Sie auf die Schaltfläche "Weiter" . Beachten Sie, dass sie nach dem Klicken auf die Schaltfläche ausgeblendet wird. Um die Schaltfläche erneut zu verwenden, müssen Sie den Wiedergabemodus beenden und dann erneut aufrufen.
Tipp
Der Abstand und die auslösenden Elemente, die hier wirksam sind, werden durch die Komponenten des ProximityDetector GameObject bestimmt.
Drücken Sie die Schaltfläche "Wiedergabe" des Unity-Editors, um den Wiedergabemodus zu beenden.
Station 3.3: Teleport zum Turbinengenerator
Für dieses Feature fügen wir einige Knoten zu einem Skriptdiagramm hinzu, mit dem Teilnehmer in der Szene teleportiert werden können. Wenn ein Teilnehmer die Taste drückt, wird er von seinem aktuellen Standort an Station 3.3 zu einer erhöhten Plattform teleportiert, die an einen Windturbinengenerator angeschlossen ist. Anschließend können sie den Generator untersuchen.
Aktualisieren des Skriptdiagramms
Beachten Sie im Szenenfenster , dass sich die Station 3.3 - Teleport zu Turbine rechts neben der 3.2 -- Info-Dialogtriggerstation befindet. Passen Sie die Ansicht so an, dass Sie die Station 3.3 deutlich sehen können.
Reduzieren Sie in der Hierarchie das 3.2 - Infodialog-GameObject , und erweitern Sie dann das 3.3 - Teleport GameObject.
Die Schaltfläche ist für Sie eingerichtet---We müssen nur die Knoten im Skriptdiagramm hinzufügen, die ihm das Teleportverhalten verleihen.
Erweitern Sie in der Hierarchie das ChapterLabel GameObject, und wählen Sie dann das TeleportToWindTurbineButton GameObject aus.
Beachten Sie, dass im Inspektor eine Script Machine-Komponente namens "Teleport to Location" mit einem Skript namens "TeleportToLocationButtonStart" vorhanden ist. Die Option "Quelle " ist auf Graph festgelegt, was bedeutet, dass Script Graph im Projekt als unabhängige Datei gespeichert wird.
Klicken Sie auf die Schaltfläche "Diagramm bearbeiten". Wie im vorherigen Kapitel hat unser Diagramm bereits einige Knoten für Sie eingerichtet.
Wir fügen diesem Script Graph in einem Moment Knoten hinzu.
Erstellen eines Reisepunkts und Hinzufügen eines Verweises darauf
Was ist also ein "Reisepunkt", vielleicht fragen Sie ... Im Grunde ist es eine Komponente, die Sie verwenden können, um einen Punkt im Raum zu definieren, zu dem spawnen oder teleportieren. Normalerweise würden Sie zuerst eine Reisegruppe erstellen und dann einen oder mehrere Reisepunkte hinzufügen. Wir haben die Reisegruppe bereits für Sie in diesem Projekt erstellt, daher fügen wir in den nachstehenden Schritten einen Reisepunkt zu dieser Gruppe hinzu. Wir verwenden diesen Reisepunkt dann als Ort, zu dem der Avatar wechselt, wenn er auf die Teleport-Schaltfläche klickt. Weitere Informationen finden Sie in unserem Artikel " Avatar-Spawn- und Teleportpunkte erstellen".
Erstellen Sie in der Hierarchie ein neues leeres GameObject als untergeordnetes Objekt in TravelGroup , und benennen Sie es dann in "TeleportLocationWindTurbine" um.
Klicken Sie im Inspektor auf die Schaltfläche "Komponente hinzufügen", und suchen Sie dann nach der Komponente "Reisepunkt", und fügen Sie sie hinzu.
Geben Sie im Inspektor in der Transform-Komponente die folgenden Werte ein:
Position:
X = 6
Y = 56
Z = 60Drehung:
X = 0
Y = 255
Z = 0
Der Avatar wird an diesen Ort teleportieren.
Machen Sie im Inspektor das TeleportLocationWindTurbine GameObject inaktiv, indem Sie das Kontrollkästchen neben dem Namen deaktivieren. Wenn mehrere TravelPoint-Objekte zur Laufzeit aktiv sind, wählt Unity zufällig einen der aktiven Reisepunkte als Spawningpunkt für den Avatar aus. Wir möchten sicherstellen, dass der Avatar an dem Punkt, der durch das TeleportLocationChapter3 GameObject angegeben ist, spawnsiert, sodass es sich um den einzigen aktiven Reisepunkt sein sollte. Als Ergebnis der Inaktivisierung erscheint TeleportLocationWindTurbine in der Hierarchie abgeblendet.
Erstellen und Hinzufügen einer Teleport Location-Objektvariable
Erstellen Sie in script Graph Blackboard eine neue Objektvariable: Geben Sie den Namen "TeleportLocation" in das Feld (Neuer Variablenname) ein, und klicken Sie dann auf die Schaltfläche "+".
Legen Sie den Typ der Objektvariablen auf "Game-Objekt" fest.
Ziehen Sie aus der Hierarchie das TeleportLocationWindTurbine GameObject, und legen Sie es dann im Feld "Wert " der neuen Variablen ab.
Ziehen Sie die Button-Objektvariable aus der Tafel , und legen Sie sie dann im Skriptdiagramm ab, um sie als Knoten hinzuzufügen. Platzieren Sie ihn unter dem Knoten "Wenn ".
Hinzufügen der Teleportknoten
Ziehen Sie einen Verbinder aus dem Ausgabesteuerungsport "True" des If-Knotens , und erstellen Sie dann einen neuen Knoten namens "Game Object: Set Active". (Suchen Sie im Fuzzy Finder nach "Set aktiv".)
Ziehen Sie einen Verbinder aus dem Datenausgabeport der Get Object Variable: TeleportLocation-Knoten , und verbinden Sie ihn dann mit dem ersten Dateneingabeport des Game-Objekts: Set Active node.
Wählen Sie die Wertoption des Knotens aus, um ihn zu aktivieren.
Hinzufügen des Knotens "Reisepunkt"
Ziehen Sie einen Verbinder aus dem Steuerelementausgabeport des Game-Objekts: Legen Sie den aktiven Knoten fest, und erstellen Sie dann einen neuen Knoten namens "Reisepunkt: Reise zu Punkt". (Suchen Sie im Fuzzy Finder nach Reisepunkt: Reisen.)
Ziehen Sie einen Verbinder aus dem Datenausgabeport der Get Object Variable: TeleportLocation-Knoten , und verbinden Sie ihn dann mit dem Dateneingabeport des Reisepunkts: Reise zum Punktknoten .
Damit wird das Diagramm abgeschlossen.
Testen Ihrer Arbeit
Speichern Sie das Projekt im Unity-Editor, und drücken Sie dann die Schaltfläche "Unity-Editor wiedergeben".
Wechseln Sie zu Station 3.3, und klicken Sie dann auf die Teleport-Taste , um bis zum Windturbinengenerator zu teleportieren.
Wählen Sie im Feld 3.3 -- Generator-Informationsfeld die Schaltfläche "Generator einblenden/ausblenden" aus. Ein Fenster wird auf der Seite der Windturbine geöffnet, und Sie können den Generator sehen.
Sie können den Generator näher herangehen und einen Blick haben. Es ist ziemlich cool! Wenn Sie fertig sind, navigieren Sie wieder heraus, und drücken Sie dann die Schaltfläche "Generator einblenden/ausblenden". Dadurch wird das Fenster geschlossen.
Gehe zu Kapitel 4
An diesem Punkt wäre der Teilnehmer an der Erfahrung bereit, zu Kapitel 4 zu wechseln und mehr über Windkraftanlagenaktivitäten im Zusammenhang mit der Physik zu erfahren. Genau wie bei Kapitel 3 gibt es eine Kugelterrasse, die die Stationen für Kapitel 4 enthält. Vorgehensweise:
Drehen Sie sich in entgegengesetzter Richtung vom Windturbinengenerator und gehen Sie in Richtung 3.3 -- Wechseln Sie zu Kapitel 4 Informationsfeld.
Drücken Sie die Taste "Teleport zu Kapitel 4 ".
Wie angekündigt, platziert dies den Avatar vor den Stationen für Kapitel 4 und Gitterphysik.
Kapitel 3: Zusammenfassung
In diesem Kapitel haben Sie mesh Visual Scripting verwendet, um Features hinzuzufügen, die Teilnehmern in Ihrer Erfahrung die folgenden Aufgaben ermöglichen:
Drücken Sie eine Taste, die dazu führt, dass ein Schulungsvideo über Windkraftanlagen wiedergegeben wird.
Drücken Sie eine Schaltfläche, mit der die Anzeige eines Infodialogfelds zu Windturbinen ausgelöst wird.
Drücken Sie eine Taste, die den Teilnehmer von Grund auf zu einer Plattform teleportiert, die an einen Windturbinengenerator angeschlossen ist, wo sie den Generator in der Nähe untersuchen können.