Piskelapp Alternative — ein kostenloses Browser-Sprite-Tool, das auch 3D baut

Wenn du piskelapp in die Adressleiste eingegeben hast, hast du bereits Piskel gefunden: piskelapp ist die Domain des kostenlosen Browser-Editors für Pixel-Art. 'piskelapp alternative' und 'piskel alternative' sind also dieselbe Frage, auf zwei Arten gestellt. Es gibt kein separates Produkt namens PiskelApp. Der Name, an den sich die Leute erinnern, ist die Adresse.

Diese Seite ist die ehrliche Version der Antwort. Was Piskel auf einem festen Pixelraster gut macht. Wo es aufhört. Was ein Browser-Sprite-Tool beisteuert, wenn das Sheet aufhören muss, ein Bild zu sein, und zum Material in einer Szene werden soll, durch die du laufen kannst. Keine Rankings, keine Download-Zahlen, keine erfundenen Benchmarks — der Mechanismus, die Dateieinstellungen und die Fehlerquellen.

Kurze Antwort

piskelapp ist die Domain von Piskel, dem kostenlosen Browser-Editor für Pixel-Art — 'piskelapp alternative' und 'piskel alternative' sind also meist dieselbe Frage. Am Tool hat sich nichts geändert, als die Domain zu dem Namen wurde, an den sich die Leute erinnern. Die App heißt Piskel. Die Suchanfrage ist ein Hostname.

Hinter der Suchanfrage steckt fast immer eines von zwei Dingen. Entweder willst du dieselbe Aufgabe in einem Tool erledigen, das weitergezogen ist — eine schnellere Leinwand, mehr Ebenen, ein Speichern, das dich auf einen anderen Rechner begleitet — oder du willst etwas, wofür Piskel nie gebaut wurde: einen Generator, der Frames erzeugt, und einen Szenen-Builder, der diesen Frames einen Platz zum Leben gibt.

Das sind unterschiedliche Verwendungen deiner Zeit. Wenn du jeden Pixel von Hand zeichnest und Piskels Raster magst, kostet dich der Wechsel des Editors Muskelgedächtnis und bringt dir sehr wenig. Wenn dein Engpass ist, dass ein Walk Cycle einen ganzen Nachmittag auffrisst, behebt das kein 2D-Editor, denn der Engpass ist das Zeichnen, nicht der Editor.

Was 'piskelapp alternative' wirklich fragt

Nimm die Domain weg, und der Satz lautet: 'Ich brauche ein Sprite-Tool.' Das zerfällt in drei Anforderungen, die ständig verwechselt werden: Zeichnen, bei dem ein Mensch Pixel bewegt; Generieren, bei dem ein Modell Frames aus einer schriftlichen Beschreibung zeichnet; und Zusammenbauen, bei dem Frames zu einem Sheet werden, das Sheet zu einer Animation und die Animation zu einer Szene. Piskel deckt das erste gut und einen Teil des dritten ab. Zu den anderen beiden hat es keine Meinung.

Entscheide, welches davon dein Engpass ist, bevor du irgendetwas wechselst. Die meisten, die Piskel für einen anderen 2D-Editor verlassen, kommen zurück, weil der zweite Editor ebenfalls nur ein Raster und eine Werkzeugleiste ist.

Was piskelapp (Piskel) ist

Piskel ist ein Editor für Pixel-Art, der im Browser läuft. Du öffnest die Seite, legst eine Leinwandgröße fest — 32×32 ist die Voreinstellung und immer noch eine vernünftige Wahl — und zeichnest auf einem gezoomten Raster mit einem Stift, einem Farbeimer, einem Dither, einem Aufheller und einer Handvoll weiterer Werkzeuge. Nichts wird installiert. Es wird kein Konto angelegt. Der Editor läuft clientseitig, sodass das Zeichnen nach dem Laden der Seite nicht auf einen Netzwerk-Roundtrip wartet.

Die Teile, die ihm seinen Platz verdient haben, sind die, die man im selben Atemzug nennt: Onion Skinning, mit dem du die vorherigen und nächsten Frames hinter dem aktuellen bei verringerter Deckkraft siehst, während du animierst; Palettensteuerung, mit der du einen festen Satz Farben aufbaust und jeden Frame darin hältst; ein Vorschaubereich, der die Animation mit einer festgelegten Bildrate und Größe abspielt; und ein kleiner Ebenenstapel pro Frame.

