Sprites für Metroidvanias
Ein Metroidvania ist ein Platformer mit einer Karte zum Erkunden und einem Helden, der neue Moves lernt. Das heißt: eine lange Liste von Actions für eine Figur und viele Gegner, die wie aus einer Welt aussehen müssen.
| Ansicht | Seite |
|---|---|
| Größe | Figuren mit 48–64 px |
| Seiten | 1 (gespiegelt) |
Beispielprojekt
Platformer-Figur in Seitenansicht: das .pixor-Projekt und sein Bibliotheksmodell (CC0). Links siehst du das Sheet, das es rendert.
Was ein Metroidvania braucht
Der Held trägt das Spiel. Über Idle, Gehen, Laufen, Springen, Fallen, Angriff, Treffer und Tod hinaus kommen in einem Metroidvania mit der Zeit Moves dazu: ein Dash, ein Wall-Slide, ein Doppelsprung, ein Ground-Slam, ein Ducken. Jeder ist eine weitere Action derselben Figur.
Dann kommen die Gegner. Jedes Gebiet bringt neue, oft ein Dutzend pro Zone, dazu Bosse. Rechne Türen, Hebel, Speicherpunkte, zerstörbare Wände, Gefahren und Pickups dazu, und die Sprite-Liste wird lang. Das alles in einem Stil zu halten, ist der Großteil der Arbeit.
Die Kamera
Nutze eine Seitenansicht ohne Neigung. Eine Kamera mit Blick nach rechts (Osten) reicht für die meisten Figuren; die Engine spiegelt sie für links. Nicht symmetrische Figuren können zusätzlich eine West-Kamera haben.
Mit 48 bis 64 px hat der Held Platz für klare Posen; das zählt, wenn der Spieler in wenigen Frames einen Dash von einem Sprung unterscheiden muss. Bosse können zwei- oder dreimal so groß sein. Sprite-Größen geht die Abwägungen durch.
Maßstab und Pivot
Nutze für das ganze Projekt einen einzigen Maßstab in Pixeln pro Meter. Ein Boss ist groß, weil sein Modell groß ist, und eine Fledermaus daneben bleibt klein. Pixor hält einen Maßstab pro Projekt, das gilt also auch, wenn Sprites Monate auseinander entstehen.
Setz den Pivot an die Füße. Pixor fixiert den Pivot auf einen Pixel, sodass Landen, Ducken und Angreifen alle auf dem Boden bleiben. Rendere Moves auf der Stelle und lass das Spiel die Figur bewegen; trägt ein Clip Root Motion, halte ihn im Inspektor der Action auf der Stelle.
Animation
Idle, Gehen, Laufen, Springen, Angriff, Treffer und Tod aus der Bewegungsbibliothek funktionieren mit jedem humanoiden Skelett und decken das Grundset ab. Neue Moves kommen aus deinen eigenen Clips: glTF oder FBX, auf Wunsch mit Clips in separaten Dateien. Clips, die nach dem Modell benannt sind (hero@dash.glb), werden automatisch gefunden; andere fügst du mit „Clips aus einer Datei…“ hinzu.
Schnelle Moves brauchen wenige Frames. Im Asset-Graphen kann die Sprites-Node die Extremposen behalten (Behaltene Frames), und eine Halten-Node hält einen Frame länger, etwa den höchsten Punkt eines Sprungs. Siehe Animations-Timing.
Palette
Jedes Gebiet der Karte hat oft seine eigene Stimmung: eine kalte Höhle, eine glühende Schmiede, eine versunkene Bibliothek. Eine Palette pro Gebiet hält sie auseinander, während der Held gleich bleibt. Palettenvarianten schreiben dasselbe Sheet in einer anderen Palette oder mit Treffer-Blitz. Pixor hat sieben Paletten eingebaut und liest .hex- und .gpl-Dateien. Siehe begrenzte Paletten.
Passende kostenlose Bibliotheks-Assets
- Gegner: Skelett, Fledermaus, Geist, Spinne und Schleim.
- Level-Teile: Tür, Hebel, spike-trap, wall-torch und Statue.
- Upgrades und Pickups: power-orb, Herz, Schlüssel und orb-pedestal.
Einrichtung in Pixor
- Importiere deinen Helden oder öffne das Platformer-Beispiel.
- Klick im Schritt Szene in der Gliederung auf die Kamera „South“ und stell „Spiel“ auf einen Platformer.
- Stell ihre Drehung so ein, dass die Kamera die rechte Seite sieht (Osten). Stell Breite und Höhe auf 48 bis 64 px.
- Wähle im Schritt Action jede Action, die der Held braucht.
- Wähle im Schritt Style einen Look und nutze denselben Look für jeden Gegner.
- Exportiere. Für Godot erstellt die Ausgabe SpriteFrames eine Animation pro Action; siehe Godot und Exporte.
Fragen
Warum 48 bis 64 px statt 32?
Ein Metroidvania-Held bekommt viele Moves, und jeder braucht eine lesbare Pose. Die zusätzliche Höhe lässt Platz für eine Waffe, einen Umhang oder eine Dash-Spur. Bosse können im selben Maßstab viel größer sein.
Brauche ich eine West-Seite?
Meist nicht. Rendere Osten und lass die Engine das Sprite spiegeln. Füge eine West-Kamera hinzu, wenn der Held etwas in einer Hand hält und die Spiegelung falsch aussieht.
Wie füge ich spät in der Entwicklung einen neuen Move hinzu?
Füge den Clip zum Modell hinzu, wähle ihn im Schritt Action und exportiere erneut. Das Projekt liefert für die alten Actions dieselben Pixel, also passen die neuen Frames zum Rest des Sheets.
Weiterlesen
Probier es mit deinem eigenen Modell aus, kostenlos im Browser, oder hol dir die Vollversion.
Im Browser testen Pixor kaufen