Lopaka-Dokumentation

Lopaka ist ein Grafikeditor im Browser, mit dem du Embedded-UIs gestaltest und Code für Display-Bibliotheken wie U8g2, TFT_eSPI, AdafruitGFX, LVGL, ESPHome und weitere erzeugst. Mit den folgenden Anleitungen steigst du ein oder vertiefst ein bestimmtes Thema.

Erste Schritte

Erste Schritte – melde dich an, erstelle dein erstes Projekt und gelange in wenigen Schritten zum Editor.

Editor im Überblick – ein Rundgang durch den Aufbau des Editors: Zeichenfläche, Ebenen-Bereich, Inspektor, Code-Bereich und obere Leiste.

Plattformen – so wählst du vor dem Erstellen eines Projekts die passende Plattform für deine Display-Hardware.

Arbeiten im Editor

Bilder importieren – füge Bilder, GIFs oder Videos ein und bestimme, wie sie für deine Zielplattform skaliert und konvertiert werden.

Animationen – füge integrierte Frame-Animationen hinzu, wähle Größe und Detailstufe und nutze den erzeugten Wiedergabe-Code.

Schriftarten – Schriftformate je Plattform, die Auswahl integrierter Schriftarten und der Import eigener Schriftarten.

Tastenkürzel – vollständige Übersicht der Tastenkürzel für Auswahl, Bearbeitung, Zoom und Werkzeuge.

Code

Code-Generierung – wie Lopaka dein Design in Quellcode umwandelt: Wrapper-Funktionen, Ebenennamen, Variablen, Code-Einstellungen, Exportoptionen und Code-Import.

Tarife und Preise

Abonnement-Tarife – vergleiche kostenlose und kostenpflichtige Tarife mit ihren Funktionen und Limits.

Plattform-Anleitungen

U8g2 – Einsteiger-Anleitung: eine monochrome UI gestalten, den passenden Display-Konstruktor wählen und den erzeugten Code in ein Arduino-Projekt einbinden.

Adafruit GFX – Einsteiger-Anleitung: das Farb- oder Monochrom-Ziel wählen und den erzeugten Zeichencode in ein ESP32- oder Arduino-Projekt einbinden.

ESPHome – Schritt-für-Schritt-Anleitung, wie du eine UI in Lopaka gestaltest und in eine ESPHome-YAML-Konfiguration einbindest.