Der Export ist der Teil, in dem es wirklich nützlich ist, und der Teil, den es am meisten zu verstehen lohnt, wenn du nach einem Ersatz suchst. Du kannst den aktuellen Frame oder alle Frames als einzelne PNGs exportieren, ein animiertes GIF exportieren, ein Sprite-Sheet als ein PNG mit gewählter Spaltenzahl, Zeilenzahl und ganzzahliger Skalierung exportieren oder das Projekt als .piskel-Datei speichern, einem JSON-Dokument, das Frames und Palette beschreibt.

• Onion SkinZeichnet den vorherigen und den nächsten Frame bei niedriger Deckkraft hinter den aktuellen. Du steuerst die Deckkraft und welche Nachbarn angezeigt werden. Das ist die eine Funktion, die handanimierte Loops möglich macht statt zum Raten.
• PaletteErstelle oder importiere eine Palette und halte dann jeden Frame innerhalb dieser Farbfelder. Die Indexreihenfolge zählt später: Sie ist das, was du in einen Shader oder eine Palette-Swap-Routine übernimmst.
• Sprite-Sheet-ExportEin PNG, deine Spaltenzahl, deine Zeilenzahl, eine ganzzahlige Skalierung. Das ist die Datei, die eine Engine oder eine 3D-Szene tatsächlich verarbeitet.
• GIF-ExportAnimiertes GIF mit einer Verzögerung pro Frame. Gut, um einen Loop zu teilen, unbequem für Spiele: GIF ist auf 256 Farben pro Frame und 1-Bit-Transparenz begrenzt, sodass weiche Kanten entweder hart oder ganz verschwunden zurückkommen.
• .piskel-ProjektdateiDas Speicherformat ist JSON mit Framedaten und Palette. Es öffnet sich wieder in Piskel. Es öffnet sich nicht in anderen Editoren.
• Kein KontoEs gibt nichts, wo man sich anmelden könnte. Das Projekt lebt im Tab, im Browserspeicher und in den Dateien, die du herunterlädst.

Warum die Leute stattdessen die Domain suchen

Weil der Produktname eine Domain ist. Leute, die sich halb an das Tool erinnern, tippen das ein, was wie eine Adresse aussieht, und der Browser oder das Suchfeld vervollständigt es. Eine Marke, die auch ein Hostname ist, erzeugt unbegrenzt domainförmige Suchanfragen, und diese Anfragen bleiben stabil, selbst wenn niemand über das Produkt schreibt.

Der zweite Grund ist, dass sich das Tool nur sehr wenig verändert hat. Das Raster, die Werkzeugleiste, die Onion-Skin-Steuerung, der Export-Dialog: Sie sind erkennbar dieselben wie vor Jahren. Genau diese Stabilität ist der Grund, warum die Leute es immer noch empfehlen. Sie ist auch der Grund, warum es wenig zu schreiben gibt. Neue Funktionen erzeugen neue Seiten; ein stabiler Editor erzeugt einen stabilen, langsam alternden Satz von Seiten, und die Domain-Anfrage kommt weiter herein, ohne dass etwas Neues dahintersteckt.

Die praktische Folge ist, dass die Suche nach der Domain eine Mischung liefert: die App selbst, alte Tutorials und Listicles, die geschrieben wurden, bevor der heutige Stand der Browser-Tools existierte. Diese Lücke ist der Grund, warum diese Seite existiert. Es liegt nicht daran, dass Piskel schlechter geworden ist. Es liegt daran, dass die umgebende Kategorie einen Generationsschritt und einen 3D-Schritt gemacht hat und Piskel nicht, weil es nie darauf ausgerichtet war.

Wo Piskel aufhört

Das sind überprüfbare Grenzen, keine Beschwerden. Jede davon kannst du an einem Nachmittag selbst nachprüfen.

Die wichtigste Grenze ist der fehlende Weg von einem fertigen Sheet zu einer laufenden Szene. Piskel gibt dir ein PNG. Von dort bist du im Engine-Gebiet: Import-Einstellungen, Filtermodus, Atlas-Padding, Pivot-Punkte, Frame-Rechtecke, Animationsclips, Kollisionsboxen. Diese Arbeit ist real, und hier wird aus einer zweistündigen Kunst-Aufgabe eine zweitätige Integrationsaufgabe.

