Piskel-Alternative: Ein kostenloser Browser-Pixel-Editor, der auch 3D-Welten erschafft

Wenn du nach einer Piskel-Alternative gesucht hast, bist du vermutlich auf eine von zwei Mauern gestoßen: Du wolltest Sprite-Frames schneller erzeugt haben, als du sie anklicken kannst, oder du wolltest, dass die Pixel woanders landen als in einer flachen PNG. Piskel ist kostenlos, läuft in einem Browser-Tab und exportiert weiterhin. Es ist nicht kaputt. Es endet einfach am Rand der Leinwand, und auf dieser Seite geht es darum, was jenseits dieses Randes passiert.

Neta Studio betreibt einen Browser-Pixel-Editor mit einem angehängten Generierungsschritt und dahinter einen 3D-Spielbaukasten. Du kannst ein 32x32-Sprite von Hand zeichnen, eines aus einer schriftlichen Beschreibung mit Agent Sprite Forge erzeugen, ein Spritesheet exportieren und dann in einer Szene herumlaufen, die aus denselben Pixeln gebaut ist. Keine Installation, kein Konto. Unten folgt ein direkter Vergleich, einschließlich der Stellen, an denen Piskel noch das bessere Werkzeug ist.

Kurze Antwort: Gibt es eine kostenlose Piskel-Alternative?

Ja, und die ehrliche Version lautet: Piskel war nie das Problem. Piskel ist kostenlos, läuft im Browser und exportiert auch heute noch animierte GIF und PNG-Spritesheets. Ein Wechsel zu einer Piskel-Alternative lohnt sich nur, wenn du eines der beiden Dinge brauchst, die Piskel nicht kann: Sprite-Frames aus einer schriftlichen Beschreibung statt aus Klicks erzeugen oder diese Pixel in eine 3D-Szene tragen, durch die du eine Kamera bewegen kannst. Wenn nichts davon dein Engpass ist, bleibt Piskel ein gutes Zeichenwerkzeug und es gibt keinen Grund, es zu verlassen.

Was Piskel gut macht

Piskel erarbeitet sich seinen Ruf auf die langweilige Art: Es macht den Kernablauf gut. Ein neues Sprite öffnet sich mit 32x32 auf einem Raster, das du ein- und ausblenden kannst, und das Werkzeugset ist genau das, was du brauchst: Stift, gespiegelter Stift, Farbeimer, Linie, Rechteck, Ellipse und eine Farbauswahl, die nicht im Weg steht. Der Editor läuft in der Seite, also wartet ein Strich nicht auf einen Server-Roundtrip. Es gibt keine Installation, kein Konto und keine Version des Werkzeugs, die sich wegen eines Tarifs anders verhält.

Frames und Ebenen sind getrennte Achsen, was wichtiger ist, als es klingt. Ein aus vier Frames bestehender Gehzyklus mit einer separaten Konturebene bedeutet, dass du die Kontur einmal statt viermal neu zeichnest. Das Vorschaufenster spielt die Animation mit der eingestellten Bildrate ab, und ein einzelner Onion-Skin-Schalter lässt die Nachbarframes durchscheinen, damit du die Abstände beurteilen kannst, bevor du dich festlegst. Der Export deckt die Formate ab, die Engines tatsächlich akzeptieren: animiertes GIF, PNG-Spritesheet und die .piskel-Projektdatei. Der Import ist genauso direkt: entweder ziehst du eine .piskel-Datei auf den Editor oder bringst ein PNG-Spritesheet ein und lässt es auf einem von dir festgelegten Raster zuschneiden.

Die Hürde zu einem ersten Sprite ist wirklich niedrig. Du kommst in wenigen Minuten von einem leeren Tab zu einer lesbaren 16x16-Figur, und die Fehlerarten sind klein: eine Palette, die bei 1x-Zoom verschwimmt, eine wackelige Kontur, eine Highlight-Farbe, die vor dem Hintergrund des Levels verschwindet.

