Geben Sie Ihre Sprites Tiefe mit Subpixel-Animation, 2D Will Never Die
Geben Sie Ihre Sprites Tiefe mit Subpixel-Animation
Wenn Sie jemals mit einem klassischen RPG-Stil wie Chrono Trigger oder anderer Sprites kleiner als 100 × 100 gearbeitet haben, wissen Sie, wie Pixel scheinen immer größer, weniger flexibel und unkooperativ wie die Sprite-Größe kleiner wird.
Erstellen eines Sprite in dieser Größe, auch wenn es weniger Pixel hat, kann überraschend schwierig sein, da Sie es weniger Möglichkeiten haben, um blicken. das Gesicht der Planung, so dass die Augen in einer natürlichen Position sind - und macht es dann so, dass 1 Pixel eine glaubhafte Größe für die Augen ist - nimmt zusätzliche Arbeit. Aber sobald man sich schließlich auf eine gute Abbildung mit jedem Pixel entschieden hat, wo genau es sein muss ... es darum geht, Zeit zu animieren. Und plötzlich Ihre letzte Partie der Probleme aussehen wie ein erstes Klasse in Mathe-Quiz.
Die Frage ist jetzt nicht nur, wie ein mikroskopischen Charakter mit believably übertriebener Animation zu bewegen. Es ist, wie so innerhalb des Eingrenzungs Raster dieser riesigen Pixel zu tun. Jeder, der mit Animieren der NES Megaman experimentiert hat, weiß, wovon ich rede. Die Zahl der Natur, „richtig“ -looking stellt man ihn in setzen kann, ist stark eingeschränkt. Und obendrein, in einer Animation den Arm 1 Pixel heraus bewegt schaut, wie er den Arm nach vorne einem signifikanten Abstand ragt. Aber man kann nicht einen Sprit nicht weniger als diese große Distanz bewegen, weil Pixel sind entweder ein- oder ausgeschaltet, und es ist das einzige bedeutet, dass Sie Bewegung zu vermitteln haben. Offensichtlich. Recht?
Ahahahaa, ist dies die subtile Bewegung ich in der Lage bin!
Ich meine, wenn es nur eine Möglichkeit gäbe, um dieses kleine Sprites bewegt glatter als ein Schwarz-Weiß-Tamagotchi zu machen. Einige Art und Weise zu imitieren, sagen wir, das wirkliche Leben Bewegung, die Sie mit einer Videokamera erfassen würde. Auch können diese mit niedriger Auflösung Kameras glaubhaft Bewegung machen. Ah, aber eine Minute warten. Was passiert, wenn eine Videokamera eine entfernte Person so klein wie ein Sprit aufnimmt. Wäre es nicht die Person in Pixel übersetzen und sie believably bewegen? Und was ist der Unterschied zwischen dem wirklichen Leben „Spriten“ von der Kamera und der Ein-Aus-ness des Pixels von NES Megaman oder Tamagotchi?
Die Farben. Um eine kleine Sprite einen kleinen Abstand zu bewegen, nicht das Sprite bewegen - seine Farben bewegen.
Werfen Sie einen Blick auf dieses Bild. Diese Person ist weniger als 50 Pixel hoch, aber man kann eindeutig interpretieren, dass er atmete tief durch. Wie? Schauen Sie sich, was wirklich zu ändern: 1) eine Verschiebung der Licht und Schatten Farben und 2), wie die Farben seiner Kanten mischen in den Hintergrund (natürlich weiß er nicht Umrisse um ihn gezogen haben, aber mit mir tragen). „Nun,“ Sie sagen: „Das ist schön, aber wenn man ein paar hundert Farben übrig haben, ich bin sicher, Sie werden alle Feinheiten hinzufügen können Sie für Sie Animationen brauchen.“ Okay, dann lassen Sie uns dies auf 16 Farben abgeholzt:
Immer mehr cartoony, aber die gleichen Ideen, die gleichen Wirkungen haben: die hellen Pixel auf seiner Rippen / Bauchbereich Verschiebung zu dunkel, und die Farben verschieben Kanten in den Hintergrund des. (Zugegeben, die hohe Bildrate ist ein Faktor dafür, wie schön dies sucht, aber das ist ein anderes Thema für die Animation Stil, nicht für das, was ich mit Schwerpunkt in diesem Fall auf.) Und die jetzt lassen sehen, ob wir dies die destillieren können Barebone-Grundlagen:
Sechs verblassten Farben, und es ist immer noch offensichtlich, dass dieser 50 Pixel hoch Charakter eine bestimmte subtile Bewegung durchführt, auch wenn die Silhouette kaum bewegt. Okay, es hat etwas dazu sein.
Das ist die Idee, und hier ist nun einige Beispiele, die Sie zeigen, wie die Profis bewegen kleines Sprites:
Metal Slug vermittelt Bewegung wirklich gut, weil von zwei Faktoren ab: sehr große Farbzahl, die eine hohe Detailstufe liefert, und eine sehr hohe Framerate, die detaillierten Animationen bietet.
Schauen Sie sich diese Sprites und sehen, wie wenig die tatsächlichen Silhouetten bewegen. Seine die Farben der vorhandenen Pixel, die am meisten verändern. (Um technisch korrekt, Subpixel-Animation geschieht an den Stellen, wo die Umrisse bekommen leichter als ein Körperteil in ihnen drückt und dunkler als Körperteil tritt zurück. So sieht es aus wie das Sprite im Raum bewegt, aber es ist wirklich nur Umzug in eine eigene Kontur.) Wenn Sie eine dieser nur Schwarzweiss-lineart zu reduzieren waren, verschwinden die meisten der Bewegung würde sofort.
Mit ein paar Subpixel-Animation Konzepte, können Sie einige Tiefe hinzufügen, die schwierigsten Themen zu glätten. Ich habe einen dunkelroten den ursprünglichen roten einige Anti-Aliasing zu geben, und ich reduziert die Animation, so dass die Silhouette kaum noch bewegt. Wie ist * das * für subtile Bewegung, Gutsman?
Es gibt so viele Details in diesen winzigen Bereichen vollgestopft, dass bei ihnen suchen up-close macht es schwer, sich darauf zu konzentrieren, was was ist. Das Detail stammt aus der großen Anzahl von Farbschattierungen in den Sprite vollgestopft, was wiederum die meisten Möglichkeiten gibt zu bewegen, sagen wir, ein Arm einen kleinen Abstand von Schatten in helleren Bereich in mehr helleren Bereich in hellste Bereich, ohne die eigentliche zu Bewegen Position des Armes. Und was mehr ist, wird die geringe Größe des Sprites jetzt ein Vorteil, weil dieser Trick weniger Auswirkungen mit größerem Sprites haben würde.
Castlevania ist eine weitere Serie mit Beispielen platzen. Hier ist zu beachten, wie das Innere des Soma Mantels keine Kontur hat. Stattdessen verwendet es dunkel Anti-Aliasing mehr und mehr in seinem schwarzen Hemd und dunkle Hose zu mischen. In diesem Fall vorstellen, Pixel-Kunst nicht als die Kunst selbst, sondern als ein Filter, der die Kunst der Übersetzung.
So gibt es, wie Sie es tun, aber zur gleichen Zeit sehen Sie die Einschränkung: subtilere Bewegung erfordert mehr Farbe, die Sie mit genügend verschiedenfarbigen Pixel zu liefern mit zu animieren. Eine höhere Bildrate kann auch nicht schaden, aber es ist zweitrangig.
Nächstes Mal, wenn Sie Animateure sind zu finden, selbst gefangen mit rauer, ruckartiger Bewegung, denken Sie an den Innenseite der Konturen. Dies kann für Detailbereiche wie Finger arbeiten oder Gesichter auf Kämpfer Sprites oder schweres Atmen Animationen für sidescrollers, und so weiter. Es ist nur ein weiteres Beispiel dafür, wie man Künstler Pixel kann außerhalb des Blocks denken.
Auf Twitter teilen