Ir al contenido

Dibuja tus propias animaciones: la actualización de verano ​

El editor de animación por fotogramas de Lopaka con una animación de Flipper Zero de 972 fotogramas

En mayo lancé la biblioteca de animaciones. La primera pregunta que todos hicieron fue si podían crear las suyas propias. Ahora puedes. Esto es lo que llegó desde entonces.

Editor de animación por fotogramas ​

Haz doble clic en una capa de animación, o pulsa Edit en el inspector. El lienzo se convierte en un editor de fotogramas con la barra de herramientas estándar de Lopaka, la herramienta Pintar, zoom y atajos.

Cada fotograma es un mapa de bits monocromo. Pinta directamente sobre él, o coloca una capa de rectángulo, círculo, línea, texto o imagen: se aplana en el fotograma cuando avanzas.

Línea de tiempo:

  • Arrastra para reordenar
  • Option/Alt + arrastrar copia un fotograma en lugar de moverlo
  • Duplicar fotograma inserta una copia después del seleccionado
  • Agregar y eliminar fotogramas
  • La tira sigue al cabezal de reproducción

Reproducción y edición:

  • Espacio reproduce y pausa
  • Piel de cebolla muestra el fotograma anterior como un fantasma al 35% detrás del actual
  • Establece la velocidad de fotogramas de 1 a 60 fotogramas por segundo
  • Redimensiona el lienzo de la animación en cualquier momento
  • El tamaño de la animación está limitado a 5 MiB

Importación de video y GIF ​

Suelta un MP4, MOV o WebM en el Asistente de imágenes para muestrearlo y convertirlo en una animación:

  • Se muestran 10 fotogramas para la vista previa
  • Establece la velocidad de fotogramas de salida antes de importar
  • Límites: 1.000 fotogramas y 5 MiB

Los GIF animados ahora tienen un interruptor Animation / Frames junto a Importar. Animation te da una capa con la secuencia completa y la sincronización propia del GIF; Frames es el antiguo comportamiento por capas. Animation es el predeterminado.

Dos nuevos algoritmos de tramado te dan una mejor conversión monocroma para distintas fuentes. Atkinson mantiene las pantallas pequeñas legibles al eliminar el ruido de tonos medios, y Bayer 8x8 produce un patrón regular en lugar de píxeles dispersos, útil para fondos y rellenos donde Floyd-Steinberg se ve sucio.

El remuestreo eliminó los modos que producían peores resultados que el predeterminado. Alta calidad reduce fotos y arte detallado sin perder píxeles, Vecino más cercano mantiene el pixel art y los íconos nítidos.

Animaciones personalizadas ​

El explorador de animaciones tiene una categoría Custom con las animaciones guardadas en el proyecto actual. Create new crea una animación en blanco con el tamaño de tu pantalla y abre el editor de fotogramas con el diálogo de redimensionamiento listo.

Generación de código ​

Flipper Zero ahora admite animaciones, con código de reproducción generado específicamente para él.

Rotación de texto en U8g2, Flipper, CircuitPython y LVGL. Gira una capa de texto 0, 90, 180 o 270 grados desde el inspector.

Herramientas de arco. TFT_eSPI obtiene un arco con radio, ancho, ángulos y colores editables, dibujado con bordes suavizados de forma predeterminada. Desactiva Smooth para extremos duros. LVGL obtiene una herramienta Arc LVGL separada para el widget de arco, con rotación, valor, colores del indicador y de la pista.

Las fuentes personalizadas de U8g2 se descargan como archivos .h listos para compilar que el código generado recoge por sí solo. Activa Only render glyphs used para conservar solo los caracteres que contienen tus capas de texto, lo que reduce la fuente a una fracción de su tamaño en presupuestos de flash ajustados.

Editor ​

El botón central del mouse arrastra el lienzo. Dos dedos desplazan y pellizcan para hacer zoom en dispositivos táctiles.

Haz clic derecho en la vista previa de una pantalla en la lista de proyectos para ver su menú de acciones.


El editor de animación es la parte sobre la que más quiero recibir comentarios. Dime qué se siente mal.