Happy Harvest Demo: Sehen Sie die neuesten 2D-Techniken

Der Innovationskraft der heutigen 2D-Spiele sind keine Grenzen gesetzt. Angesichts der vielen kreativen Möglichkeiten und der Weiterentwicklung von Unitys 2D-Rendering und -Werkzeugen werden wir Sie über die besten Praktiken für die Entwicklung von 2D-Spielen in Unity auf dem Laufenden halten.

Happy Harvest, das jetzt im Unity Asset Store und bei den Unity Samples erhältlich ist, zeigt Entwicklern, wie sie die neuesten Möglichkeiten zur Erstellung von 2D-Lichtern, Schatten und Spezialeffekten mit der Universal Render Pipeline (URP) in Unity 2022 LTS nutzen können. Es enthält bewährte Praktiken, die jeder 2D-Entwickler anwenden kann, wie z. B. keine Schatten in ein Sprite zu backen, Sprites flach zu halten, Schatten- und Volumeninformationen auf sekundäre Texturen zu verschieben, erweiterte Tilemap-Funktionen und vieles mehr.

Happy Harvest ist eine Top-Down-Demo mit fröhlicher Cartoon-Grafik. Die Probe führt Sie durch einen Tag im Leben eines fleißigen Bauern. Er verlässt sein Bauernhaus und geht über die von Laternen beleuchteten Kopfsteinpflasterwege. Er baut Weizen, Karotten und Mais an, pflückt Äpfel und füttert seine Schweine und Kühe. Sein Hof ist mit Teichen übersät, im hinteren Teil befindet sich eine Scheune, und alles ist von grünen Kiefern umgeben.

Die Top-Down-Perspektive bringt Herausforderungen mit sich, z. B. die Projektion der Figur, die Verwaltung überlappender Objekte und die fantasievolle Erstellung von Schatten. Diese wurden mit Hilfe der in Unity 2022 LTS enthaltenen Funktionen für Schatten, Sprite-Bibliotheken und Tilemap 2D behandelt.

Alle diese Elemente können Sie kostenlos in Ihren persönlichen oder kommerziellen Projekten verwenden, und Sie können die Demo auch mit Ihren eigenen Ideen verändern. Laden Sie es noch heute herunter und beginnen Sie mit der Erkundung dieser bukolischen Szene und ihrer vielen Details.

Die Demo wird von einer Sammlung von Lehrartikeln begleitet. Diese technischen Anleitungen helfen Ihnen zu verstehen, wie die Lichter, Schatten, die Umgebung und die Animationen erstellt wurden, so dass Sie die gleichen Schritte in Ihrem eigenen 2D-Projekt verwenden können.

Die folgenden Seiten sind mit der Demo verfügbar:

• 2D-Light and Shadows-Techniken in URP
• Wie man Kunst und Gameplay mit 2D-Kachelkarten erstellt
• Wie man 2D-Charaktere in Unity 2022 LTS animiert
• Erstellen von 2D-Spezialeffekten in Unity mit dem VFX Graph und dem Shader Graph

Sie finden diese Artikel in der Beschreibung auf der Unity Asset Store Seite und im In-Editor-Tutorial-Fenster in der Demo. Außerdem können Sie jedes Skript in Unity Samples in der Vorschau betrachten, um die empfohlenen Richtlinien und die Codierungsstruktur für ein 2D-Spiel besser zu verstehen.

Schauen wir uns kurz an, was Sie auf den einzelnen Seiten erfahren werden.

In Happy Harvest gibt es viele niedliche Details, von Feldern mit reifem Mais und goldenem Weizen bis hin zu sanft schwankenden Laternen und dem rot beschatteten Bauernhaus. Aber es sind die Beleuchtung und die Schatten, die den größten Teil dieser gemütlichen Welt ausmachen, mit einem flächendeckenden Leuchten und Schatten am späten Nachmittag.

Indem Sie Licht- und Schatteninformationen in separate Texturen verschieben (was einige zusätzliche Schritte bei der Grafikerstellung erfordert), können Sie optimierte 2D-Lichter und -Schatten in Echtzeit erstellen.

Lesen Sie den Artikel "2D-Licht- und Schattentechniken mit der Universal Render Pipeline", um zu erfahren, wie das geht:

