Rysuj własne animacje: letnia aktualizacja

W maju wypuściłem bibliotekę animacji. Pierwsze pytanie, które wszyscy zadawali, brzmiało: czy mogą tworzyć własne. Teraz możesz. Oto, co wylądowało od tamtego czasu.

Edytor animacji klatkowych

Kliknij dwukrotnie warstwę animacji lub naciśnij Edit w inspektorze. Obszar rysowania staje się edytorem klatek ze standardowym paskiem narzędzi Lopaka, narzędziem Paint, zoomem i skrótami.

Każda klatka to monochromatyczna bitmapa. Maluj bezpośrednio na niej albo umieść warstwę prostokąta, koła, linii, tekstu lub obrazu — spłaszczy się do klatki, gdy przejdziesz dalej.

Oś czasu:

• Przeciągaj, żeby zmienić kolejność
• Option/Alt + przeciąganie kopiuje klatkę zamiast ją przenosić
• Duplicate frame wstawia kopię po zaznaczonej klatce
• Dodawaj i usuwaj klatki
• Pasek podąża za głowicą odtwarzania

Odtwarzanie i edycja:

• Space odtwarza i pauzuje
• Onion skin pokazuje poprzednią klatkę jako 35-procentowego ducha za bieżącą
• Ustaw liczbę klatek na sekundę od 1 do 60
• W każdej chwili zmień rozmiar obszaru rysowania animacji
• Rozmiar animacji jest ograniczony do 5 MiB

Import wideo i GIF-ów

Wrzuć MP4, MOV lub WebM do kreatora obrazów, żeby próbkować go do animacji:

• Do podglądu pokazywanych jest 10 klatek
• Ustaw wyjściową liczbę klatek na sekundę przed importem
• Limity: 1000 klatek i 5 MiB

Animowane GIF-y mają teraz przełącznik Animation / Frames obok przycisku Import. Animation daje jedną warstwę z pełną sekwencją i własnym timingiem GIF-a; Frames to stare zachowanie z jedną warstwą na klatkę. Animation jest opcją domyślną.

Dwa nowe algorytmy ditheringu zapewniają lepszą konwersję monochromatyczną dla różnych źródeł. Atkinson utrzymuje małe wyświetlacze czytelne, odrzucając szum w tonach pośrednich, a Bayer 8x8 tworzy regularny wzór zamiast rozproszonych pikseli — przydatne przy tłach i wypełnieniach, gdzie Floyd-Steinberg wygląda brudno.

Resampling porzucił tryby, które dawały gorsze wyniki niż domyślny. High quality zmniejsza zdjęcia i szczegółową grafikę bez utraty pikseli, Nearest utrzymuje pixel art i ikony ostre.

Własne animacje

Przeglądarka animacji ma kategorię Custom z animacjami zapisanymi w bieżącym projekcie. Create new tworzy pustą animację w rozmiarze twojego ekranu i otwiera edytor klatek z gotowym oknem dialogowym zmiany rozmiaru.

Generowanie kodu

Flipper Zero obsługuje teraz animacje, z wygenerowanym kodem odtwarzania napisanym specjalnie dla niego.

Obrót tekstu na U8g2, Flipper, CircuitPython i LVGL. Obróć warstwę tekstową o 0, 90, 180 lub 270 stopni z inspektora.

Narzędzia łuku. TFT_eSPI dostaje łuk z edytowalnym promieniem, szerokością, kątami i kolorami, rysowany domyślnie z wygładzonymi krawędziami. Wyłącz Smooth, żeby uzyskać twarde końce. LVGL dostaje osobne narzędzie Arc LVGL dla widżetu łuku, z obrotem, wartością oraz kolorami wskaźnika i ścieżki.

Własne czcionki U8g2 pobierają się jako gotowe do kompilacji pliki .h, które wygenerowany kod sam wychwytuje. Włącz Only render glyphs used, żeby zachować tylko znaki, które zawierają twoje warstwy tekstowe, co na ciasnych budżetach pamięci flash zmniejsza czcionkę do ułamka jej rozmiaru.

Edytor

Środkowy przycisk myszy przeciąga obszar rysowania. Na urządzeniach dotykowych dwa palce przesuwają i powiększają przez ściskanie.

Kliknij prawym przyciskiem myszy podgląd ekranu na liście projektów, żeby otworzyć jego menu akcji.

---

Edytor animacji to część, o której najbardziej chcę usłyszeć twoje opinie. Powiedz mi, co wydaje się nie tak.