Charakter-Sprite-Maker · ein Prompt, ein vollständiges Sheet

Charakter-Sprite-Maker: Komplette Sprite-Sheets aus einem Prompt

Erstelle deinen eigenen Charakter-Sprite-Maker

Erstelle Charakter-Sprites — Idle, Walk, Attack, acht Richtungen — aus einer Beschreibung. Transparente Frames, sauberes Raster, engine-ready. Setze die Figur anschließend in eine 3D-Welt, die du durchlaufen kannst.

✦Sprite
Erstelle einen Charakter-Sprite von ein Ritter-Mädchen mit einem Speer

Ein Charakter-Sprite-Maker nimmt eine schriftliche Beschreibung entgegen und liefert ein komplettes Sprite-Sheet zurück: Idle, Walk, Run, Attack, Cast, in acht Richtungen, auf transparenten Frames, auf einem festen Raster, mit dem Ursprung an den Füßen. Du gibst die Figur ein — Körpertyp, Silhouette, Palette, gehaltene Waffe, Kleidungsschichten — und das Tool rendert jede Pose aus dieser Beschreibung statt eines einzelnen Hero-Frames, den du per Hand neu zeichnen musst.

Der Unterschied zwischen einem Sprite und einem Sprite-Sheet ist der Unterschied zwischen einem Bild und einem Animationssystem. Ein gutes Idle-Frame ist ein Bild. Ein Sheet ist eine Zustandsmaschine: Frame-Anzahlen, die die Engine loopen kann, Richtungen, die sie indexieren kann, und eine konsistente Figur über jede Zelle hinweg, damit der Walk-Cycle seine Form nicht mitten in der Schleife ändert. Neta Studio erstellt das komplette Sheet aus dem Prompt und lässt dich die Figur anschließend in eine 3D-Welt setzen, die du durchlaufen kannst.

Ein Prompt zu einem kompletten Charakter-Sheet

Du beschreibst die Figur in einfacher Sprache: Spezies oder Körperbau, Höhe relativ zum Raster, Statur, Haare oder Helm, Kleidungsschichten, was sie hält, Palettenumfang und die Art Direction (Pixel, gemalt, flacher Vektor). Der Maker parst das in eine Charakter-Spec und rendert die vollständige Matrix — jede Animation, jede Richtung — aus derselben Spec. Das Ergebnis ist ein Sheet, kein Pose-Picker.

Ein einzelner Frame verrät dir fast nichts darüber, ob eine Figur im Spiel funktioniert. Sobald sie sich bewegt, müssen drei Dinge stimmen: Die Silhouette muss in der Größe lesbar bleiben, in der du sie tatsächlich zeichnest, die Palette darf nicht zwischen Frames springen, und der Pivot darf nicht wandern. Ein Sheet macht diese Einschränkungen sofort sichtbar. Du siehst den Walk neben dem Idle, du siehst Frame 3 gegen Frame 1, und du erkennst Drift, bevor er die Engine erreicht.

Wenn du mit einer Beschreibung arbeitest, bleibt die Figur außerdem reproduzierbar. Ändere den Prompt — tausche den Umhang gegen Platte, verschiebe die Palette um zwei Stufen ins Kühlere — und du generierst das komplette Sheet neu, wobei die Änderung überall angewendet wird. Du bearbeitest nicht vierzig Frames per Hand, um sie an eine neue Farbentscheidung anzupassen.

1

01

Schreibe die Charakterbeschreibung: Körpertyp, Höhe in Rastereinheiten, Statur, Kleidung und gehaltene Gegenstände, Palette, Art Direction.

2

02

Lege das Frame-Raster fest: quadratische Zellen, Zweierpotenzen-freundlich, Animations-Zeilenreihenfolge im Dokument.

3

03

Generiere das Sheet und prüfe das erste Frame jeder Animation gegen das letzte — sie sollten benachbart, nicht identisch sein.

4

04

Prüfe die Silhouette in der finalen Anzeigegröße, nicht hineingezoomt.

5

05

Exportiere transparente PNG-Frames mit dem dokumentierten Raster und dem Ursprung an den Füßen.

Idle, Walk, Run, Attack, Cast

Fünf Animationen decken die meisten 2D-Charaktere ab: Idle, Walk, Run, Attack, Cast. Idle ist die Atem-Schleife, in der die Figur die meiste Zeit verbringt. Walk ist die Fortbewegungs-Schleife, meist diejenige mit den sichtbarsten Fußkontakten. Run ist dieselbe Bewegung schneller und mit stärkerer Oberkörperneigung. Attack ist ein One-Shot mit Ausholen, Kontakt-Frame und Recovery. Cast ist ein One-Shot mit einem Hold — einer Pose, in der die Figur verharrt, während ein Projektil oder AOE ausgelöst wird.

