Erstellen Ihres ersten Texturdiagramms in Unreal Engine | Unreal Engine 5.7 Dokumentation

Der Texture Graph Editor ist ein knotenbasiertes Interface zum prozeduralen Erstellen von Texturen in Unreal Engine. Diese Anleitung führt Sie Schritt für Schritt durch die Erstellung eines Texturdiagramms, das ein benutzerdefiniertes UV-Schachbrettmuster erzeugt.

Das Diagramm bietet Anpassungsmöglichkeiten hinsichtlich der Anzahl der Kacheln, Farben, Rasterlinien und Pfeile. Die Erstellung dieses Diagramms untersucht einige wichtige Konzepte und Workflows im Zusammenhang mit einem Texturdiagramm.

Bevor Sie Ihr erstes Diagramm erstellen, ist es hilfreich, die Anleitung Getting started with Texture Graph zu lesen, um einen Überblick über den Editor und einige nützliche allgemeine Konzepte zu erhalten.

Laden des Plugins

Der „Texture Graph Editor“ ist ein experimentelles Plugin, das nicht standardmäßig geladen wird, wenn Sie die Engine starten.

Befolgen Sie diese Schritte, um das Plugin zu aktivieren:

Wählen Sie in der Menüleiste den Eintrag Edit > Plugins aus.
Geben Sie in der Suchleiste „texture graph“ ein.
Aktivieren Sie das Plugin TextureGraph und wählen Sie Yes im Popup-Dialog aus.
Starten Sie die Engine neu.

Texturdiagramm-Asset

Um ein neues Texturdiagramm zu erstellen, befolgen Sie diese Schritte:

Öffnen Sie die Inhalts-Schublade und klicken Sie auf Add > Texture > Texture Graph**.
Benennen das neue Asset in „MG_UVChecker“ um.
Speichern Sie das Asset und doppelklicken Sie dann darauf, um den Editor zu öffnen.

Erstellen der Basis-Schachbrettkachel

Die Basis des Musters ist eine zwei-mal-zwei-Kachel, die Sie wiederholen und bearbeiten können.

In dieser Anleitung wird das Muster von Grund auf erstellt, um einige Workflows und Nutzersteuerelemente zu erkunden.

Wenn Sie ein schnelles Schachbrettmuster benötigen, können Sie den Knoten Pattern erkunden, der Optionen für mehrere Standardmustertypen hat.

Um mit der Erstellung des Schachbrettmusters zu beginnen, befolgen Sie diese Schritte:

Greifen Sie in der Knotenpalette auf die Sektion Procedural zu und ziehen Sie dann den Knoten Shape in Ihr Diagramm. Vergrößern Sie den Knoten, indem Sie auf den Abwärtspfeil klicken, um alle möglichen Optionen anzuzeigen.
Ändern Sie ShapeType in „Rectangle“.
Klicken Sie auf den Output-Pin und ziehen Sie ihn heraus. Wenn Sie die Auswahl loslassen, öffnet sich die Knotenpalette. Suchen und wählen Sie Transform aus der Liste. Die Knoten „Shape“ und „Transform“ werden automatisch verbunden.
1. Denken Sie beim Erstellen von Knoten mit dieser Technik daran, dass die Verbindung mit dem obersten Input-Wert hergestellt wird.
Erweitern Sie den Knoten Transform und passen Sie Coverage auf 0,5, 0,5 an. Durch Anpassen von „Coverage“ in der Transformation wird das Input-Bild (in diesem Fall ein einfaches Rechteck) auf den angegebenen Wert skaliert. Standardmäßig ist die Füllfarbe leer mit Farbe oder Alphawert. Sie können die Füllfarbe in den Details einstellen.
Ziehen aus dem Knoten Shape einen zweiten Transform-Knoten. Legen Sie Coverage bei der zweiten Transformation auf 0,5, 0,5 und Offset auf 0,5, 0,5 fest. Sie können jetzt die „Transform“-Knoten minimieren, damit sie weniger Raum einnehmen.
Klicken Sie mit der rechten Maustaste in die Diagrammansicht und suchen Sie im Menü den Knoten Add, indem Sie nach unten zu „Math“ scrollen oder suchen.
Verbinden Sie die Ausgabewerte der „Transform“-Knoten mit den A- und B-Inputs des Add-Knotens. Das Ergebnis ist eine einzelne Schachbrettkachel mit 4 Quadraten.
Während Sie Ihr Diagramm erstellen, ist es wichtig, es organisiert zu halten. Wählen Sie alle Knoten aus, klicken Sie mit der rechten Maustaste auf das Diagramm, suchen und wählen Sie dann New Comment aus. Die Kommentar-Box enthält die vier Knoten. Geben Sie dem Kommentar den Namen „CheckerBlock“.

