2D Platformer mit UE4 Teil 1: Tilesets Tilemaps

Was ich mit diesem kleinen Spiel (Prototyp) erreichen möchte:

• Ein spielbares 2D Platformer Spiel als Minimum Viable Product entwickeln (Extra Credits Video)
• Schlüsselmechaniken erlernen und Features auf die kleinste Funktion herunterbrechen
• Einstieg in Blueprint Scripting als visuelle C++ Darstellung
• Komponenten bauen, die in zukünftigen Projekten verwendet werden können

Teil 1: Projektstart, Tileset und Tilemap-Setup

Wenn Sie die Unreal Engine 4.8+ noch nicht installiert haben, holen Sie sie sich! Diese Version bringt eine Menge neuer Funktionen und Verbesserungen im Paper2D-Plugin. Das Wichtigste: Tileset und Tilemap Editor mit Kollisionen. Starten Sie ein neues leeres Projekt ohne Startinhalt.

Außerdem hilfreich:

• Erstelle zunächst einen Basisordner für alles, was mit deinem Projekt zu tun hat, nicht nur die UE4-Projektdaten
• Richte ein Versionskontrollsystem für den UE4-Ordner ein (Git, SVN, Perforce)
• Erstelle eine Art ToDo-Liste, um deine Ideen und Ressourcen festzuhalten (ich benutze Trello)

Besorge dir etwas Game Art, um damit zu beginnen

Wenn du ein Entwickler wie ich und kein Künstler bist, ist Open Game Art eine gute Quelle, um ein paar schöne Inhalte für den Anfang zu bekommen. Schauen Sie sich einfach ein paar dieser Tilesets für Ihre eigene Spielidee an. Denken Sie daran, die Lizenz zu beachten, unter der die Autoren ihre Sachen veröffentlicht haben. Für mich ist das Burg-Tileset ein guter Platzhalter und könnte sogar für die Fertigstellung des Spiels verwendet werden. Es ist sowieso mehr ein Prototyp… 🙂

Wenn du mehr über die Erstellung deines eigenen Tilesets wissen willst, schau dir dieses (lange) Tutorial von Orianart an.

Importiere das 2D Platformer Tileset(s)

So lasst uns anfangen:

• Importiere das Tileset als normale Textur (in den Dateidialog ziehen oder öffnen)
• Rechts-auf die Textur klicken und unter Sprite Actions „Apply Paper2D Texture Settings“
• dann mit der Sprite Action „Create Tile Set“

Im Tileset Editor werden die Kachelgrößen und Kollisionen für diese Textur festgelegt. Sie müssen die Größe jeder Kachel kennen (z.B. 16x16px, 32x32px usw.).

Markieren Sie jede Kachel, die einen Kollisionsrand erhalten soll. In den meisten Fällen können Sie den Boxed Collider verwenden und die gesamte Kachel ausfüllen. Sie können aber auch einzelne Kollider mit dem Polygonwerkzeug erstellen. Snap to Pixel ist hilfreich, da der Editor eine viel höhere Auflösung hat als Ihre Pixelgrafik.

Erstellen Sie auf diese Weise alle Assets für Ihre Hintergründe und Plattformen, da wir im nächsten Schritt den Tilemap-Editor verwenden werden, um unseren Level zu bauen.

Tilemap – Der erste Testlevel

Mit einem konfigurierten Tileset können wir beginnen, unseren ersten Level auszublocken *exited*. Erstellen Sie eine neue Tilemap und fangen Sie an zu „malen“, was Sie wollen. Wenn du noch keine Ideen hast, mach dir keine Sorgen. Platziere einfach ein paar Plattformen, Gruben und andere Platzhalter, damit ein Charakter später herumlaufen kann.

Auf der linken Seite wählst du das Tileset, das du verwenden möchtest. Auf der rechten Seite (auf diesem Bild nicht zu sehen) stellt man die wichtigen Parameter für diese Kacheln ein. Als Material verwende ich einfach das unbeleuchtete, maskierte Sprite-Material aus dem Paper2D-Plugin-Content, da wir (noch) kein Licht-Setup verwenden, und einen Pixel-pro-Einheit-Wert von 0,32.

Rechts oben befindet sich das Layer-Setup. Mit diesen Ebenen kannst du deine Kacheln positionieren und Hintergrund-, Mittel- und Vordergrundelemente (Plattform) erstellen. Wenn du den Hintergrund malst, kannst du die Kollisionen für diese Ebene komplett deaktivieren.

Für weitere Infos zur Verwendung des Tilemap-Editors, schau dir das folgende Video von DokipenTechTutorials an. Es hat mir sehr geholfen, eine schnelle Einführung zu bekommen. Aber denken Sie daran, dass es für die experimentellen Funktionen der UE4.7 Version erstellt wurde, die noch keine Kollisionen beinhaltete.

Abschluss

Jetzt haben wir eine einfache Test-Level-Map, um die Dinge zu beginnen. Wir können sie in das Ansichtsfenster ziehen und auf die vordere Kamera ausrichten. Die Position sollte auf der Null-Y-Achse sein. Ich werde später darauf zurückkommen, wenn ich tatsächlich die Levels entwerfe. Im Moment werde ich mich darauf konzentrieren, die Spielfunktionen in diesen Testaufbau einzubauen, so dass ein „Level-Designer“ auf meinen Komponenten aufbauen kann. Naja, am Ende werde ich sowieso der Leveldesigner sein – aber träumen ist ja nicht verboten 😉

Im nächsten Post geht es um die Erstellung unseres Spielercharakters und wie man anfängt, herumzulaufen!

Be a part of the Journey

Tretet meiner Mailingliste bei, um die neuesten Updates zu erhalten und mit mir in Kontakt zu bleiben. Ich freue mich über jeden Leser (^.^)b Oder folgen Sie mir auf Twitter: @GamedevCala

Sie haben sich erfolgreich angemeldet!