• Kein GenerierungsschrittPiskel zeichnet, was du zeichnest. Es gibt kein Prompt-Feld, keinen Referenz-Upload, kein Modell, das Frames vorschlägt. Wenn du einen Walk Cycle in acht Richtungen brauchst, zeichnest du acht Richtungen.
• Keine 3D-AusgabeDie Ausgabe sind Raster-Frames. Es gibt kein Mesh, keine Kamera, keinen Szenengraphen und keine Beleuchtung. Ein Sheet, das in 3D verwendet wird, ist eine Textur, die du selbst anbringst, zuschneidest und ausrichtest.
• Kein Cloud-ProjektKein Konto bedeutet kein serverseitiges Projekt. Wechselst du den Rechner, importierst du eine heruntergeladene Datei. Löschst du den falschen Browserspeicher, ist die tab-lokale Kopie mit ihm verschwunden.
• Keine LaufzeitPiskel spielt deine Animation in einem Vorschaubereich mit fester Bildrate ab und hört dort auf. Es führt keine Eingabe, Physik, Kollisionen oder Kamera aus.
• Nur ganzzahlige SkalierungDer Export-Maßstab ist aus gutem Grund ein ganzzahliger Multiplikator. Ein 32×32-Sprite, das mit 1,5× gezeichnet wird, erzeugt Pixel, die abwechselnd ein und zwei Bildschirmpixel breit sind. Der Editor kann das nicht beheben; die Lösung ist Nearest-Filtering plus ein ganzzahliger Zoom zur Anzeigezeit.

Piskel vs. ein Browser-Sprite-Tool

Die Tabelle vergleicht die beiden in den Zeilen, die ein Projekt entscheiden. Jede Zelle beschreibt einen Mechanismus, keine Punktzahl. Wenn eine Zeile nicht beeinflusst, wie du arbeitest, ignoriere sie.

Lies die Zeilen in der Reihenfolge, in der sie dich kosten. Animation lässt sich günstig vergleichen, weil beide Tools animieren. Cloud-Speichern und 3D-Ausgabe sind die Zeilen, die die Form der Arbeit verändern, weil sie entscheiden, ob du Kunst an jemand anderen weitergeben kannst und ob die Kunst, wenn sie fertig ist, irgendwohin gehen kann.

Wann sich eine piskelapp Alternative lohnt

Wechsle, wenn der blockierende Schritt die Generierung oder die Integration ist. Das bedeutet eine von zwei Situationen: Du kannst die Menge an Frames, die das Projekt braucht, nicht zeichnen, oder du kannst sie zeichnen, aber das Sheet erreicht nie eine Szene, weil niemand für jede Figur einen Atlas, Pivots und Clips von Hand konfigurieren will.

Wechsle nicht, wenn du das Zeichnen genießt und nur ein GIF oder ein Sheet brauchst. Piskels Raster ist gut, und sein Export-Dialog tut, was er verspricht. Zeit, die du damit verbringst, einen Ersatz für ein Tool zu bewerten, das bereits zu deinen Händen passt, ist Zeit, die du nicht mit Animieren verbracht hast.

Hier ein Sprite generieren

Die Generierung ist die Hälfte, die es in Piskel nicht gibt, deshalb lohnt es sich, genau zu sein, was tatsächlich passiert. Du schreibst einen Satz. Agent Sprite Forge löst ihn in ein Motiv, eine Ansicht, eine Palette und eine Frame-Anzahl auf und rastert dann jeden Frame auf dasselbe Raster in der von dir gewählten Größe. Da jeder Frame dasselbe Raster und dieselbe Palette teilt, packen sich die Ergebnisse ohne Nachjustieren pro Frame in einen Atlas.

Die Fehlerquellen sind vorhersehbar, was nützlich ist. Mehrdeutige Ansichtsbegriffe erzeugen Frames, die zwischen zwei Lesarten springen — 'nach vorn gerichtet' bei einer Figur, die auch eine Laufrichtung hat, tut das. Hohe Frame-Zahlen bei kleinen Leinwandgrößen lassen sehr wenig Platz pro Frame: acht Frames bei 16×16 geben dir jeweils ungefähr hundert Pixel Zeichenfläche, sodass Detail zu Rauschen wird. Sheets, die Silhouetten mischen, die unter verschiedenen Paletten erzeugt wurden, sehen aus wie zwei aneinandergeheftete Figuren. In allen drei Fällen ist die Lösung der Satz, nicht das Modell.