Frame-Anzahlen sind wichtiger, als viele erwarten. In Gameplay-Größe — eine Figur mit ungefähr 32 bis 64 Pixeln Höhe in einer 320×180- oder 640×360-Ansicht — lesen sich vier Walk-Frames als Gehen; sechs als flüssigeres Gehen; acht beginnen mehr zu kosten, als sie bringen. Run-Cycles funktionieren oft mit vier. Idle umfasst zwei bis vier; zwei sind der klassische Atem, vier geben dir eine Sekundäraktion wie ein Schwanken oder ein Wippen der Waffe. Attack hat typischerweise drei bis fünf Frames: Ausholen, Kontakt, Follow-through, Recovery. Cast umfasst vier bis sechs mit einem gehaltenen Frame.

Der Fehlerfall hier ist das Timing, nicht die Frame-Anzahl. Ein Vier-Frame-Walk, der ohne Verzögerung zwischen den Frames exportiert wird, spielt mit der Engine-Framerate ab und wirkt wie ein Zittern, nicht wie ein Schritt. Das Sheet wird mit einer vorgeschlagenen FPS pro Animation ausgeliefert, damit der Engine-Importer einen vernünftigen Standard zum Überschreiben hat.

AnimationFramesLoopNotizen
Idle2–4jaAtem oder Schwanken; erstes und letztes Frame benachbart
Walk4–8jaFußkontakte auf geraden Frames lesen sich am saubersten
Run4jastärkere Neigung, längere Schrittweite als Walk
Attack3–5neinAusholen, Kontakt, Follow-through
Cast4–6neinenthält ein gehaltenes Frame für den Resolve

Acht Richtungen aus einer Beschreibung

Acht Richtungen bedeuten, dass das Sheet N, NE, E, SE, S, SW, W, NW abdeckt — den vollen Kreis in 45-Grad-Schritten. Top-down- und isometrische Spiele brauchen das, weil der Spieler die Figur aus einer festen Kamera sieht und sich in jede Richtung bewegen kann. Vier Richtungen (N, E, S, W) lassen die Diagonalen als visuelle Lüge zurück: Das Sprite blickt nach Osten, während die Figur nach Nordosten läuft. Acht Richtungen bringen die Blickrichtung mit dem Bewegungsvektor in Übereinstimmung.

Das Sheet ist als Matrix angelegt: eine Zeile pro Richtung, eine Spalte pro Frame innerhalb der Animation, oder ein Block pro Richtung, der alle Animationen in derselben Reihenfolge enthält. Beides funktioniert, solange die Reihenfolge dokumentiert ist. Unitys Sprite Editor schneidet nach Raster; Godots AnimatedSprite2D möchte einzelne Region-Rects oder eine geschnittene Textur; GameMakers Sprite-Editor nimmt ein Raster plus Ursprung pro Frame. Die Reihenfolge, in der du in der Engine indexierst, muss der Reihenfolge entsprechen, in der das Sheet gerendert wurde, sonst bekommst du eine Figur, die einen Moonwalk macht.

Der subtile Teil sind die Übergangs-Frames. Wenn du nur die acht kanonischen Blickrichtungen renderst, springt das Sprite zwischen ihnen, sobald der Bewegungsvektor eine 22.5-Grad-Grenze überschreitet. Zwei Abhilfen: Rendere die acht Blickrichtungen und lass eine kurze Dreh-Animation die Grenze abdecken, oder akzeptiere den Sprung und lass die Rotation der Figur auf die nächstgelegene der acht einrasten. Beides ist legitim; das Sheet unterstützt beide, weil nichts daran voraussetzt, dass ein Dreh-Frame existiert.

Konsistente Charaktere über ein ganzes Set hinweg

Der eigentliche Fehler in der Sprite-Arbeit ist Drift. Charakter eins wird mit einem bestimmten Kopf-zu-Körper-Verhältnis, einer bestimmten Palette und einer bestimmten Linienstärke generiert. Charakter zwei wird später aus einem anders formulierten Prompt generiert und kommt einen halben Kopf größer mit kühleren Hauttönen und einer dickeren Kontur zurück. Seite an Seite in einem Party-Bildschirm sehen sie nicht so aus, als gehörten sie in dasselbe Spiel.

