Was ist ein Spritesheet? Ein verständlicher Überblick, wie sich Spielfiguren bewegen
Wer Figuren im Pixelstil zeichnet, stößt früher oder später auf den Begriff „Spritesheet“. Ich stelle eine Einsteiger-Erklärung von Keitaro auf note vor, die die Funktionsweise Schritt für Schritt aufschlüsselt und mir sehr hilfreich erschien.
Ein Sprite ist ein 2D-Bild, das auf dem Spielbildschirm angezeigt wird. Figuren, Gegner, Gegenstände, Geschosse und Effekte gehören dazu, und ein Spritesheet entsteht, wenn man sie in einem großen Bild zusammenfasst. Bei einer Laufanimation zeigt man nacheinander ein Bild mit dem rechten Fuß vorn, eines mit beiden Füßen nebeneinander und eines mit dem linken Fuß vorn, und wechselt schnell, damit es wie Gehen aussieht. Die Bewegung entsteht also durch den Wechsel von Standbildern, nicht durch ein Video.
Das Spiel zeigt das große Bild nicht als Ganzes an. Es schneidet über Koordinaten nur den benötigten Ausschnitt heraus. Ist ein Frame etwa 128×128 px groß und stehen acht nebeneinander, wandert der Anzeigebereich über 0–127 px, dann 128–255 px usw. Der Artikel nennt außerdem ein Beispiel, bei dem die Waagerechte 8 Richtungen und die Senkrechte Aktionen (Gehen, Angriff, Treffer, Verteidigung) darstellt, also 8 Richtungen × 7 Zustände, insgesamt 56 Frames.
Beim praktischen Einsatz kommt es laut Artikel vor allem darauf an, die Bezugsposition in jedem Frame gleich zu halten. Wandern die Füße von Bild zu Bild um einige Pixel, wirkt die Figur während der Animation wie ein Zittern auf und ab. Ein transparenter Hintergrund ist ebenfalls unverzichtbar.
Zuletzt wird der Unterschied zwischen einem Spritesheet, also einfach einer Sammlung zusammengehöriger Bilder, und einem Sprite-Atlas erklärt, der mehrere Bilder für eine effizientere Darstellung in eine einzige Textur packt. Besonders hängen geblieben ist mir die Zusammenfassung: Die Bilder zu malen ist weniger schwierig, als sie in eine Form zu bringen, die das Spiel richtig verwenden kann. Ich denke, das hilft auch Pixelartisten, gerade beim Export.
Quelle: note (Keitaro)
Ein Sprite ist ein 2D-Bild, das auf dem Spielbildschirm angezeigt wird. Figuren, Gegner, Gegenstände, Geschosse und Effekte gehören dazu, und ein Spritesheet entsteht, wenn man sie in einem großen Bild zusammenfasst. Bei einer Laufanimation zeigt man nacheinander ein Bild mit dem rechten Fuß vorn, eines mit beiden Füßen nebeneinander und eines mit dem linken Fuß vorn, und wechselt schnell, damit es wie Gehen aussieht. Die Bewegung entsteht also durch den Wechsel von Standbildern, nicht durch ein Video.
Das Spiel zeigt das große Bild nicht als Ganzes an. Es schneidet über Koordinaten nur den benötigten Ausschnitt heraus. Ist ein Frame etwa 128×128 px groß und stehen acht nebeneinander, wandert der Anzeigebereich über 0–127 px, dann 128–255 px usw. Der Artikel nennt außerdem ein Beispiel, bei dem die Waagerechte 8 Richtungen und die Senkrechte Aktionen (Gehen, Angriff, Treffer, Verteidigung) darstellt, also 8 Richtungen × 7 Zustände, insgesamt 56 Frames.
Beim praktischen Einsatz kommt es laut Artikel vor allem darauf an, die Bezugsposition in jedem Frame gleich zu halten. Wandern die Füße von Bild zu Bild um einige Pixel, wirkt die Figur während der Animation wie ein Zittern auf und ab. Ein transparenter Hintergrund ist ebenfalls unverzichtbar.
Zuletzt wird der Unterschied zwischen einem Spritesheet, also einfach einer Sammlung zusammengehöriger Bilder, und einem Sprite-Atlas erklärt, der mehrere Bilder für eine effizientere Darstellung in eine einzige Textur packt. Besonders hängen geblieben ist mir die Zusammenfassung: Die Bilder zu malen ist weniger schwierig, als sie in eine Form zu bringen, die das Spiel richtig verwenden kann. Ich denke, das hilft auch Pixelartisten, gerade beim Export.
Quelle: note (Keitaro)
Kommentare 0
Schreib den ersten Kommentar, in jeder Sprache.
Zum Kommentieren anmelden