Erstellen von Trennlinien

Mit dem grundlegenden Checker-Block können Sie Trennlinien überlagern und die Dicke sowie den Eckradiuswert steuern.

Führen Sie die folgenden Schritte aus, um die Trennlinien hinzuzufügen:

Erstellen Sie einen Shape-Knoten, legen Sie die Form auf „Rectangle“ fest und legen Sie die Breite und Höhe auf 0,9 fest.
Ziehen Sie die Output-Pins des „Shape“-Knotens und suchen Sie dann Transform und wählen Sie es aus.
Legen Sie im „Transform“-Knoten den Wert für Repeat auf 2,0, 2,0 fest.
Ziehen Sie die Output-Pins heraus und suchen Sie dann Transform und wählen Sie es aus. Dieser Knoten gibt Ihnen die richtigen Werte für Ihre Zeilenmaske.
Aktivieren Sie im Knoten „Invert“ den Eintrag Clamp.
Mit der erstellten Grundstruktur für die Linien können Sie einen Mechanismus zum Anpassen der Linienstärke und des Eckenradius der Linien hinzufügen. Klicken Sie mit der rechten Maustaste in das Diagramm, suchen und wählen Sie dann Scalar aus.
Benennen Sie den Knoten in „Rounded Corners“ um, indem Sie mit der rechten Maustaste auf den Knoten klicken und Rename auswählen. Verbinden Sie den Knoten mit dem Pin Rounding des Knotens Shape. Legen Sie den Wert auf 0,25 fest.
Wiederholen Sie den Vorgang dreimal, um mehrere Skalarknoten zu erstellen, und benennen Sie sie in „Linethickness“, „SquareBase“ und „LineMult“ um.1. Ziehen Sie den Pin LineThickness heraus, suchen und wählen Sie dann Multiply aus der Liste aus.
Verbinden Sie den Output LineMult mit dem B-Pin des „Multiply“-Knotens und legen Sie den Wert auf 0,1 fest.
Ziehen Sie den Pin SquareBase heraus, suchen Sie dann Subtract und wählen Sie es aus der Liste aus.
Verbinden Sie den Output des Knotens Multiply mit dem B-Wert des Knotens „Subtract“.
Verbinden Sie den Output-Pin von „Subtract“ mit den Werten Width und Height des Knotens Shape.
Wählen Sie alle Knoten aus und erstellen Sie um sie herum ein neues Kommentarfeld, um Ihr Diagramm besser organisieren zu können.

Erstellen von Pfeilen

Um die Ausrichtung des Musters zu bestimmen, können Sie einige Pfeile in der Mitte jedes Quadrats hinzufügen.

Um dieses letzte Element hinzuzufügen, folgen Sie diesen Schritten:

