Zeichne deine eigenen Animationen: Das Sommer-Update
Im Mai habe ich die Animations-Bibliothek ausgeliefert. Die erste Frage, die alle gestellt haben, war, ob sie ihre eigenen machen können. Jetzt kannst du. Hier ist, was seitdem gelandet ist.
Frame-Animations-Editor
Doppelklicke auf eine Animations-Ebene oder drücke im Inspektor auf Edit. Die Zeichenfläche wird zu einem Frame-Editor mit der Standard-Lopaka-Toolbar, dem Paint-Tool, Zoom und Shortcuts.
Jedes Frame ist eine monochrome Bitmap. Male direkt darauf oder platziere eine Rechteck-, Kreis-, Linien-, Text- oder Bild-Ebene – sie wird in das Frame eingerechnet, wenn du weitermachst.
Timeline:
- Ziehen zum Neuordnen
- Option/Alt + Ziehen kopiert ein Frame, statt es zu verschieben
- Duplicate frame fügt eine Kopie nach dem ausgewählten ein
- Frames hinzufügen und löschen
- Der Streifen folgt dem Playhead
Wiedergabe und Bearbeitung:
- Space spielt ab und pausiert
- Onion skin zeigt das vorherige Frame als 35-%-Geist hinter dem aktuellen
- Stelle die Bildrate von 1 bis 60 Bildern pro Sekunde ein
- Ändere die Größe der Animations-Zeichenfläche jederzeit
- Die Animationsgröße ist auf 5 MiB begrenzt
Video- und GIF-Import
Lege eine MP4, MOV oder WebM in den Image Wizard, um sie in eine Animation zu verwandeln:
- 10 Frames werden zur Vorschau gezeigt
- Stelle die Ausgabe-Bildrate vor dem Import ein
- Limits: 1.000 Frames und 5 MiB
Animierte GIFs haben jetzt einen Animation- / Frames-Schalter neben Import. Animation gibt dir eine Ebene mit der vollständigen Sequenz und dem eigenen Timing des GIFs; Frames ist das alte Verhalten mit einer Ebene pro Bild. Animation ist der Standard.
Zwei neue Dithering-Algorithmen geben dir bessere monochrome Konvertierung für verschiedene Quellen. Atkinson hält kleine Displays lesbar, indem es Mitteltön-Rauschen weglässt, und Bayer 8x8 erzeugt ein regelmäßiges Muster statt verstreuter Pixel – nützlich für Hintergründe und Füllungen, wo Floyd-Steinberg schmutzig aussieht.
Resampling hat die Modi entfernt, die schlechtere Ergebnisse als der Standard lieferten. High quality verkleinert Fotos und detaillierte Kunst, ohne Pixel zu verlieren, Nearest hält Pixel Art und Icons scharf.
Benutzerdefinierte Animationen
Der Animations-Browser hat eine Custom-Kategorie mit den im aktuellen Projekt gespeicherten Animationen. Create new erstellt eine leere Animation in deiner Screen-Größe und öffnet den Frame-Editor mit bereitem Größenänderungs-Dialog.
Code-Generierung
Flipper Zero unterstützt jetzt Animationen, mit generiertem Wiedergabe-Code, der speziell dafür geschrieben wurde.
Textrotation auf U8g2, Flipper, CircuitPython und LVGL. Rotiere eine Textebene im Inspektor um 0, 90, 180 oder 270 Grad.
Bogen-Werkzeuge. TFT_eSPI bekommt einen Bogen mit bearbeitbarem Radius, Breite, Winkeln und Farben, standardmäßig mit geglätteten Kanten gezeichnet. Schalte Smooth aus für harte Enden. LVGL bekommt ein separates Arc LVGL-Tool für das Bogen-Widget, mit Rotation, Wert, Indikator- und Spurfarben.
U8g2 benutzerdefinierte Schriftarten werden als direkt kompilierbare .h-Dateien heruntergeladen, die der generierte Code von selbst aufgreift. Aktiviere Only render glyphs used, um nur die Zeichen zu behalten, die deine Textebenen enthalten, was die Schriftart bei knappen Flash-Budgets auf einen Bruchteil ihrer Größe schrumpft.
Editor
Die mittlere Maustaste zieht die Zeichenfläche. Zwei Finger schwenken und kneifen zum Zoomen auf Touch-Geräten.
Rechtsklicke auf eine Screen-Vorschau in der Projektliste für ihr Aktionsmenü.
Der Animations-Editor ist der Teil, zu dem ich am meisten Feedback möchte. Sag mir, was sich falsch anfühlt.