Embedded-UI-Notizen von der Werkbank

Bringe einen Lopaka-Screen auf einen Arduino UNO mit einem SSD1306-OLED in der Arduino IDE, lies die U8g2-Konstruktorzeile und behebe fünf Gründe, warum ein Display schwarz bleibt.

Lerne, warum Farb-TFT-Screens flackern, verwandle dann Lopaka-Ebenen in Variablen und zeige Live-DHT22-Messwerte auf einem ESP32 mit TFT_eSPI ohne ein Blinken.

Lerne, wie Farbpixel, RGB565 und Bildspeicher funktionieren, entwirf dann ein 320×240-TFT-Dashboard in Lopaka mit Adafruit GFX und führe es auf einem ESP32 aus.

Lerne, warum Schriftarten, Icons und Bilder auf einem Arduino UNO Speicher kosten, und baue dann ein OLED-Dashboard mit zwei Screens in Lopaka mit U8g2, XOR-Text und Dithering.

Lerne, wie Pixel, Koordinaten und eine Grafikbibliothek einen 128×64-OLED-Screen zeichnen, entwirf dann einen in Lopaka und führe den generierten U8g2-Code in einem Simulator aus.

Behebe leere, gespiegelte und verschobene SSD1306-Bilder in U8g2. Prüfe XBM-Bit-Reihenfolge, Zeilenauffüllung, drawXBMP-Argumente und Full-Buffer- versus Page-Buffer-Zeichnen.

Zeige ein umgewandeltes Bild in LVGL 9 an, verlinke sein C-Asset und erkenne v8-API-Diskrepanzen. Verstehe, wann ein PNG einen Decoder statt eines rohen Pixel-Arrays braucht.

Behebe falsche Farben in TFT_eSPI-Bildern auf ST7789- und ILI9341-Displays. Trenne RGB/BGR-Einrichtung von der RGB565-Byte-Reihenfolge mit einem kleinen Diagnosemuster.

Wandle PNG- und BMP-Bilder in C-Arrays für Arduino und ESP32 um. Wähle XBM oder RGB565, berechne die Bitmap-Größe und passe die Ausgabe an deine Display-Bibliothek an.

Baue komplexere Display-Oberflächen mit verschachtelten Gruppen, Paint-Füllung, separaten Bildexporten, einfacherer Screen-Navigation und neuen Wegen, Basic-Projekte zu nutzen.

Entwirf die Screens deines Geräts Seite an Seite auf der neuen unendlichen Zeichenfläche von Lopaka. Verschiebe Grafiken zwischen Screens, behalte Entwürfe in der Nähe und vergleiche Layouts auf einen Blick.

Alexander Ponomarev baute Cineink, eine akkubetriebene Adafruit-GFX-E-Paper-Oberfläche, die Filmcrews bei Tageslicht Live-Metadaten von ARRI-Kameras zeigt.

Gestalte eine Arduino-Display-UI im Browser, sieh sie in der Auflösung deines Panels in der Vorschau und generiere Code für U8g2, Adafruit GFX, TFT_eSPI oder ArduinoGFX.

Gestalte eine benutzerdefinierte TFT-Display-UI in deinem Browser und exportiere ESP32-Treiber-Code für TFT_eSPI, ArduinoGFX oder Adafruit GFX auf ST7789- und ILI9341-Panels.

Gestalte eine ESP32-Display-UI im Browser, sieh sie in deiner Screen-Auflösung in der Vorschau und exportiere direkt kompilierbaren Code für TFT_eSPI, U8g2 oder Adafruit GFX.

Konvertiere Bilder in C-Arrays für Arduino- und ESP32-Displays, sieh dir dann das Ergebnis auf einem simulierten Screen an und exportiere Code für U8g2, TFT_eSPI oder Adafruit GFX.

Konvertiere PNG-, BMP- und GIF-Bilder in U8g2-XBMP-Bitmaps für SSD1306 und andere monochrome OLEDs, sieh sie dir auf einem simulierten Screen an und kopiere den drawXBMP-Code.

Ein Frame-Animations-Editor, Video- und GIF-Animations-Import, benutzerdefinierte Animations-Bibliotheken, Flipper-Zero-Animations-Code, native Textrotation, Bogen-Werkzeuge für TFT_eSPI und LVGL sowie eigenständige U8g2-Schriftart-Header.

Wie Jeremy Ngai eine 4,2-Zoll-E-Paper-Wetterstation gebaut hat, die mit einer einzigen Ladung mehr als 500 Tage läuft, mit monochromen Grafiken, die in Lopaka gestaltet wurden.

Ein Blick auf gokuxs Flash Bee Blitzdetektor und wie sein rundes 240x240 TFT_eSPI-Dashboard in Lopaka gestaltet wurde.

Wie die CLOCK-SAT V1 E-Ink-Schreibtischuhr-UI in Lopaka gestaltet und nach GxEPD2 für ein 1,02-Zoll-E-Paper-Modul exportiert wurde.