Drift entsteht durch unterspezifizierte Prompts. Wenn der erste Prompt 'kurz und stämmig, gedämpfte Erdpalette, 32-Pixel-Zellen, 1-Pixel-Kontur' sagte und der zweite 'ein Ritter in Rüstung', hast du kein Set beschrieben — du hast zwei unzusammenhängende Dinge beschrieben. Halte die Stil-Klausel über die Besetzung hinweg identisch und variiere nur die Identitäts-Klausel: Spezies, Statur, Ausrüstung, Farbe innerhalb der angegebenen Palette.

Agent Sprite Forge ist darauf ausgelegt, diese Stil-Klausel stabil zu halten. Du generierst die Besetzung aus einer gemeinsamen Stil-Spec, sodass Kopfverhältnis, Konturstärke und Palettenbereich konstant bleiben, während sich die einzelnen Figuren unterscheiden. Der Test ist einfach: Reiht die Idle-Frames der gesamten Besetzung in finaler Anzeigegröße aneinander. Wenn eine wie aus einem anderen Spiel wirkt, ist die Stil-Spec abgedriftet.

Einen Stil über eine Besetzung hinweg beibehalten

Friere die Stil-Dimensionen ein, bevor du einen Identitäts-Prompt schreibst: Zellgröße, Kopf-zu-Körper-Verhältnis, Konturstärke in Pixeln, Palettenbereich und Schattierungsrichtung sowie Art Direction. Behandle sie als Konstanten. Jeder Charakter-Prompt erbt sie und fügt nur Identität hinzu. Wenn eine Figur off-style zurückkommt, liegt die Korrektur fast immer in der Stil-Klausel, nicht in der Identitäts-Klausel.

Engine-fertiger Export

Jedes Frame wird als transparentes PNG exportiert. Das Sheet wird mit einem dokumentierten Raster ausgeliefert — Zellbreite und -höhe, Zeilen pro Richtung, Spalten pro Frame, Animationsreihenfolge —, damit der Importer weiß, wo jede Zelle liegt. Der Ursprung sitzt an den Füßen, horizontal auf dem Massenschwerpunkt der Figur zentriert, sodass das Platzieren des Sprites an einer Bodenposition die Füße auf den Boden setzt und nicht die Bildmitte.

Diese Ursprungswahl ist in jeder Engine wichtig. Unitys Sprite Editor lässt dich einen benutzerdefinierten Pivot festlegen; setze ihn auf unten-mittig, um dem dokumentierten Ursprung zu entsprechen. Godots AnimatedSprite2D verwendet Region-Rects pro Frame aus der geschnittenen Textur; halte die Slices am dokumentierten Raster ausgerichtet, sonst sind deine Loops um ein Frame versetzt. GameMakers Sprite-Eigenschaften nehmen ein Raster plus einen Ursprungspunkt pro Sprite; derselbe Wert unten-mittig gilt.

Export-Presets können überschrieben werden. Wenn dein Spiel eine andere Zellgröße verwendet, skaliert das Sheet sauber bei ganzzahligen Vielfachen; nicht ganzzahlige Skalierung führt zu Unschärfe. Point Filtering für Pixel Art, bilinear für gemalt. Das transparente Alpha bleibt erhalten, daher ist vor dem Import keine Matte-Bereinigung nötig.

EngineImportpfadWas festlegen
UnitySprite Editorbenutzerdefinierter Pivot unten-mittig; nach Raster schneiden
GodotAnimatedSprite2D + SpriteFramesTextur auf dokumentiertes Raster schneiden; Region-Rects pro Frame
GameMakerSprite-EigenschaftenRastergröße aus dem Dokument; Ursprung unten-mittig

Das nächste Leben der Figur: eine 3D-Welt

Ein Sprite-Sheet ist eine Figur. Eine Welt ist der Ort, an dem sie lebt. Dieselbe Beschreibung, die das Sheet erzeugt hat, speist den 3D-Spiel-Builder, der daraus eine begehbare Three.js-Welt macht: Boden, Kollision, Kamera und einen Platz, an dem die Figur stehen kann. Du portierst keine Dateien zwischen Tools — die Beschreibung ist das Asset.

Du kannst diese Welt im Browser durchlaufen. Setze die Figur hinein, steuere die Kamera und prüfe, ob das Sprite in der Größe lesbar ist, die die Welt tatsächlich bietet. Eine Figur, die in einem flachen Sprite-Viewer richtig aussah, kann vor einem beleuchteten 3D-Boden falsch wirken, sobald Perspektive und Schatten ins Spiel kommen. Beides gleichzeitig zu sehen, erkennt die Diskrepanz früh.

