LED Paint – Interaktiver Pixel-Editor

Dieses Projekt ermöglicht das Zeichnen und Anzeigen von Pixelbildern auf einer 16×16 RGB-LED-Matrix mit 256 einzeln ansteuerbaren LEDs. Ein ESP32 steuert die Matrix und ruft regelmäßig die aktuelle paint.json vom Server ab. Über eine Weboberfläche kannst du Pixel setzen, Farben auswählen, Muster zeichnen und das Ergebnis direkt an meine Matrix senden.

Technik im Überblick

  • Hardware: ESP32-C3 (RISC-V-Architektur) + 16×16 WS2812B-LED-Matrix
  • Bibliothek: FastLED
  • Backend: PHP (JSON-API zum Lesen/Schreiben der Bilder)
  • Frontend: HTML + CSS + JavaScript Pixel-Editor
  • Bildformat: Flaches JSON-Array mit 256 Farbcodes (#RRGGBB)

Funktionen der Weboberfläche

  • Pinsel, Radierer, Pipette
  • Fläche füllen
  • Rückgängig & Wiederholen
  • Bilder als .json laden oder speichern
  • Galerie aus dem Server-Ordner gallery/
  • „Upload zur Matrix“ → sendet dein Bild direkt an meinen ESP32

LED-Painter & Matrix

Matrix (Foto)

Schneemann – LED-Painter Foto

LED-Paint

Schneemann – Pixelgrafik