Der Export spiegelt das, was du von einem Sprite-Tool bereits erwartest: einzelne PNGs, ein gepacktes Sheet mit Spalten- und Zeilenzahl, ein animiertes GIF zur Durchsicht oder einen Atlas mit Frame-Rechtecken, Pivots und einer vorgeschlagenen Bildrate. Von dort geht das Sheet entweder in deine eigene Engine oder direkt in den Welt-Editor auf derselben Seite.

• PNG-SheetEin Bild, Frames in deiner Spalten- und Zeilenzahl angeordnet. Das ist es, was eine Engine oder ein Textur-Loader zuerst will.
• Atlas-DatenFrame-Rechtecke, Pivot-Punkte und eine vorgeschlagene Bildrate, damit die Animation läuft, ohne dass jemand einen Clip von Hand baut.
• PNGs pro FrameFür den Fall, dass du einen einzelnen Frame in einem Pixel-Editor nachbearbeiten und das Sheet selbst neu packen willst.
• GIFEin schnelles Artefakt zur Durchsicht. Es trägt dieselben Grenzen von 256 Farben und 1-Bit-Transparenz wie jedes GIF.

Vom Sheet zur Welt

Ein Sheet ist noch keine Kunst. Es ist eine Textur. In einer isometrischen Szene wird das Sheet einmal hochgeladen, die Frames werden in UV-Rechtecke geschnitten, und diese Rechtecke sind es, die der Renderer austauscht, während die Animation voranschreitet. Zwei Einstellungen erledigen den Großteil der Arbeit. Das Textur-Filtering bleibt auf Nearest, damit Pixel quadratisch bleiben, und der Atlas bekommt ein oder zwei Pixel Padding um jeden Frame, damit jegliches Filtering in der Distanz nicht die Farben eines benachbarten Frames in die Randpixel zieht — die übliche Ursache für einen farbigen Saum an der Kontur einer Figur.

Die Kamera ist die zweite Hälfte. Pixel-Art liest sich korrekt unter einer orthografischen Kamera in einem isometrischen Winkel, ungefähr 2:1 — ein Kachel-Footprint von 32×16 bei etwa 30 Grad Neigung. Wechsle zu einer Perspektivkamera, und Sprites in der Distanz schrumpfen schneller als das Bodenraster, was falsch aussieht, selbst wenn technisch nichts kaputt ist. Zoome in ganzzahligen Schritten: 1×, 2×, 4×. Ein 1,5×-Zoom zeigt dir Ein-Pixel- und Zwei-Pixel-Zeilen innerhalb desselben Sprites.

Physik und Schatten sind die Teile, die man beim ersten Mal unterschätzt. Ein gebillboardetes Sprite ist ein flaches Quad, das immer zur Kamera zeigt, also keinen echten projizierten Schatten empfangen kann; der Bodenkontakt ist ein separates weiches Blob-Decal, das unter der Figur gezeichnet wird. Kollisionen sind als Raster blockierter Kacheln günstiger als als Mesh-Collider — der Agent läuft einen Pfad über das Raster, und die Kachel, auf der er steht, entscheidet, ob der Schritt erlaubt ist. Die Insel des Zyklopen in Neta Studio ist so gebaut, und Mini World ist die kleinere Version derselben Schleife: ein Sheet generieren, es in eine gekachelte Szene werfen, darin herumlaufen.

• Nearest-FilteringHält Sprite-Pixel quadratisch. Bilineares Filtering bei einem 32×32-Sprite gibt dir weiche, matschige Kanten, die nichts weiter unten in der Kette wiederherstellen kann.
• Atlas-PaddingEin bis zwei transparente Pixel Extrude um jeden Frame verhindern Farbbluten an den Rändern, sobald Mipmaps aktiviert sind.
• Orthografische KameraPasst in jeder Distanz zum Pixelraster. Eine Perspektivkamera bricht die Beziehung zwischen Sprite-Maßstab und Kachelgröße.
• Blob-Schatten-DecalEin Billboard kann keinen projizierten Schatten empfangen, also wird der Bodenkontakt gezeichnet statt simuliert.
• Kachelraster-KollisionLookups blockierter Kacheln sind schnell und vorhersehbar. Mesh-Collider in einer gekachelten Welt kosten mehr und bringen nichts.

Lauf in die Welt, zu der es gehört

Die Domain-Frage hat eine kurze und eine lange Antwort. Die kurze ist: Es ist Piskel, und es ist ein 2D-Editor. Die lange ist, was nach dem Fertigstellen des Sheets passiert — öffne eine Welt, die aus denselben Pixeln gebaut ist, und sieh den Schritt, vor dem ein Editor aufhört.

FAQ