Das ist derselbe Weg, den The Cyclops' Island nimmt — eine Beschreibung, eine spielbare Welt —, und Mini World ist die kleinere Version davon. Der Sprite-Maker ist das 2D-Ende derselben Pipeline: Beschreibe eine Sache, erhalte ein nutzbares Asset und setze es anschließend an einen Ort, an dem du dich bewegen kannst.

  • Agent Sprite ForgeGeneriert vollständige Sprite-Sheets — Idle, Walk, Run, Attack, Cast über acht Richtungen — aus einer Charakterbeschreibung, mit transparenten PNG-Frames und einem dokumentierten Raster.
  • The Cyclops' IslandEine generierte 3D-Welt, die du durchlaufen kannst, aus einer Beschreibung statt per Hand zusammengesetzt, verwendet als Ziel für Figuren, die im Sprite-Maker erstellt wurden.
  • Mini WorldDas 3D-Welt-Preset im kleinen Maßstab, um eine Figur schnell in einem begehbaren Raum zu prüfen, ohne eine vollständige Szene zu erstellen.
  • 3D-Spiel-BuilderDer browserbasierte Builder, der eine geschriebene Beschreibung in eine echte, spielbare Three.js-Welt verwandelt, wobei die Figur als steuerbarer Akteur hineingesetzt wird.
Ritter — 48 Frames, acht Richtungen, aus einer Beschreibung.
The Cyclops' Island — dieselbe Charakter-Pipeline, einen Schritt weiter in 3D.

Betritt die Welt, in die sie gehört

Ein Sprite ist eine Figur ohne Ort zum Stehen. Der letzte Schritt ist der, den sonst niemand anbietet: Nimm das Sheet, das du gerade erstellt hast, und setze es in eine Welt, in der jemand herumlaufen kann — eine kleine Insel, ein Planet, eine regnerische Straßenecke. Jede Welt auf dieser Website wurde aus einer geschriebenen Beschreibung erstellt und als spielbare Seite veröffentlicht.

FAQ

Was ist ein Charakter-Sprite-Maker? +

Ein Charakter-Sprite-Maker verwandelt eine geschriebene Beschreibung in ein komplettes Sprite-Sheet — Idle, Walk, Run, Attack, Cast, über acht Richtungen — auf transparenten Frames mit einem dokumentierten Raster und einem Ursprung an den Füßen. Er ersetzt das Zeichnen jeder Pose per Hand durch einen Generierungsschritt aus einer Beschreibung.

Wie viele Frames brauche ich für einen Walk-Cycle? +

Vier bis acht. In Gameplay-Größe — ungefähr 32 bis 64 Pixel hoch — lesen sich vier Frames als Gehen und acht als flüssigeres Gehen. Über acht hinaus kosten die zusätzlichen Frames mehr an Sheet-Größe und Importzeit, als sie an Lesbarkeit zurückgeben.

Warum acht Richtungen statt vier? +

Top-down- und isometrische Spiele verwenden eine feste Kamera und erlauben Bewegung in jede Richtung, sodass vier Blickrichtungen die Diagonalen als visuelle Lüge zurücklassen. Acht Richtungen in 45-Grad-Schritten bringen die Sprite-Blickrichtung mit dem Bewegungsvektor in Übereinstimmung.

In welchem Format werden die Sprites exportiert? +

Transparente PNG-Frames, auf einem dokumentierten Raster angeordnet, mit dem Ursprung an den Füßen, horizontal auf der Figur zentriert. Dasselbe Sheet lässt sich in Unity, Godot und GameMaker importieren, nachdem der Pivot oder Ursprung auf unten-mittig gesetzt wurde.

Wie verhindere ich, dass Charaktere in einem Set inkonsistent wirken? +

Friere die Stil-Dimensionen ein — Zellgröße, Kopf-zu-Körper-Verhältnis, Konturstärke, Palettenbereich, Schattierungsrichtung — und variiere pro Charakter nur die Identität. Drift entsteht fast immer aus einer unterspezifizierten Stil-Klausel, nicht aus der Identitätsbeschreibung.

Kann ich dieselbe Figur in einer 3D-Welt verwenden? +

Ja. Dieselbe Beschreibung, die das Sprite-Sheet erzeugt hat, speist den 3D-Spiel-Builder, der daraus eine begehbare Three.js-Welt macht. Du kannst sie im Browser durchlaufen und prüfen, wie die Figur in der Größe lesbar ist, die die Welt bietet.

Zurück zum 3D-Spiel-Builder

Alle 31 fertigen 3D-Welten, Spiele und Szenen befinden sich auf einer Seite — jede einzelne spielbar.

Plattform: Neta StudioSeite: Charakter-Sprite-Maker: Komplette Sprite-Sheets aus einem PromptWeiterlesen: /explore/tool/sprite-sheet-maker · /explore/tool/sprite-animator · /explore/guide/sprite-resource-library
×