RPG-Sprite-Maker — RPG-Charaktere, Sprites & Tilesets kostenlos generieren

Ein RPG-Sprite-Maker verwandelt eine geschriebene Beschreibung in nutzbares Game-Art. Du tippst etwas wie „alter Fischer, blauer Mantel, Strohhut, Draufsicht, 32 mal 32, vier Frames Gehen“, und der Generator liefert einen Charakter-Sprite, ein Sprite-Sheet oder ein Tileset als PNG mit transparentem Hintergrund zurück. Das Tool dahinter ist Agent Sprite Forge, und es läuft im Browser innerhalb von Neta Studio. Nichts zu installieren, kein Zeichentablett, kein Pixel-Editor im zweiten Fenster.

Das Schwierige an RPG-Art ist nicht die Qualität. Es ist die Menge. Ein kleines Spiel braucht einen Spieler, acht NPCs, vier Ladenbesitzer und zwanzig Gegnervarianten, die meisten davon in mindestens zwei Richtungen. Das sind rund vierzig Charaktere, bevor du einen einzigen Baum gezeichnet hast. Die meisten Leute, die ein RPG bauen, können keinen davon zeichnen. Ein Generator, der in Sekunden einen konsistenten, etwas schlichten 32x32-Sprite produziert, ist für ein fertiges Projekt mehr wert als eine wunderschöne Illustration, die ein Wochenende gekostet hat.

Erzeuge das Ensemble, das du nicht zeichnen kannst

Beginne mit dem Ensemble, nicht mit dem Helden. Der Held ist der eine Charakter, den du tatsächlich gern zeichnest oder weiterentwickelst. Das Ensemble ist der Punkt, an dem Projekte sterben: der Schmied, der Schmiedelehrling, drei Wachen in leicht unterschiedlichen Rüstungen, ein Händler, ein Kind, ein Hund, sechs Schleime und ein Wolf. Jeder davon ist eine kleine Art-Aufgabe, und vierzig kleine Art-Aufgaben sind eine Wand. Agent Sprite Forge existiert, um dich über diese Wand zu bringen, damit die Welt bevölkert ist, bevor dir die Puste ausgeht.

Die Eingabe ist eine Beschreibung, und die Beschreibung ist die gesamte Oberfläche. Eine gute nennt vier Dinge: wer der Charakter ist, was er trägt, die Farbpalette und den Blickwinkel. „Wache, dunkelblauer Tabard über Kettenhemd, Speer, Draufsicht, 32x32, zwei Richtungen“ ist brauchbar. „Cooler Krieger“ ist es nicht, und das Scheitern ist vorhersehbar: Der Generator wählt generische Details, du bekommst einen Ritter in Grau, und du generierst fünfmal neu, um ein Beschreibungsproblem mit einem Reroll-Knopf zu beheben.

Der zweite Fehlermodus ist die Überbeschreibung. Bei 32 Pixeln Breite ist ein Charakter grob ein Kopf, ein Rumpf und zwei Beine. Ein Umhang, ein Rucksack, ein Schal, eine Schulterplatte und ein leuchtendes Amulett konkurrieren alle um dieselben zwölf Pixel Silhouette. Requisiten fügen bei kleinen Größen keine Details hinzu, sie fügen Rauschen hinzu. Wenn deine erste Generierung als unleserlicher Klumpen zurückkommt, entferne Gegenstände aus dem Satz, bevor du irgendetwas anderes änderst. Der 3D-Game-Builder und Welten wie Mini World und The Cyclops' Island nutzen dasselbe Prinzip: zuerst lesbare Formen, dann Ornament.

Generierte Beispiele

Drei Ausgabeformen decken fast alles ab, was ein RPG braucht. Jede wird als PNG mit Alphakanal exportiert, und jede landet an einem anderen Ort. Die Unterschiede sind wichtiger als der Kunststil, denn ein Sheet mit dem falschen Raster ist unbrauchbar, egal wie gut der Sprite aussieht.

Ein Charakter, ein Frame, eine Datei. Ein 32x32-PNG mit Transparenz ist die kleinste nützliche Einheit. Das generierst du für einen stehenden NPC, einen Ladenbesitzer hinter dem Tresen, ein Wegschild, eine Truhe oder einen Gegner, der sich nie bewegt. Es wird als einteiliges PNG exportiert.

Es landet als Textur auf einer flachen Ebene oder einem zur Kamera ausgerichteten Billboard. Im 3D-Game-Builder reicht ein Single-Pose-Sprite auf einem Billboard für ein ganzes Dorf statischer NPCs, und weil es keinen Animationszustand gibt, gibt es nichts, was kaputtgehen kann. Wenn deine Charakterliste lang und deine Zeit kurz ist, ist dies das Format, das du als Standard wählen solltest.