Lopaka fügt integrierte Animationen mit generiertem Wiedergabe-Code, neue Paint-Tool-Steuerungen, schnellere Ebenenauswahl, Icon-Suche und Updates zur Plattform-Code-Generierung hinzu.

Lopaka unterstützt jetzt die LVGL- und CircuitPython-Plattformen, plus selbst gehostete Updates und einen Meilenstein von über 20.000 Nutzern.

Lopakas Icon-Bibliothek erreicht über 2.000 Icons, plus neue Zeichenwerkzeuge, einen benutzerdefinierten Code-Editor, TrueType-Schriftart-Unterstützung für U8g2, Texthintergründe, GxEPD2, MicroPython und mehr.

Warum GUI-Builder benutzerdefiniertes Zeichnen für Embedded-Systeme in der Produktion schlagen.

Baue ein komplettes ESP32 Smart Home Dashboard mit Temperatur-, Beleuchtungs- und Sicherheitssteuerungen.

Fünf häufige Fehler bei Embedded-GUIs und praktische Wege, sie zu vermeiden.

Ab diesem Monat verschenke ich jeden Monat ein kostenloses Plus-Abonnement an den Autor des beliebtesten öffentlichen Projekts in der Lopaka Gallery. Die Beliebtheit wird an den in diesem Kalendermonat erhaltenen Sternen + Forks gemessen – bisherige Gesamtwerte zählen nicht.

Schritt-für-Schritt-Anleitung, um deine erste Arduino-GUI in unter 10 Minuten mit Lopaka zu bauen.

Eine Vision für Lopakas nächste Schritte: LVGL-Widgets, wiederverwendbare Komponenten, Präzisionswerkzeuge, Typografie-Upgrades, Flows, Assets, Animationen und Zusammenarbeit – plus ein limitierter Code für 50 %.

Wir feiern 10.000 Lopaka-Nutzer mit Community-Projekt-Spotlights und neuen Vorteilen für die Basic/Hobby-Tarife, etwa benutzerdefinierten Schriftarten.

Deine Einladung zum Lopaka Community Hub. Wir haben den Lopaka Community Hub auf Discord eingerichtet.

ArduinoGFX-Plattformunterstützung, GIF-Frame-Import, Sortieren von Screens per Drag-and-Drop, Cursor-Hinweise und Plattformfilterung.

Wir stellen den $4/Monat Hobby-Plan mit Exports und vernünftigen Limits vor, plus Hinweise zu Plus, Enterprise und kostenlosem Zugang für Klassenzimmer.

Entwerfe wunderschöne GUIs für ESP32 & Arduino in wenigen Minuten! Unser Juni-Update bringt einen modernen Drag-and-Drop-Editor, sofortigen C/C++ Code-Export für Adafruit_GFX, TFT_eSPI, U8g2 und mehr. Sieh, wie Lopaka.app Embedded-UI mühelos macht.

Entdecke die neuesten Verbesserungen in unserem Juni-Update! Wir haben MicroPython-Unterstützung eingeführt, die Textbearbeitung optimiert, Bildgrößenänderung ermöglicht und das Malen-Werkzeug verbessert. Erfahre, wie du einen kostenlosen Monat Lopaka Plus bekommst.

Die Entwicklung von Embedded-GUIs ist kaputt. Entdecke, warum aktuelle Werkzeuge hinter Web und Mobile zurückbleiben und wie Lopaka von Grund auf gebaut wurde, um moderne, effiziente und hardwarebewusste Design-Workflows in die Embedded-Welt zu bringen. Es ist Zeit für einen besseren Editor.

Das April-Update bringt mächtige neue Funktionen, um deinen Workflow zu optimieren! Nutze Variablen für Ebeneneigenschaften, blende Ebenen einfach ein oder aus und profitiere von intelligenten Ebenentiteln für saubereren Code. Wir haben auch wichtige Korrekturen für abgerundete Ecken und ESPHome-Integration ausgeliefert.

Unser März-Update ist da, mit voller Unterstützung für ESPHome! Erstelle Grafiken für deine Smart-Home-Geräte mit Lambda-Code-Generierung. Wir haben auch benutzerdefinierte Hintergrundfarben für Vorschauen und einen neuen Freihand-Zeichenmodus hinzugefügt. Außerdem erfährst du, wie du für die Watchy E-Paper-Uhr designst.

Schau dir unser Februar-Update an! Jetzt kannst du Byte-Arrays aus Code importieren, neue Teilen-Optionen genießen und die Redo-Funktion nutzen. Wir freuen uns auch, die Gewinner unserer Winter-Challenge bekannt zu geben. Sieh dir die neuen Funktionen und Gewinnerprojekte an!

Unser Winter-Update ist da, und es ist ein großes für Schriftarten! Plus-Abonnenten können jetzt TTF-, OTF- und WOFF-Schriftarten importieren. Wir haben auch Werkzeuge zur Ebenenausrichtung, Ebenentitel in Code-Kommentaren für bessere Lesbarkeit und neue Filter für die öffentliche Galerie hinzugefügt. Schau dir die neuen Funktionen und unsere verlängerte Winter-Challenge an!

