Marcowa aktualizacja: twórz grafiki dla ESPHome!

Wiele osób pytało o ESPHome — to system, który pozwala zamieniać popularne mikrokontrolery w urządzenia smart home. Jak zawsze w Lopaka: prosisz, my dostarczamy!

Platforma ESPHome

Dodałem wsparcie dla domyślnej biblioteki wyświetlacza, w tym generowanie kodu lambda oraz deklaracje obrazów i czcionek.

ESPHome ma własną jednolikową konfigurację YAML, którą trudno się zarządza. Teraz przynajmniej możesz tworzyć ładne grafiki dla swoich projektów.

• dodano kilka popularnych czcionek Google Fonts
• Jeśli masz namalowane warstwy lub ikony, będziesz musiał ręcznie pobrać pliki obrazów i umieścić je w katalogu esphome
• Sprawdź Ustawienia kodu, aby zobaczyć dodatkowe opcje, które możesz chcieć włączyć

Własny kolor tła

Niektórzy użytkownicy zgłaszali, że używają egzotycznych wyświetlaczy, takich jak LCD lub e-paper, i pomocne jest podglądanie projektu tak blisko prawdziwego wyświetlacza, jak to możliwe. Dlatego dodaliśmy ustawienie projektu dla koloru tła.

• Obejmuje cały projekt, wszystkie ekrany
• nie wpływa na generowanie kodu
• możesz musieć ręcznie napisać kod, aby wypełnić ekran pożądanym kolorem

Tryb swobodnego rysowania

Mam wrażenie, że Lopaka to nie tylko generowanie kodu — może być też wektorowym edytorem pixel artu! W trybie swobodnego rysowania wszystkie czcionki, kolory i narzędzia rysowania są wliczone. Spróbuj!

Watchy — zegarek E-Paper o otwartym kodzie źródłowym

Słyszałeś kiedyś o nim? To w pełni otwarty sprzęt noszony oparty na ESP32. https://watchy.sqfmi.com/

Najlepsze jest to, że możesz tworzyć dla niego grafiki w Lopaka! Wybierz „AdafruitGFX Mono”, ustaw rozdzielczość na 200x200px i możesz działać!! Oto przykład: https://lopaka.app/gallery/6403/13327

Projektowanie wyświetlacza ESPHome, krok po kroku

Oto przepływ pracy od pustego projektu do wgranego urządzenia:

1. Utwórz projekt, wybierz ESPHome i ustaw rozmiar ekranu na rozdzielczość swojego wyświetlacza.
2. Narysuj układ. Nadaj każdej warstwie wyraźną nazwę, ponieważ nazwy warstw stają się komentarzami i nazwami zmiennych w danych wyjściowych.
3. W Ustawieniach kodu włącz Dołącz czcionki dla tekstu, Deklaruj obrazy dla ikon i namalowanych grafik oraz Deklaruj zmienne, jeśli ekran pokazuje dane z czujników na żywo.
4. Wyłącz Funkcję otaczającą, jeśli wklejasz do istniejącego bloku lambda:, aby kopiowane były tylko wywołania rysujące it.*.
5. Skopiuj kod do swojego pliku YAML. Umieść bloki font: i image: w katalogu głównym pliku, a nie wewnątrz lambdy.
6. Pobierz zasoby obrazów z Ustawienia kodu → Obrazy i umieść je w folderze images/ obok swojego pliku YAML.

ESPHome ładuje czcionki z Google Fonts podczas budowania firmware, więc nie ma plików czcionek do zarządzania. Przewodnik po ESPHome szczegółowo opisuje każdy krok, wraz z rozwiązywaniem typowych błędów YAML. Kompletny przykład znajdziesz w samouczku pulpitu smart home na ESP32.

Więcej o e-paperze

Projekty e-paper, takie jak Watchy, mogą też używać GxEPD2, który obsługuje palety e-paper z kolorami czarnym, białym, szarym, czerwonym i innymi. Przeczytaj, jak inni twórcy projektowali interfejsy e-paper w WeatherPaper i Cineink.