• Erstellen Sie Normalmaps und Maskenmaps (sekundäre Texturen) und arbeiten Sie damit, um Details wie die Randbeleuchtung der Hauptfigur, Fässer, Laternenpfähle und andere Requisiten hinzuzufügen.
• Verwenden Sie Umgebungs- und Spotbeleuchtung, um die Stimmung mit Tönungen und Effekten, die die Bewegung der Sonne im Laufe des Tages nachahmen, festzulegen.
• Erzeugen Sie die Illusion von Volumen, wie bei den Effekten für die Büsche, indem Sie Normal Maps für die Lichter aktivieren.
• Erstellen Sie mit dem Shadow Caster Schatten für jede Form und Tageszeit mit Blob-Schatten und unendlichen Schatten.
• Kontrollieren Sie den Lauf der Zeit und den Wechsel des Lichts mit einem Tag-zu-Nacht-Skript.
• Optimieren Sie Ihre 2D-Lichter mit den Tipps des Unity-Teams.

Was haben die Kopfsteinpflasterwege, die Teiche, das Gras und der Wald im Hintergrund gemeinsam? Sie wurden alle mit dem Tilemap-System von Unity erstellt, mit dem man eine Spielwelt mit Kacheln - kleinen Sprites, die auf einem Raster angeordnet sind - erstellen kann. Anstatt ein Level als ein einziges großes Bild zu gestalten, können Sie es in ziegelsteinähnliche Teile aufteilen, die sich in einem ganzen Level wiederholen.

Tilemaps können helfen, Zeit bei der Kunsterstellung sowie Speicher- und CPU-Leistung zu sparen. Dies liegt daran, dass Kacheln von einem speziellen Renderer gerendert werden können und die Kacheln, die nicht auf dem Bildschirm sichtbar sind, deaktiviert werden können. Ein Pinselwerkzeug ermöglicht das effiziente Malen von Kacheln auf einem Raster, und sie können mit Skripten versehen werden, um Malregeln zu verwenden. Außerdem verfügen sie über eine automatische Kollisionserzeugung für effizienteres Testen und Bearbeiten. Außerdem können Sie GameObjects platzieren oder die API für die Spiellogik verwenden.

Tipps zur Verwendung des Tilemap-Systems finden Sie im Artikel "Erstellen von Kunst und Gameplay mit 2D-Tilemaps in Unity", einschließlich der Vorgehensweise:

• Verwenden Sie sekundäre Texturen für Tilemaps: Jede Kachelkarte im Beispiel hat Gegenstücke, die Normal Map- und Mask Map-Texturen genannt werden, die die gleichen Abmessungen und das gleiche Layout haben, aber für die Darstellung der Beleuchtung gemalt werden.
• Verwenden Sie die Funktion "Regelkacheln", die Teil des Pakets 2D Tilemap Extras ist. Dieses Paket enthält wiederverwendbare 2D- und Tilemap-Editor-Skripte, die Sie in Ihren eigenen Projekten und als Grundlage für eigene Pinsel und Kacheln verwenden können.
• Organisieren Sie Kacheln in Ihrer Projekthierarchie:
• Im Beispiel sind die Kacheln alle in einem GameObject namens Grid enthalten.
• Wir haben so wenige Tilemaps wie möglich innerhalb des Rasters erstellt, um überlappende Pixel zu vermeiden und die Überzeichnung gering zu halten.
• Verwenden Sie die Tilemap API so, wie sie im Beispiel verwendet wurde.

Mit seinen hochgekrempelten Ärmeln und der Pompadour-Frisur ist der Bauer in Happy Harvest bereit zur Arbeit. Damit er sich in der Szene bewegen kann, haben wir Techniken wie das Rigging seines Gesichts verwendet, um verschiedene Ausdrücke zu erzeugen, Sprite-Bibliotheken für Charaktervariationen und Sprite-Swap, um während der Animation zwischen Sprites zu wechseln, die mit demselben Bone verbunden sind.

Im Artikel "2D-Charaktere und Animationen in Happy Harvest" gehen wir auf diese und andere Techniken ein, die zur Erstellung der Animationen verwendet werden. Sie erhalten Tipps, wie Sie:

• Zeichnen und animieren Sie Figuren aus verschiedenen Blickwinkeln, um eine Top-Down-Perspektive zu erreichen. In Happy Harvest wird eine gut aussehende Optik mit vier Richtungen erreicht.
• Arbeiten Sie mit Skelettanimation in Unity unter Verwendung der Pakete 2D Animation und PSD Importer. Diese ermöglichen es Ihnen, Ihr Charakter-Artwork direkt aus Photoshop in Unity zu importieren, indem Sie alle Ebenen des Charakters als Sprites importieren und sie genau so platzieren, wie sie in der App gemalt wurden.
• Richte eine Figur im Sprite-Editor ein.
• Verbinden Sie Sprites mit Bones, Geometrie und Gewichten.
• Verwenden Sie den Sprite Library Editor und den Sprite Swap, um andere Arten von Animationen als die, die mit Bone-Rotationen erreicht werden können, zu verwalten. Dazu gehören auch Gesichtsausdrücke, wenn die Figur die Richtung ändert, in die sie blickt.
• Verwenden Sie das Werkzeug 2D Inverse Kinematik (2D IK), das Teil des Pakets 2D Animation ist. Sie berechnet die Drehungen und ermöglicht es einer Kette von Knochen, sie in die Zielpositionen zu bewegen.