Klicken Sie mit der rechten Maustaste in das Diagramm, suchen und wählen Sie dann Shape aus. Wiederholen Sie diesen Schritt, um zwei „Shape“-Knoten zu erstellen.
Legen Sie die Form des ersten Knotens auf Triangle und dann „Width“ auf 0,6 fest.
Ziehen Sie den Output-Pin heraus, suchen und wählen Sie dann Transform aus. Legen Sie den Wert für Offset auf 0,0, 0,05 fest.
Legen Sie den zweiten „Shape“-Knoten auf Rectangle fest und stellen Sie „Width“ auf 0,1 und „Height“ auf 0,4 ein.
Ziehen Sie den Output-Pin heraus, suchen und wählen Sie dann „Transform“ aus. Legen Sie den Wert Offset auf 0,0, 0,8 fest.
Klicken Sie mit der rechten Maustaste in das Diagramm, suchen Sie dann und wählen Sie Add aus. Verbinden Sie die Output-Pins der „Transform“-Knoten mit dem „Add“-Knoten.
Wählen Sie den Knoten Add aus und klicken Sie dann im Vorschaufenster auf das Schloss-Symbol. Dieses Symbol sperrt die Vorschau auf den Knoten, selbst wenn Sie andere Knoten auswählen. Mit der Sperrvorschau können Sie die Transformationswerte bearbeiten und das Endergebnis anzeigen.
Transformieren Sie die einzelne Pfeilformen in unsere Standard-Kachelbasis mit 4 Quadraten. Ziehen Sie dazu den Output-Pin aus dem Knoten Add heraus, suchen und wählen Sie dann Transform aus.
Legen Sie im Knoten „Transform“ den Wert Repeat auf 2,0, 2,0 fest.
Deaktivieren Sie das Schloss in der Vorschau, um Vorschauen für andere Knoten zu sehen.
Die Pfeile sind etwas zu groß. Legen Sie den Zoom-Wert auf -0,1 fest, um jede wiederholte Kachel zu skalieren. Ein negativer Wert zoomt heraus, was zu einem kleineren Pfeil führt.
Das Herauszoomen zeigt den leeren Bereich zwischen den einzelnen Kacheln an. Klicken Sie im Details-Panel auf den Wert Fill Color und legen Sie den Wert A (Alpha) auf 1 fest. Die Farbe ist standardmäßig bereits auf schwarz festgelegt. Durch die Anpassung dieser Werte wird eine solide Maske erstellt.
Wählen Sie alle Knoten aus und erstellen Sie um sie herum ein neues Kommentarfeld, um Ihr Diagramm besser organisieren zu können.

Verbinden von Komponenten und Hinzufügen von Farbe

Sie verfügen jetzt über die grundlegenden Bausteine, um ein skalierbares Schachbrettmuster zu erstellen. Sie können weitere Steuerelemente ähnlich der Rasterliniensektion hinzufügen, um das Muster für die zukünftige Verwendung anzupassen.

Beginne mit dem wichtigsten Element, mit der Farbe des Schachbretts. Ziehen Sie 2 Farbknoten aus der Knotenpalette.
Benennen Sie die Knoten in „CheckerColorA“ und „CheckerColorB“ um.
Passen Sie die Knoten Color im Details-Panel an die gewünschten Schachbrettfarben an.
Ziehen Sie aus CheckerColorA den Output-Pin heraus, suchen und wählen Sie dann Blend aus. Knoten sind mächtige Funktion mit vielen Funktionen für komplexe Mischoperationen. Behalten Sie für dieses Beispiel die Standardeinstellungen bei.
Verbinden Sie den Output-Pin von CheckerColorB mit dem Wert Backgroundt des „Blend“-Knotens.
Ziehen Sie aus dem Output-Pin des Add-Knotens in Ihrem Schachbrettblock einen neuen Transform-Knoten heraus.
Erstellen Sie einen neuen Scalar-Knoten und benennen Sie ihn in „CheckerRepeat“ um.
Setze den Wert von CheckerRepeat auf 2,0.
Verbinden Sie den Output-Pin von CheckerRepeat mit dem Repeat-Pin des neu erstellten „Transform“-Knotens. Der einzelne Skalar-Input gilt sowohl für X- als auch für Y-Wiederholungswerte.
Verbinden Sie den Output-Pin des Transform-Knotens mit dem Mask-Wert des „Blend“-Knotens.

Rasterlinienfarbe

Sie können einen ähnlichen Workflow für Ihre Rasterlinien wiederholen. Sie verfügen bereits über Steuerelemente für die Linienstärke und Rundung, aber keine Einstellung für Ihre Linienfarbe.