Zwei Designentscheidungen tragen den größten Teil des Werts. Das Raster rastet auf ganzzahlige Zoomfaktoren ein, sodass ein Pixel immer ein quadratischer Block aus Bildschirmpixeln ist und niemals ein 3,5-Pixel-Schmier. Und das Exportset ist klein und eindeutig, das heißt, das Werkzeug verlangt nie, dass du eine Pipeline konfigurierst, bevor du deine Animation siehst.

Wo Piskel endet

Piskel hat keinen Generierungsschritt. Jedes Pixel im Sheet ist ein Klick von dir oder eine Füllung, Linie oder Ellipse, die du platziert hast. Das ist kein Mangel eines Zeichenwerkzeugs, es ist das Wesen eines Zeichenwerkzeugs. Aber es setzt eine Untergrenze für das Volumen. Ein 32x32-Sprite mit etwa 20 Prozent Abdeckung über vier Frames sind rund 3.000 Entscheidungen über opake Pixel, und du triffst sie jedes Mal wieder neu, wenn sich das Design ändert. Wenn dein Engpass der Art-Durchsatz und nicht die Art-Kontrolle ist, kann Piskel nicht helfen, weil zwischen deinem Satz und deiner Leinwand nichts in der Pipeline steht.

Piskel hat keinen 3D-Output. Seine Exporte sind 2D-Raster plus eine JSON-Projektdatei. Nichts im Werkzeug weiß von einer Kamera, einer Bodenebene, einem Kollisionsvolumen oder einem Licht. Diese Pixel in eine 3D-Szene zu bringen, ist vollständig nachgelagerte Arbeit: das Sheet exportieren, es in eine Engine importieren, ein Material bauen, den Filtermodus korrekt einstellen und dann die Welt drumherum von Hand bauen. Diese Arbeit ist real, sie ist oft der größte Teil der Arbeit, und Piskel ist bei nichts davon dabei.

Und die App ist seit Jahren praktisch unverändert. Der Web-Editor funktioniert weiterhin, die Exporte öffnen sich noch in aktuellen Engines, und das .piskel-Format hat sich nicht bewegt. Das ist Stabilität, kein Bruch. Aber es kommen auch keine neuen Funktionen. Wenn du etwas brauchst, das Piskel heute nicht kann, ist Warten auf ein Update kein Plan.

Diese Unterscheidung ist wichtig, wenn du ein Werkzeug für ein zweijähriges Projekt wählst. Ein fertiges Werkzeug mit eingefrorenem Dateiformat ist berechenbar. Ein fertiges Werkzeug ist aber auch die falsche Wahl, wenn sich deine Anforderungen noch bewegen, was zu Beginn eines Spiels meist der Fall ist.

Die Alternativen im Vergleich

Lies die Tabelle nach Engpass, nicht nach Funktionsumfang. Wenn du gut zeichnest und nur Frames, GIF und ein Spritesheet brauchst, decken Piskel oder LibreSprite dich ab, und keines von beiden verlangt Geld. Wenn du Frames schneller erzeugt brauchst, als du sie zeichnen kannst, brauchst du eine Generierungsspalte, und Piskel hat keine. Wenn dein Sheet in einer Szene mit einer Kamera landen muss, brauchst du die 3D-Spalte, und weder Piskel noch LibreSprite hat eine.

LibreSprite ist die hier aufgeführte installierbare Option: eine Desktop-Anwendung mit einer echten Zeitleiste, Onion-Skinning, Ebenen und Spritesheet-Export. Desktop hat Vorteile, die ein Browser-Tab nicht hat, darunter native Dateidialoge, berechenbarer Speicherspielraum bei großen Leinwänden und kein Risiko, dass ein Tab mitten in der Sitzung zurückgefordert wird. Es hat dieselben zwei Lücken: keinen Generierungsschritt, keinen 3D-Output.