Vier Frames von links nach rechts angeordnet, als Streifen oder Raster exportiert. Vier Frames in 32x32 in einer einzelnen Reihe sind ein 128x32-PNG. Vier Richtungen werden zu einem 4x4-Raster mit 128x128, oder zwei Richtungen in einem 4x2-Raster mit 128x64. Der Gehzyklus läuft in einer Schleife, indem ein Frame-Index über die Zeit weitergeschaltet wird; bei acht Frames pro Sekunde deckt ein Vier-Frame-Gehzyklus eine halbe Sekunde pro Schrittzyklus ab und liest sich bei normaler Bewegungsgeschwindigkeit korrekt.

Es wird als ein PNG plus optionales JSON-Begleitfile exportiert, das Frame-Größe, Frame-Anzahl, Spalten und Richtungen auflistet. Das Begleitfile sind reine Metadaten, kein proprietäres Format. Wenn du es lieber nicht verwendest, sind die Zahlen an den PNG-Maßen ablesbar: 128 geteilt durch 32 ist vier Frames.

Ein Raster von Geländekacheln in einem Bild: Gras, Grasränder, Erdpfade, Wasser und Wassergrenzen, Maueroberteile, Bodenübergänge. Bei 16x16-Zellen ist ein 8x8-Atlas ein 128x128-PNG mit 64 Kacheln. Bei 32x32 brauchen dieselben 64 Kacheln 256x256.

Es wird als ein einzelnes Atlas-PNG exportiert. Es landet in einer Tiled-Map-Ebene, einem Godot-TileSet oder einem Three.js-Kachelmesh. Die wichtige Eigenschaft ist, dass die Zellgröße exakt zum Kartenraster passt. Wenn du 32x32-Kacheln generierst und sie auf ein 16-Einheiten-Raster setzt, landet jede zweite Kachel auf einem halben Versatz, und die Nähte sind aus dem Orbit sichtbar.

Charakter-Sprites vs. Sprite-Sheets vs. Tilesets

Diese drei werden im Gespräch austauschbar verwendet und sind in einem Projekt nicht austauschbar. Ein Charakter-Sprite ist ein Frame und trägt keine Timing-Information. Ein Sprite-Sheet ist ein Raster von Frames eines Charakters und trägt die Frame-Reihenfolge. Ein Tileset ist ein Raster verschiedener Geländeteile und trägt stattdessen Nachbarschaftsinformation. Wähle das falsche, und du zerlegst ein Tileset in Animations-Frames oder legst Gehzyklus-Frames als Boden ab.

Der Konsument entscheidet das Format, nicht der Generator. Frage, was die Datei liest: Ein Charakter-Sheet-Slot will ein festes Raster, das in der oberen linken Zelle beginnt, ohne Padding und ohne Rand; eine Kachel-Ebene will einheitliche Zellen mit bekanntem Ursprung; und ein UI-Bildknoten will ein einzelnes Frame. Padding ist der häufigste Exportfehler. Ein zur Sicherheit hinzugefügter Ein-Pixel-Rand verschiebt jeden Frame-Index um eins und versetzt die gesamte Animation.

Zwei Richtungen (links und rechts, wobei der Sprite für die andere Seite gespiegelt wird) halbieren dein Sheet und sind die Standardabkürzung für Spiele in Seitenansicht. Vier Richtungen (unten, links, rechts, oben) sind der Standard für Draufsicht und brauchen ein quadratisches Raster, also sind vier Frames Gehen in vier Richtungen 16 Frames. Acht Richtungen sind der Punkt, an dem die meisten kleinen Teams innehalten und umdenken sollten; das Sheet wächst auf 32 Frames pro Charakter, und die diagonalen Posen sind die, die bei 32 Pixeln am schlechtesten lesbar sind.

Frame-Anzahlen, die funktionieren: 2 für ein steifes Idle-Wippen, 4 für ein Gehen, 6 für ein weicheres Gehen, 8 für ein Laufen. Unter 4 sieht ein Gehen wie ein Hinken aus. Über 8 bezahlst du für Frames, die der Spieler nicht bewusst sieht.

So funktioniert es

Fünf Schritte, in dieser Reihenfolge. Den Silhouetten-Check in Schritt vier zu überspringen ist der Grund, warum Leute zwanzigmal generieren und trotzdem nichts Brauchbares erhalten.

Setze es in eine Welt

Ein PNG in einem Download-Ordner ist kein Produkt. Dies ist der Schritt, an dem die meisten Sprite-Generatoren aufhören, und es ist der Schritt, der entscheidet, ob du tatsächlich etwas fertiggestellt hast. Das Sheet wird erst dann zu einem Spiel, wenn es auf ein Raster gesetzt, mit einem Kollisionsvolumen versehen und von einem Animationstimer angetrieben wird.