Erstellen Sie einen neuen Color-Knoten und benennen Sie ihn in „LineColor“ um.
Passen Sie den LineColor-Knoten im Details-Panel auf Ihre gewünschte Farbe an.
Ziehen Sie den Output-Pin des Knotens LineColor heraus, suchen und wählen Sie dann Blend aus.
Verbinden Sie den Output-Pin unseres vorherigen Schachbrett-„Blend“-Knotens mit dem Input Background des neuen „Blend“-Knotens.
Ziehen Sie im Kommentarfeld „GridLines“ den Output-Pin des Knotens Invert heraus, suchen Sie dann nach Transform und wählen Sie es aus.
Verbinden Sie den Knoten CheckerRepeat mit dem Input Repeat des neuen „Transform“-Knotens. Sie können einen Output-Pin mehrfach verwenden.
Verbinden Sie den Output-Pin des Transform-Knotens mit dem Mask-Input des neuen „Blend“-Knotens.

Pfeilfarbe

Wiederholen Sie diesen Vorgang, um Ihre Pfeile über dem Schachbrettmuster hinzuzufügen.

Erstelle einen Farbknoten und nenne ihn „ArrowColor“.
Passen Sie den Knoten ArrowColor im Details-Panel an die gewünschte Farbe an.
Ziehen Sie den Output-Pin des ArrowColor-Knotens heraus, suchen und wählen Sie dann Blend aus.
Verbinden Sie den Output-Pin unseres vorherigen Schachbrett-„Blend“-Knotens mit dem Input Background des neuen „Blend“-Knotens.
Ziehen Sie im Kommentarfeld „Arrow“ den Output-Pin des Transform-Knotens heraus, suchen und wählen Sie dann Transform aus.
Verbinden Sie den Knoten CheckerRepeat mit dem Input Repeat des neuen „Transform“-Knotens.
Verbinden Sie den Output-Pin des Transform-Knotens mit dem Mask-Input des neuen „Blend“-Knotens.
Ziehen Sie den Output-Pin des „Blend“-Knotens heraus, suchen und wählen Sie dann Output aus. Benennen Sie den Output-Knoten in „BaseColorOutput“ um.

Outputs und Exportieren

Der Output-Knoten verfügt über Einstellungen für allgemeine Texturattribute sowie den Output-Namen, den Ordnerpfad und die Auflösung.

Sie können mehrere Outputs zu einem einzigen Diagramm hinzufügen. Dieser Workflow ist beim Erstellen komplexerer Textursätze für Materialien nützlich, die eine Farb-, Rauheits-, Normal- und metallische Karte erfordern.

Um mehrere Output-Typen einzurichten, befolgen Sie diese Schritte:

Ziehen Sie im Kommentarfeld „GridLines“ den Output-Pin des Knotens Transform heraus, suchen und wählen Sie dann BrightnessContrast aus.
Passen Sie die Helligkeit auf 0,5 an, um ein abgeflachteres Graustufenbild zu erstellen.
Ziehen Sie den Output des „BrightnessContrast“-Knotens heraus, um einen neuen Output-Knoten zu erstellen. Benennen Sie den Knoten in „RoughnessOutput“ um.
Ziehen Sie aus dem vorherigen „Transform“-Knoten den Output-Pin heraus, suchen und wählen Sie dann NormalFromHeightMap aus.
Ziehen Sie den Output des Knotens NormalFromHeightMap heraus, um einen neuen Output-Knoten zu erstellen. Benennen Sie den Knoten in „NormalOutput“ um.
Passen Sie die Output-Namen und Komprimierungseinstellungen für jeden Output-Knoten an.
Klicken Sie in der Hauptmenüleiste auf Export.

Das Exportfenster wird geöffnet und zeigt die Output-Knoten als potenzielle Maps zum Output an. Sie können diese auswählen oder die Auswahl aufheben, um je nach Bedarf eine oder alle Maps zu iterieren. Klicken Sie im Fenster auf Export, um die neue Textur-Map zu erstellen.

Sie können den „Texture Graph Editor“ für eine breite Palette von Textur-Workflows verwenden, von grundlegenden Änderungen an vorhandenen Texturen über das Erstellen neuer Texturen bis hin zum Paketieren, Atlasisieren oder Kombinieren mit Blueprints. Sie können Texturdiagramme als Pipeline-Dienstprogramme verwenden, um bei allgemeinen Prozessen zu helfen.