Eine Warnung zu den Animationsspalten. Sie beschreiben den Editor, nicht deine Engine. Jedes Werkzeug hier exportiert ein Raster-Sheet, und ob deine Engine es mit der richtigen Geschwindigkeit abspielt, hängt von der Frame-Größe, dem Padding und der Bildrate ab, die du beim Export einstellst.

Schreib den einen Schritt auf, der dich die meisten Stunden kostet. Wenn es das Zeichnen ist, bleib bei einem Zeichenwerkzeug. Wenn es darum geht, genug Varianten zu erzeugen, um eine gute zu finden, nimm den Generierungsschritt. Wenn es darum geht, Pixel in eine Szene zu verdrahten, nimm den Baukasten und überspringe den Engine-Import komplett.

Wie wir uns unterscheiden: Pixel und dann eine Welt, in die du laufen kannst

Die beiden Hälften sind eine Pipeline, und der Grund ist langweilig: Das Sheet, das du exportierst, ist das Sheet, das der Baukasten verbraucht. Die Frame-Größe, die du mit 32x32 gewählt hast, ist die Frame-Größe, die das Material erwartet. Kein Resampling, kein Raten des Rasters, kein erneutes Zerschneiden eines Sheets in einem Engine-Importer um Mitternacht. Diese Kontinuität ist die ganze Behauptung.

Zwei Einstellungen ruinieren das Ergebnis, wenn du sie überspringst. Erstens die Texturfilterung. In Three.js braucht die Materialtextur Nearest-Neighbour-Sampling sowohl für Vergrößerung als auch für Verkleinerung, mit ausgeschalteten Mipmaps, sonst verschwimmen deine 32x32-Pixel in der Ferne zu Brei und flimmern, wenn sich die Kamera bewegt. Zweitens die Skalierung. Ändere die Größe von Sprites um ganzzahlige Faktoren. Ein um 3,5x skaliertes Sprite hat Pixel, die abwechselnd drei und vier Bildschirmpixel breit sind, was als Rauschen schlechter wirkt als jeder Palettenfehler.

The Cyclops' Island und Mini World sind die Referenz-Builds für diesen Weg: eine generierte Pixel-Figur, eine Bodenebene, eine Kamera und Kollision, alles in einem Browser-Tab. Öffne sie, um zu sehen, was aus dem Export tatsächlich wird, bevor du ein Projekt darauf festlegst.

Wenn du nur die 2D-Hälfte brauchst, schlägt hier nichts ein Werkzeug, das du bereits kennst. Der Wechsel lohnt sich, wenn die 3D-Hälfte der Ort ist, an dem deine Stunden verschwinden, denn dann ist der Exportpfad keine Übergabe mehr, sondern Teil desselben Arbeitsbereichs.

Ist es kostenlos?

Der Pixel-Editor ist kostenlos. Das Erzeugen von Sprite-Frames mit Agent Sprite Forge ist kostenlos. Der Export ist kostenlos. Nichts steht zwischen dem Zeichnen eines Sprites und dem Herunterladen des PNG-Spritesheets oder des animierten GIF, und es gibt keinen Paywall-Schritt, bei dem ein Wasserzeichen erscheint oder eine Auflösungsgrenze greift.

Für das Öffnen des Editors, das Erzeugen von Frames, deren Bearbeitung oder den Export ist kein Konto erforderlich. Du gibst keine E-Mail-Adresse an, um einen Download zu bekommen, denn es gibt keinen Download: Das Ganze läuft im Browser-Tab.

Die Ausgabe besteht aus drei Dingen. Ein PNG-Spritesheet, dessen Frame-Raster zur von dir festgelegten Leinwandgröße passt. Ein animiertes GIF, nützlich für Vorschauen und für Dokumentation. Und eine 3D-Szene, die im Browser läuft und im 3D-Spielbaukasten bearbeitbar bleibt, statt ein Einwege-Export zu sein, den du nicht mehr öffnen kannst. Wenn du den Endzustand dieser dritten Ausgabe sehen willst: The Cyclops' Island und Mini World bauen darauf auf.

Lauf in die Welt, zu der es gehört

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

FAQ