Wie kann ich Pixel-Art-Sprites drehen, ohne dass die Ästhetik ruiniert wird?

Ich stehe gerade vor einer großen "Game Design" -Frage. Ich mache ein Pixel-Art-Spiel und die Verwendung der bilinearen Interpolation könnte viele Animationsprobleme lösen. Andererseits ist es kein "Pixel-Spiel" mehr.

Wenn ich die bilineare Interpolation verwende, funktioniert die Animation, sieht aber "hybrid" aus und der Kunststil geht verloren. Entweder ich vermassle meine Animationen oder ich vermassle den Kunststil. Ich kann nicht beides haben, wie es scheint.

Gibt es eine andere Möglichkeit, dies zu lösen?

Die automatische Drehung der Pixelkunst um andere Winkel als 90 ° geht normalerweise schief. Wenn Sie die Pixelkunst-Ästhetik beibehalten möchten, werden Sie normalerweise nicht darum herumkommen, Ihre Kunst in jedem Winkel neu zu zeichnen.

Wenn Sie einen Faux-Retro-Look verwenden, bei dem Ihre Sprites tatsächlich eine weitaus höhere Auflösung haben als sie aussehen, können Sie manchmal davonkommen, sie um einen ganzzahligen Faktor zu skalieren, ohne sie in Ihrem Grafikeditor zu interpolieren und sie dann zur Laufzeit in linearer Interpolation zu drehen . Stellen Sie immer sicher, dass die Zeichenposition auf die nächste Ganzzahl gerundet ist, damit Ihre Sprites in der ursprünglichen Ausrichtung nicht unscharf werden (bei einigen grafischen Engines / Frameworks / Bibliotheken können Sie Sprites auf Gleitkommakoordinaten zeichnen, was häufig zu Unschärfen führt). Aber das ist normalerweise immer noch nur ein fauler Ersatz, der nicht die Qualität erreicht, die Sie mit manueller Arbeit erreichen können.

Hier ist ein Beispiel für ein Sprite in der Originalgröße, das ohne Interpolation um den Faktor 3 hochskaliert und dann mit linearer Interpolation um 30 ° gedreht wurde:

Schauen Sie sich RotSprite an .

RotSprite ist ein von Xenowhirl entwickelter Skalierungs- und Rotationsalgorithmus für Sprites. Es erzeugt weit weniger Artefakte als Rotationsalgorithmen für den nächsten Nachbarn und führt wie EPX keine neuen Farben in das Bild ein (im Gegensatz zu den meisten Interpolationssystemen).

Der Algorithmus skaliert das Bild zunächst mit einem modifizierten Scale2 × -Algorithmus auf das 8-fache seiner ursprünglichen Größe, wobei ähnliche (und nicht identische) Pixel als Übereinstimmungen behandelt werden. Anschließend wird berechnet, welcher Rotationsversatz verwendet werden soll, indem abgetastete Punkte bevorzugt werden, die keine Grenzpixel sind. Als nächstes wird das gedrehte Bild mit einem Skalierungs- und Rotationsalgorithmus für den nächsten Nachbarn erstellt, der gleichzeitig das große Bild auf seine ursprüngliche Größe verkleinert und das Bild dreht. Schließlich werden übersehene Einzelpixeldetails wiederhergestellt, wenn das entsprechende Pixel im Quellbild unterschiedlich ist und das Zielpixel drei identische Nachbarn hat.

Sie können diesen Algorithmus entweder selbst als Teil des Zeichnungscodes Ihres Spiels implementieren oder ihn verwenden, um zuvor gedrehte Assets zu erstellen. Das Pixel Art Tool Aseprite hat RotSprite als Teil seines Sprite-Editors integriert.

Außerdem haben einen Blick auf diese Einheit Forenthread , wie RotSprite in Unity zu verwenden, sowie weitere allgemeine Informationen über RotSprite.

Oben links auf der Seite befindet sich eine Option: Automatische Auswahl: Gruppe & Ebene. Wählen Sie die Ebenenoption und drehen Sie sie. So sagt es dir niemand.