So wählen Sie eine einheitliche Pixel-Sprite-Größe, bevor Sie einen Spielcharakter zeichnen
Wählen Sie eine Canvas-Größe für Charaktere, indem Sie rückwärts von dem ausgehen, was der Spieler auf dem Bildschirm sehen muss: Legen Sie die Kameraperspektive des Spiels fest, schätzen Sie ab, wie viel von dieser Ansicht ein Charakter einnehmen soll, und testen Sie dann einige Pixel-Dimensionen anhand einer groben Silhouette. Verwenden Sie eine einheitliche Canvas-Größe für Charaktere, die zueinander ausgerichtet oder gemeinsam animiert werden müssen, und machen Sie nur dann Ausnahmen, wenn eine größere Rolle oder ein anderer Kameramaßstab dies erfordert. Es gibt keine universell richtige Sprite-Größe; die zweckmäßige Größe ist das kleinste Raster, das den Charakter klar darstellt und zur Spielansicht passt.
Beginnen Sie mit der Kamera und der Bildschirmansicht
Bevor Sie mit dem Zeichnen beginnen, sollten Sie sich auf eine grobe Gameplay-Perspektive festlegen: Seitenansicht (Side-View), Draufsicht (Top-Down), Isometrisch oder Nahaufnahme. Entscheiden Sie, wie viel von der Spielwelt auf den Bildschirm passen soll und wie groß der Spieler darin erscheinen soll. Ein Charakter, der in einer belebten Top-Down-Szene auf einen Blick erkennbar sein muss, stellt andere Anforderungen als ein Porträt in Großaufnahme für Dialoge.
Wenn Sie die interne Auflösung des Spiels bereits kennen, nutzen Sie diese als Bezugsrahmen. Skizzieren Sie beispielsweise einen einfachen Testbildschirm mit 320 × 180 Pixeln und markieren Sie eine grobe Spielerhöhe von 32 Pixeln. Dieses Verhältnis liefert Ihnen einen konkreten Anhaltspunkt: Der Charakter nimmt etwa 18 % der Bildschirmhöhe ein. Diese Zahlen dienen als Veranschaulichung, nicht als empfohlener Standard. Der Bildausschnitt der Kamera, der Bewegungsraum und die beabsichtigte visuelle Betonung sollten das Verhältnis bestimmen.
Die Dokumentation zur Pixel Perfect Camera von Unity beschreibt die Reference Resolution als die ursprüngliche Auflösung, für die die Assets entworfen wurden. In der Einrichtungsanleitung wird erklärt, dass eine Referenzauflösung von 320 × 180 eine Kameraansicht von 320 mal 180 Sprite-Pixeln ergibt. Dadurch wird die Spielansicht zu einer praktischen Ausgangsbedingung beim Entwurf der Charaktermaße. Unity: Add a pixel perfect camera
Legen Sie die sichtbare Höhe des Charakters vor der Canvas-Größe fest
Trennen Sie die Höhe der gezeichneten Figur von der Bild-Canvas (Leinwand). Wenn ein Charakter auf einer 32 × 32 Pixel großen Canvas 28 Pixel groß ist, bietet der verbleibende Platz möglicherweise Raum für Haare, einen Sprung oder eine Waffe, ohne dass die Canvas für jede Pose geändert werden muss. Wählen Sie zuerst eine sichtbare Zielhöhe und fügen Sie dann nur die Ränder hinzu, die Ihr Spiel benötigt.
Erstellen Sie eine kleine Silhouette in zwei oder drei möglichen Höhen – etwa 16, 24 und 32 Pixel – und prüfen Sie, ob Kopf, Gliedmaßen und charakteristische Requisiten bei normaler Spielgröße unterscheidbar bleiben. Eine Figur von 12 × 16 Pixeln kann immer noch als Charakter erkennbar sein; Pixel-Art-Künstler Kabaya verweist hierbei auf den originalen NES-Mario in dieser Größe als Beispiel. Die Lehre daraus ist nicht, diese Dimension zu kopieren, sondern das minimale Raster anhand der Details zu beurteilen, die Ihr eigenes Design erfordert. Creative Bloq: Forget nostalgia, modern pixel art is more than retro gaming
Wählen Sie eine Basisgröße, die die benötigten Details unterstützt
Kleinere Canvases schränken ein, wie viele Pixel zur Darstellung eines Gesichts, eines Kostüms oder eines gehaltenen Gegenstands zur Verfügung stehen; größere Canvases bieten mehr Raum, verlangen Ihnen aber auch mehr Entscheidungen auf Pixelebene ab. Treffen Sie Ihre Wahl auf Grundlage der erforderlichen visuellen Informationen. Wenn der Gesichtsausdruck während des Spiels von Bedeutung ist, testen Sie, ob Augen und Mund erkennbar sind. Wenn der Charakter als kleine Figur in einer weiten Szene erscheint, sind Silhouette und Farbblöcke möglicherweise wichtiger als Gesichtspixel.
Ein praktischer Ansatz besteht darin, dieselbe einfache Silhouette in zwei oder drei Größen zu zeichnen und dann nur die wesentlichen Erkennungsmerkmale hinzuzufügen: Kopfform, ein Kostüm-Detail und gegebenenfalls eine Waffe oder ein Werkzeug. Betrachten Sie jede Variante im vorgesehenen Bildschirmmaßstab. Wenn die kleinste Version ein wichtiges Erkennungsmerkmal verliert und die nächstgrößere Variante dieses sauber wiedergibt, spricht das für das größere Raster. Dieser Vergleich dient als Designprüfung, nicht als allgemeingültige Größenregel.
Wählen Sie den Canvas-Frame mit Blick auf Animationen
Bei einem Charakter, der animiert werden soll, sollten Sie mehr als nur eine stehende Pose testen, bevor Sie die Abmessungen festlegen. Erstellen Sie grobe Silhouetten für Stehen, Laufen und Springen im selben Frame. Prüfen Sie, ob Füße, Kopf und gehaltene Objekte während der gesamten Bewegung innerhalb der Grenzen bleiben. Ein zu eng bemessener Frame kann einen erhobenen Arm oder Haare abschneiden; ein übermäßig großer Frame kann die Platzierung und den Vergleich visueller Proportionen erschweren.
Halten Sie Canvas-Abmessungen und Ausrichtungsregeln über alle Frames hinweg konsistent, wenn eine stabile Platzierung wichtig ist. Legen Sie fest, wo der Bodenkontaktpunkt oder Drehpunkt (Pivot) des Charakters liegen soll, und verwenden Sie diesen Referenzpunkt in jeder Pose. Die Canvas des Grafikprogramms und der sichtbare gezeichnete Bereich sind zwei verschiedene Dinge: Aseprite definiert die Canvas als den sichtbaren Bereich des Sprites und bietet separate Optionen zum Ändern der Canvas-Größe und zum Skalieren des Sprite-Inhalts. Aseprite: Canvas Size, Aseprite: Sprite Size
Passen Sie den Charaktermaßstab an das Weltraster an
Wenn das Spiel Tiles (Kacheln) verwendet, vergleichen Sie die Höhe und Breite des Charakters mit einem typischen Tile. Eine Spielfigur in der Seitenansicht ist möglicherweise höher als ein Boden-Tile; eine Top-Down-Figur muss möglicherweise auf die Grundfläche eines Tiles passen, ragt jedoch optisch nach oben hinaus. Die Proportionen hängen von der Perspektive und dem Kollisionsdesign des Spiels ab – erstellen Sie daher ein schnelles Mockup der Szene, anstatt vorauszusetzen, dass Charaktere und Tiles dieselben Abmessungen haben müssen.
Überprüfen Sie den Spieler im beabsichtigten Kameraabstand neben einem gewöhnlichen Umgebungs-Tile, einer Tür und einem weiteren Charakter oder Requisit. Wenn der Spieler zu klein wirkt, um erkannt zu werden, oder zu groß, um sich durch die Szene zu bewegen, passen Sie die sichtbare Höhe oder den Kameraausschnitt an, bevor Sie Details hinzufügen. Etablieren Sie eine konsistente Pixeldichte über alle Assets hinweg; in Unity erfordern die Einrichtungsanweisungen für die Pixel Perfect Camera, dass Sprites einen einheitlichen Wert für „Pixels Per Unit“ verwenden und der Wert „Asset Pixels Per Unit“ der Kamera diesem entspricht. Unity: Add a pixel perfect camera
Erstellen Sie ein Scale Sheet, bevor Sie sich festlegen
Erstellen Sie eine kleine Vergleichsübersicht (Scale Sheet), anstatt den ersten Charakter sofort fertigzustellen. Platzieren Sie drei infrage kommende Canvas-Größen in einer nachempfundenen Spielansicht, zeichnen Sie jede als flache Silhouette und fügen Sie dieselben markanten Details ein. Überprüfen Sie das Sheet anschließend im tatsächlichen Gameplay-Maßstab und fragen Sie sich: Kann ich die Pose erkennen? Fügt sich die Figur natürlich in die Umgebung ein? Bleibt ihre Bewegung innerhalb des Frames? Bleiben der beabsichtigte Ausdruck oder die Requisiten erkennbar?
Halten Sie die gewählte Canvas-Breite und -Höhe, die sichtbare Zielhöhe, die Basislinie bzw. den Drehpunkt und alle zulässigen Ausnahmen fest. Diese kurze Referenz erleichtert den späteren Vergleich weiterer Charaktere und verhindert, dass jede neue Zeichnung in einen anderen Maßstab abdriftet. Dies erfordert nicht, dass jeder Charakter identische bemalte Grenzen hat: Ein hoher Hut oder die breite Silhouette eines Boss-Gegners dürfen mehr von einer gemeinsamen Canvas einnehmen, solange die zugrunde liegende Pixeldichte und die Ausrichtungskonventionen des Projekts gewahrt bleiben.
Überprüfen Sie die Entscheidung in der Spielansicht
Der Zoomfaktor im Editor kann dazu führen, dass ein winziges Sprite detailliert wirkt, obwohl es während des Spielens schwer zu erkennen sein wird. Importieren Sie den groben Test in das Spiel oder eine repräsentative Szene und begutachten Sie ihn im vorgesehenen Kameramaßstab. In Unity legt die Referenzauflösung die beabsichtigte Pixelansicht fest, während die Pixel Perfect Camera und passende Sprite-Einstellungen dazu beitragen, die Pixeldarstellung über verschiedene Bildschirmgrößen hinweg beizubehalten. Unity: Pixel Perfect Camera component reference
Wenn der Charakter undeutlich ist, prüfen Sie zunächst, ob das Problem an den Pixel-Dimensionen, der Silhouette, dem Kontrast oder dem Kameraabstand liegt. Eine reine Vergrößerung der Canvas behebt nicht zwangsläufig eine schwache Silhouette; eine Verkleinerung der Canvas hilft nicht, wenn der Spieler zu wenig Platz auf dem Bildschirm einnimmt. Verändern Sie jeweils nur eine Variable und vergleichen Sie das Ergebnis mit dem ursprünglichen Test. Sobald der Charakter klar lesbar ist und seine Animation in den gewählten Frame passt, verwenden Sie diese Canvas als Standard für Charaktere mit derselben Rolle und demselben Kameramaßstab.