Werde festlich mit unserer Weihnachts-Challenge! Erfahre, wie du ein kostenloses einjähriges Lopaka Plus Abonnement gewinnen kannst, indem du deine Projekte teilst und Stimmen von der Community bekommst. Wir sammeln auch Feedback zu einer viel gewünschten Funktion: direkter Code-Bearbeitung. Mach mit und hilf, Lopakas Zukunft zu gestalten!

Das Oktober-Update bringt eine viel gewünschte Funktion: benutzerdefinierte Schriftarten für Plus-Nutzer! Importiere deine eigenen GFX- und BDF-Schriftarten, sperre Ebenen, um deine Arbeit zu schützen, und genieße verbesserte Bildbearbeitung und Code-Ausgabe. Tritt unserer Community von über 1000 Nutzern bei und hebe deine Designs auf ein neues Level.

Beim September-Update dreht sich alles um einen schnelleren Workflow! Ziehe Bilder per Drag-and-Drop von deinem Desktop, lade mehrere Bilder auf einmal hoch und verarbeite sie, und genieße Cloud-Speicher für alle deine Assets. Wir haben auch benutzerdefinierte Ebenentitel und ein automatisches Merken von Schriftarten hinzugefügt, um dir Zeit zu sparen.

Entdecke unser August-Update! Wir haben eine neue öffentliche Galerie gestartet, um Community-Projekte zu präsentieren, und 52 neue Schriftarten zu unserer Bibliothek hinzugefügt. Genieße eine verbesserte Nutzererfahrung mit neuen Zoom-Steuerungen und plattformspezifischen Display-Listen. Forke, teile und erstelle mit Lopaka!

Lopaka Plus ist da! Wir führen Cloud-Speicher für deine Projekte ein, von überall zugänglich. Starte mit unserem kostenlosen Plan oder upgrade auf Lopaka Plus für unbegrenzte private Projekte und mehr. Sieh dir unsere Preise an und fange heute an zu erstellen!

Wir schließen das Lopaka-Beta-Programm, um Platz für etwas Besseres zu machen! Lies über unsere Reise, unseren Wechsel zu VueJS und Supabase, und mach dich bereit für den offiziellen Start von Lopaka Cloud. Persönliche Konten und Projektspeicher kommen nächste Woche. Das nächste Kapitel beginnt jetzt!

Wir feiern unseren ersten Geburtstag! Sieh dir unsere neuesten Updates an, darunter TFT_eSPI-Unterstützung und einen fortgeschrittenen Bildverarbeitungs-Assistenten. Wir freuen uns außerdem, Lopaka PRO anzukündigen, das bald mit Cloud-Speicher, Asset-Verwaltung und Prototyping-Funktionen kommt. Hilf mit, unsere Zukunft zu gestalten, indem du an unserer Umfrage teilnimmst.

Unser Rückblick auf Q1 2024 ist da! Entdecke eine riesige Liste neuer Funktionen, darunter Unterstützung für Inkplate-E-Paper-Displays, mächtigen Code-Import und einen neuen interaktiven Editor. Wir haben neue Schriftarten und Icons, fortgeschrittene Bildoperationen und vieles mehr hinzugefügt, um deinen Workflow für Embedded-GUI-Design zu verbessern.

Anfang 2024 haben wir die Lopaka Cloud Beta angekündigt und lebenslangen Zugang im Austausch für Nutzerfeedback angeboten. Dieser Beitrag beschreibt die ursprüngliche Vision für Cloud-Funktionen wie Projekte, Screens und die öffentliche Galerie. Erfahre mehr über das Programm, das Lopakas Zukunft geprägt hat (Hinweis: Das Beta-Programm ist jetzt geschlossen).

Begleite uns auf unserer Reise, die klassische Adafruit-GFX-Schriftart wiederzubeleben. Ein tiefer Einblick in obskure Formate, Community-Zusammenarbeit und das Streben nach Pixelperfektion für Embedded-Displays.

Unser allererstes regelmäßiges Update vom November 2023! Dieser Beitrag fasst drei Monate grundlegender Funktionen zusammen, darunter lokales Speichern von Projekten, Kopieren/Einfügen, umfangreiche Tastenkürzel und AdafruitGFX-Unterstützung. Außerdem haben wir die Lopaka Cloud Beta und eine Live-Vorschau für Flipper Zero angekündigt.

Ein Blick zurück auf unsere Anfänge im Oktober 2023. Dieser Beitrag ist einer unserer ersten Aufrufe an Early Adopter auf der Lopaka-Beta-Warteliste. Erfahre, wie wir Erkenntnisse gesammelt haben, um die Zukunft der App zu gestalten, und wirf einen ersten Blick auf unser neues Design und die Cloud-Funktionen.