Offene Betaversion von Unity AI: Erstellen einer Benutzeroberfläche mit dem UI Generator
Der heutige Beitrag in unserer Unity AI Open Beta-Serie zeigt Ihnen, wie Sie mit den im Editor integrierten Funktionen zur Sprite- und Texturgenerierung schneller Prototypen von UI-Layouts erstellen können.
Das Prototyping der Benutzeroberfläche eines Spiels kann eine mühsame Aufgabe sein. Wahrscheinlich möchten Sie Platzhaltergrafiken für Prototypen verwenden, bevor das eigentliche Design fertig ist, aber das Erstellen von Wegwerfelementen nimmt immer noch Zeit in Anspruch — und Boxen und Rechtecke mit geringer Genauigkeit sagen nur wenig darüber aus, wie sich ein Layout anfühlt.
Die Generatoren von Unity AI ändern das. Mit dem Sprite Generator und dem Texture Generator, die zusammen mit dem Unity AI Assistant verwendet werden, können Sie Benutzeroberflächen-Platzhalter aus Texteingaben direkt im Editor erstellen — so können Sie eine echte Benutzeroberfläche mit echt aussehenden Designs entwerfen, bevor ein einziges endgültiges Kunstwerk entsteht.
Was ist der UI Generator von Unity AI?
Der UI Generator ist kein einzelnes Tool — er ist ein Workflow, der zwei Asset-Generatoren von Unity AI mit dem KI-Assistenten kombiniert, um schnell UI-fähige Inhalte zu erstellen:
- Der Sprite Generator dient zum Generieren diskreter 2D-Sprite-Assets wie Symbole, Charaktere, Gegenstände, Abziehbilder, Porträts und UI-Grafiken.
- Texture2D Generator dient zum Generieren allgemeiner 2D-Bild-/Textur-Assets wie Hintergründe, Werbetafeln, Panelfüllungen, Hintergründe oder Bilder, die auf Materialien und Oberflächen verwendet werden. Verwenden Sie für nahtlose physische Oberflächenmaterialien stattdessen den Materialgenerator.
Beide Generatoren sind im Unity Editor als Teil der Unity AI-Suite verfügbar. Die von ihnen erstellten Assets werden im Assets-Ordner Ihres Projekts gespeichert und mit eingebetteten Metadaten versehen, die sie als KI-generiert kennzeichnen, sodass Sie sie später finden und gegen das endgültige Kunstwerk austauschen können.
Sprite-Generator
Der Sprite Generator erzeugt 2D-Bilder aus Beschreibungen in natürlicher Sprache. Sie beschreiben, was Sie wollen, wählen ein Stilmodell aus und der Generator gibt ein Sprite zurück, das Sie direkt zu Ihrer UI-Canvas hinzufügen können.
Was du kontrollieren kannst
- Aufforderung: Beschreiben Sie das Asset in einfachem Englisch: „Gesundheitsleistensymbol, Pixelkunststil, rotes Herz“
- Stilmodell: Wählen Sie aus vortrainierten Modellen, die verschiedene Kunststile wie Pixelkunst, Anime, Konzeptkunst und mehr abdecken
- Negative Aufforderung: Unerwünschte Elemente ausschließen: „kein Text, kein Rand, kein Hintergrund“
- Referenzbild: Geben Sie ein vorhandenes Bild an, um den Ausgabestil oder die Zeichenkonsistenz zu bestimmen
Generierte Sprites werden im Editor als KI-generiert markiert. Sie funktionieren wie jedes andere Sprite in Unity — weisen Sie sie Image-Komponenten zu, verwenden Sie sie in Sprite-Atlanten oder referenzieren Sie sie im Code.
Texturgenerator
Der Texturgenerator erzeugt Bilder, die sich als UI-Hintergründe, Panelfüllungen und Oberflächentexturen eignen. Er folgt demselben auf Eingabeaufforderungen basierenden Arbeitsablauf wie der Sprite Generator und erzeugt Assets, die direkt in Ihr Projekt übernommen werden.
Für die Arbeit mit der Benutzeroberfläche ist dies am nützlichsten für:
- Hintergrundpaneele: „dunkle Steinstruktur, Fantasy-RPG-Stil, kachelbar“
- HUD-Füllungen: „Gebürstetes Metall, dunkler, subtiler Farbverlauf, Science-Fiction“
- Benutzeroberflächen in der Welt: „abgenutztes Pergament, gealtert, mit schwachen Kartenmarkierungen“
Der Prototyping-Workflow
So passen die Sprite- und Texturgeneratoren in eine echte UI-Prototyping-Sitzung:
1. Richten Sie Ihr uGui Canvas- oder UI Toolkit-Dokument ein
Das Tooling unterstützt sowohl uGUI als auch UI Toolkit. Die Arbeitsabläufe sind sehr ähnlich. Mit uGUI möchten Sie also zunächst ein UI-Canvas erstellen und Ihr Layout mit den Standard-UI-Komponenten von Unity — Bild, Text, Button — ausarbeiten. Verwenden Sie Platzhalterfarben oder weiße Felder, um die Struktur zu definieren.
2. Generieren Sie Ihre Sprite-Assets
Öffnen Sie den Sprite Generator über das Unity AI-Menü. Schreiben Sie für jedes UI-Element, das ein Symbol oder Bild benötigt, eine Eingabeaufforderung, in der es beschrieben wird, und wählen Sie Ihren Stil aus. Laden Sie jedes generierte Sprite herunter und weisen Sie es der entsprechenden Image-Komponente zu.
3. Generieren Sie Hintergrundtexturen
Verwenden Sie den Texturgenerator für Panels und Hintergründe. Beschreiben Sie den gewünschten visuellen Stil und wenden Sie die generierte Textur als Sprite- oder Texturreferenz auf Ihre Image- oder RawImage-Komponenten an.
4. Verwenden Sie den Unity AI Assistant, um es zu verkabeln
Wechseln Sie zum Unity AI Assistant und bitten Sie ihn, Ihnen bei der Verkabelung der Benutzeroberfläche zu helfen — indem Sie Schaltflächenereignisse verbinden, Layoutgruppen einrichten oder ein Skript schreiben, um eine Liste dynamisch zu füllen. Der Unity AI Assistant kennt Ihre Canvas-Struktur und kann direkt auf Ihre Szene einwirken.
5. Iteriere schnell
Regenerieren Sie jedes Asset, das nicht richtig aussieht. Da der Arbeitsablauf auf Eingabeaufforderungen basiert, können Sie in Sekundenschnelle eine neue Version erstellen und diese austauschen, ohne Ihr Layout zu stören.
Verwaltung von KI-generierten Assets
Alle von Unity AI Generators erstellten Assets enthalten eingebettete Metadaten, die sie als KI-generiert kennzeichnen. Dadurch sind sie leicht zu finden und zu filtern, wenn das Projekt wächst. Sie können im Projektfenster nach KI-generierten Assets suchen und sie systematisch durch endgültige Grafiken ersetzen.
Generatoren können im Unity Dashboard vollständig deaktiviert werden, wenn Sie den Unity AI Assistant ohne Asset-Generierung verwenden möchten. Sie sind dafür verantwortlich, die Nutzungsrechte für generierte Inhalte zu überprüfen und die entsprechenden Erklärungen abzugeben, wenn Sie Ihr Projekt in App Stores und anderen digitalen Storefronts wie Steam einreichen.
Mehr zu Unity AI
Wenn Sie mehr darüber erfahren möchten, was in der Unity AI Open Beta verfügbar ist, laden wir Sie ein, weitere Artikel in dieser Reihe zu lesen:
Testen Sie Unity AI noch heute
Die offene Betaversion von Unity AI ist jetzt für alle Unity 6-Entwickler verfügbar. Melden Sie sich für eine kostenlose Testversion an, erkunden Sie den Unity AI Assistant, verbinden Sie Ihre bevorzugten Tools über das Unity AI Gateway und experimentieren Sie mit einem integrierten projektsensitiven KI-Agenten, wie Ihr Entwicklungsworkflow aussieht.
Melde dich an und erfahre mehr über Tarife, Preise und Datenschutz auf unity.com/features/ai
Die vollständige Dokumentation ist in den Unity AI-Dokumenten verfügbar, die im Editor verlinkt sind, oder unter docs.unity3d.com.
Unity AI Assistant befindet sich derzeit in der offenen Betaversion. Daher befinden sich die in diesem Beitrag beschriebenen Funktionen, Verhalten und Verfügbarkeit in der aktiven Entwicklung und können ohne vorherige Ankündigung geändert, eingeschränkt oder eingestellt werden.