Neu: PXL-95 — Ein retro Pixel-Art-Editor für den Browser
Ich habe ein neues Projekt zur Website hinzugefügt: PXL-95, ein schlanker Pixel-Art-Editor, der vollständig im Browser läuft. Du kannst ihn direkt jetzt starten — kein Download, kein Account, keine Einrichtung.
Was ist das?
PXL-95 ist ein pixelrasterbasiertes Zeichenwerkzeug, inspiriert von der Windows-95-Ära und ZSofts PC Paintbrush. Das Ziel war, etwas zu bauen, das sich wie die Maltoolwerkzeuge der 1990er anfühlt: einfach, schnell und vollständig darauf ausgerichtet, farbige Quadrate auf ein Raster zu setzen. Gebaut mit Vanilla-JavaScript und der HTML5-Canvas-API — keine Frameworks, keine externen Abhängigkeiten.
Der Funktionsumfang umfasst die Klassiker: Stift, Radierer, Fülleimer, Linien- und Rechteckwerkzeug. Farben lassen sich aus der CGA- oder VGA-Palette wählen oder mit einem integrierten Farbrad frei mischen. Zoom geht von 1× bis 32×, und es gibt einen zehnstufigen Rückgängig-Verlauf. Das Werk wird automatisch im Local Storage des Browsers gespeichert, und jederzeit lässt sich als PNG exportieren.
Eine PWA zuerst
PXL-95 ist eine vollwertige Progressive Web App. Nach dem ersten Besuch funktioniert sie komplett offline — keine Internetverbindung nötig. Über die „Zum Startbildschirm hinzufügen"- oder „App installieren"-Funktion des Browsers lässt sie sich installieren und läuft dann im Standalone-Modus wie eine native Anwendung. Auf iOS und iPadOS funktioniert 1-Finger-Zeichnen und 2-Finger-Schwenken, was sich für Tablet-Pixel-Art erstaunlich natürlich anfühlt.
Die drei Nutzungswege: direkt im Browser öffnen, als PWA installieren oder den Quellcode von GitHub klonen und selbst hosten. Alle Assets sind gebündelt — es gibt nichts zu konfigurieren.
Sieben retro Themes
Der Teil, der mir am meisten Spaß gemacht hat: die Themes. PXL-95 kommt mit sieben visuellen Stilen, die jeweils einem anderen klassischen Betriebssystem treu sind — Windows 95 (Standard), Windows 3.1, AmigaOS 3.1, macOS 8 Platinum, Motif/CDE, NCURSES/Turbo Pascal und Haiku/BeOS. Das Umschalten ändert die gesamte UI-Chrome, von Knopfformen und Farbschema bis hin zum Fensterrahmen-Stil.
Ausprobieren
Die Produktseite enthält die vollständige Funktionsliste und einen Screenshot. Oder direkt zur App — bjblazko.github.io/pxl-95.