Animacje, narzędzia Paint i aktualizacje procesu pracy w edytorze
Ta aktualizacja sprawia, że Lopaka lepiej nadaje się do budowania prawdziwych ekranów embedded: możesz dodawać gotowe animacje, edytować warstwy bitmap bezpośrednio na obszarze rysowania, szybciej zaznaczać warstwy i eksportować pełniejszy kod dla obsługiwanych platform.
Wbudowane animacje
Lopaka zawiera teraz wbudowaną przeglądarkę animacji dla projektów z generowaniem kodu animacji.
Otwórz narzędzie Image, wybierz Animation, a potem wybierz animację z listy. Przeglądarka ma kategorie, wyszukiwanie, podglądy po najechaniu i kontrolki rozmiaru/szczegółów, więc możesz znaleźć odpowiednią animację, zanim umieścisz ją na ekranie.
Animacje można dodawać w rozmiarach 32x32, 48x48 lub 64x64. Możesz też wybrać poziom szczegółów:
- High: 28 klatek
- Medium: 14 klatek
- Low: 7 klatek
Niższy poziom szczegółów sprawia, że animacja jest mniejsza dla firmware. Lopaka pokazuje szacowany rozmiar danych dla wybranego rozmiaru i szczegółów, zanim ją dodasz.
Gdy umieszczasz animację, Lopaka tworzy warstwę animacji na środku obszaru rysowania. Zachowuje się jak normalna warstwa pod względem pozycjonowania i kolejności. Gdy jest zaznaczona, odtwarza się w edytorze; gdy nie jest zaznaczona, pokazuje pierwszą klatkę.
Wygenerowany kod animacji
Warstwy animacji generują teraz kod odtwarzania, a nie tylko statyczne dane bitmap.
Gdy w ustawieniach kodu włączysz Include animation, Lopaka generuje dane klatek, pomocniczą funkcję updateAnimations() i kod rysowania potrzebny do przesuwania klatek w czasie. Platformy, które grupują rysowanie animacji, otrzymują też pomocniczą funkcję drawAnimations().
W przypadku wyjścia Adafruit GFX w stylu Arduino wygenerowany szkic zawiera funkcję loop(), która odrysowuje animacje. W przypadku wyjścia U8g2 na Arduino aktualizacja animacji jest wpięta w pętlę obrazu U8g2. Wyjście U8g2 na ESP-IDF pozostaje osadzalne, więc nie tworzy za ciebie funkcji app_main().
Załączniki animacji są wymienione w ustawieniach kodu, gdy ekran używa warstw animacji. Pobierz je razem z wygenerowanym kodem i umieść obok szkicu lub plików projektu.
Lepsza edycja Paint
Narzędzie Paint ma teraz wzory pędzla. Wybierz Full, Checkerboard, Horizontal lines, Vertical lines lub Circle z listy wzorów, a podgląd zaktualizuje się, zanim zaczniesz rysować.
Tryb gumki można teraz przełączać bezpośrednio podczas używania narzędzia Paint. Wymazywanie prawym przyciskiem myszy nadal działa, a obie ścieżki wymazywania używają wybranego wzoru pędzla.
Warstwy Paint można też przycinać bezpośrednio na obszarze rysowania. Zaznacz warstwę Paint, wejdź w tryb przycinania, dopasuj pomarańczowe uchwyty przycinania, a potem zastosuj lub anuluj. Zastosowane przycięcia są dodawane do historii cofania.
Szybsze zaznaczanie warstw
Lista warstw obsługuje teraz wzorce zaznaczania, których oczekujesz od narzędzi desktopowych.
Użyj Ctrl/Cmd + kliknięcie, żeby przełączać warstwy w zaznaczeniu. Użyj Shift + kliknięcie, żeby zaznaczyć zakres od ostatnio klikniętej warstwy. Nagłówki grup można też zaznaczać lub przełączać jako grupę, a zaznaczanie zakresu obejmuje warstwy wewnątrz zwiniętych grup.
Wyszukiwanie tam, gdzie pomaga
Paczki ikon mają teraz wyszukiwanie wśród wbudowanych ikon i obrazów bieżącego projektu. Wyszukiwanie w galerii.
Wyszukiwanie animacji filtruje listę animacji po nazwie i zostawia widoczne tylko pasujące kategorie.
Aktualizacje kodu i platform
Trójkąty U8g2 podążają teraz konsekwentnie za zachowaniem platformy: warstwy trójkątów są wypełnione i nie ma dla nich przełącznika wypełnienia.
Warstwy wielokątów generują funkcje pomocnicze o nazwach pochodzących od nazwy warstwy, przekształconych na poprawne identyfikatory kodu.
Na obsługiwanych platformach kolorowych warstwy tekstowe mogą używać koloru tła i to tło jest uwzględnione w wygenerowanym kodzie rysowania tekstu.