Die Pflanzen des Landwirts brauchen sowohl Sonne als auch Regen. Zum Glück regnet es am Abend, und unser fleißiger Bauer kann sich in sein kleines Haus mit einem gemütlichen Feuer im Kamin zurückziehen.

In Unity gibt es verschiedene Möglichkeiten, solche 2D-Visualisierungseffekte zu erstellen. Sie können eine Explosion Frame für Frame animieren oder Partikel und Wolken-Sprites erzeugen. Verwenden Sie das eingebaute Partikelsystem für das Spawnen von Partikeln auf der CPU. Alternativ können Sie die GPU nutzen und den VFX Graph und den Shader Graph verwenden, um Millionen von Partikeln zu erzeugen oder Post-Processing-Effekte mit URP Volumes anzuwenden.

Im Artikel "2D-Spezialeffekte mit dem VFX-Graph und dem Shader-Graph" erfahren Sie mehr über die verschiedenen Techniken, die zur Erstellung der Spezialeffekte in Happy Harvest verwendet werden, einschließlich:

• Einfache Partikeleffekte, die mit dem integrierten Partikelsystem erstellt werden, wie z. B. herabfallende Blätter von den Büschen oder die Fußabdrücke des Bauern
• Daumenkino-Partikel, um mit dem integrierten Partikelsystem nachts Motten um die Lampen herum zu erzeugen, oder Wasserspritzer aus dem Regen, die vom VFX-Graph erzeugt werden
• Gemeinsame Effekte wie ein Shader, der auf die Wasserkacheln angewendet wird, um die Wellen zu bewegen, das Feuer im Kamin und der Rauch aus dem Schornstein
• Wettereffekte wie Regen und Donner aus dem VFX Graph - die Regenpartikel verwenden den 2D Lit Shader, so dass sie sich gut in die Umgebung einfügen und auf Lichter reagieren
• Shader, um die Bäume und andere Vegetation zu bewegen und eine leichte Brise zu simulieren
• Tint- und Bloom-Effekte, die auf die gesamte Szene angewendet werden, um eine warme, fröhliche Stimmung zu erzeugen

Erfahren Sie mehr über die Erstellung visueller Effekte in unserem E-Book Die endgültige Anleitung zur Erstellung fortgeschrittener visueller Effekte in Unity. Das E-Book bietet einen vollständigen Überblick über die Verwendung der Authoring-Tools für visuelle Effekte in Unity, um fortgeschrittene Effekte zu erstellen, darunter Wasser und Flüssigkeiten, Rauch, Feuer, Explosionen, Wetter, Aufprall, Magie, Elektrizität und vieles mehr.

Happy Harvest ist eine Spielwiese für 2D-Entwickler, die sich neue visuelle Techniken in Unity aneignen wollen. Erweitern Sie das Beispiel, verwenden Sie seine Elemente und Skripte in Ihren eigenen Projekten und testen Sie es auf Ihren mobilen und Desktop-Geräten. Dieses Beispiel und der dazugehörige Inhalt sind so konzipiert, dass sie nützliche Tipps für jeden bieten, vom Anfänger bis zum erfahrenen 2D-Entwickler. Frohes Ernten!

Falls Sie es noch nicht getan haben, sollten Sie diese fortgeschrittenen E-Books herunterladen, die sowohl die Entwicklung von 2D-Spielen als auch das Rendering und visuelle Effekte (3D und 2D) in Unity behandeln:

• 2D-Grafik, Animation und Beleuchtung für Künstler
• Einführung in die Universal Render Pipeline für fortgeschrittene Unity-Entwickler
• Der definitive Leitfaden zur Beleuchtung in der High Definition Render Pipeline in Unity
• Das definitive Handbuch zur Erstellung fortgeschrittener visueller Effekte in Unity

Außerdem kannst du dir unsere anderen 2D-Demos ansehen, Die verlorene Krypta und Drachen-Crasher.

Viele weitere Ressourcen für fortgeschrittene Programmierer, Künstler, technische Zeichner und Designer finden Sie im Unity Best Practices Hub.

Haben Sie ein Feedback? Bitte teilen Sie Ihre Meinung zur Demo im entsprechenden Forum mit.