Im 3D-Game-Builder kann dieselbe Browsersitzung, die das Sheet generiert hat, es platzieren. Die Zellgröße des Tilesets legt das Weltraster fest, also bedeutet eine 32x32-Kachel, dass alle Kollisionsboxen auf 32-Einheiten-Schritte einrasten. Diese eine Entscheidung eliminiert eine ganze Kategorie von Bugs: keine Halb-Kachel-Lücken an Ecken, kein Spieler, der zwischen zwei Bodenkacheln eingeklemmt ist. Das Sprite-Sheet wird zu einem animierten Billboard auf einem Quad, wobei die Kamera auf einen 2:1-isometrischen Winkel (etwa 26,57 Grad) gesetzt wird, damit eine 32x16-Rautenkachel als quadratischer Boden gelesen wird.

So gebaute Welten laufen im Browser ohne zu installierende Engine-Runtime und ohne Build-Schritt. Mini World und The Cyclops' Island sind beide Beispiele dafür, wie eine geschriebene Beschreibung zu einer spielbaren Three.js-Szene wird; denselben Weg nimmt dein generiertes Ensemble. Die Reihenfolge, die funktioniert: Generiere zuerst das Tileset, generiere das Ensemble als zweites, platziere den Spieler als drittes und füge dann die NPCs hinzu. Wenn du das Ensemble zuerst baust, weißt du nicht, wie groß der Boden ist.

Kostenlos, online, ohne Installation: Der RPG-Sprite-Maker läuft im Browser

Der Sprite-Maker ist kostenlos und läuft online. Es gibt keinen Installer, keine Desktop-Anwendung, kein Plugin und keine Zeichensoftware zu kaufen. Du öffnest die Seite, tippst eine Beschreibung ein und erhältst ein PNG. Er nutzt das Canvas und WebGL2 des Browsers, also reicht die Maschine, die du bereits hast.

Was dabei herauskommt, ist bewusst langweilig. Exporte sind Standard-PNG-Dateien mit Alphakanal, in der gewählten Frame-Größe und den Sheet-Maßen, plus eine optionale JSON-Datei, die Frame-Größe, Frame-Anzahl, Spalten und Richtungen beschreibt. Kein proprietärer Container. Nichts bindet die Art an Neta Studio. Wenn du das PNG morgen in ein anderes Tool mitnimmst, öffnet es sich.

Was nicht enthalten ist, damit du damit planen kannst: Es gibt kein Skelett-Rigging, keine Knochenanimation und keine automatische Zwischenbildberechnung. Jedes Frame ist ein flaches Bild. Ein Vier-Frame-Gehzyklus sind vier Bilder. Das ist eine Einschränkung, und es ist zugleich der Grund, warum die Dateien portabel bleiben, denn flache Frames funktionieren in jeder 2D-Pipeline, die existiert.

Sprite-Größen für RPGs — ein Raster im RPG-Sprite-Maker wählen

Drei Größen decken die meiste RPG-Arbeit ab: 16, 32 und 48 Pixel pro Frame. 16x16 liefert dichte Karten und einen Retro-Look, und ein 640x360-Viewport zeigt auf einmal eine große Weltfläche, aber Gesichter werden unleserlich. 32x32 ist der sichere Standard; es lässt genug Platz für einen lesbaren Kopf, Rumpf und Beine und teilt sich sauber in jede gängige Sheet-Größe. 48x48 ist für Charaktere, die sichtbare Gesichtsdetails brauchen, für mobile oder Touch-Ziele, die groß genug zum Tippen sein müssen, und für Spiele mit einer kleineren sichtbaren Kachelanzahl.

Die Regel, die wichtiger ist als die gewählte Größe: Die Frame-Größe muss die Sheet-Breite gleichmäßig teilen. Ein 256 Pixel breites Sheet enthält exakt acht 32-Pixel-Frames. Es enthält keine 48-Pixel-Frames; 256 geteilt durch 48 ist 5,33, also wird die sechste Spalte in der Mitte geteilt, und der Sampler liest in das benachbarte Frame hinein. In der Praxis siehst du eine ein Pixel breite Spalte der nächsten Pose am linken Rand der aktuellen Pose, und es sieht wie ein Rendering-Bug aus, obwohl es eigentlich ein Rechenfehler ist. Stelle die Texturfilterung außerdem auf Nearest-Neighbor (NearestFilter in Three.js, Filter aus in Godot, Filter Point in Unity). Lineare Filterung vermischt benachbarte Pixel über Frame-Grenzen hinweg und verwandelt einen gestochen scharfen Sprite in einen Schmierfleck.

Der Sprite-Größen-Leitfaden auf dieser Seite listet die vollständige Auswahl mit der Sheet-Arithmetik für jede auf, einschließlich der isometrischen Rautengrößen, bei denen die Zelle 32x16 oder 64x32 statt quadratisch ist.

Laufe in die Welt hinein, zu der es gehört

Ein Sprite für sich ist ein Charakter ohne Ort zum Stehen. Der Schritt, der zählt, ist der, den ein Editor dir nicht geben kann: Nimm das Sheet, das du gerade gemacht hast, und stecke es in eine Welt, durch die jemand laufen kann. Die isometrischen Welten auf dieser Seite wurden alle so gebaut und veröffentlicht.

FAQ