Novedades en animaciones, herramientas de pintura y flujo de trabajo del editor
Esta actualización mejora Lopaka para crear pantallas embebidas reales: puedes agregar animaciones listas para usar, editar capas de mapa de bits directamente en el lienzo, seleccionar capas más rápido y exportar código más completo para las plataformas compatibles.
Animaciones integradas
Lopaka ahora incluye un explorador de animaciones integrado para proyectos con generación de código de animación.
Abre la herramienta Imagen, elige Animación y luego elige una animación de la lista. El explorador tiene categorías, búsqueda, vistas previas al pasar el cursor y controles de tamaño y detalle, para que puedas encontrar la animación adecuada antes de colocarla en la pantalla.
Las animaciones se pueden agregar en 32x32, 48x48 o 64x64. También puedes elegir el nivel de detalle:
- Alto: 28 fotogramas
- Medio: 14 fotogramas
- Bajo: 7 fotogramas
Un detalle menor mantiene la animación más pequeña para el firmware. Lopaka muestra un tamaño de datos estimado para el tamaño y el detalle seleccionados antes de que la agregues.
Cuando colocas una animación, Lopaka crea una capa de animación en el centro del lienzo. Se comporta como una capa normal en cuanto a colocación y orden. Cuando está seleccionada, se reproduce en el editor; cuando no está seleccionada, muestra el primer fotograma.
Código de animación generado
Las capas de animación ahora generan código de reproducción, no solo datos estáticos de mapa de bits.
Con Incluir animación activado en los Ajustes de código, Lopaka genera los datos de los fotogramas, un auxiliar updateAnimations() y el código de dibujo necesario para avanzar los fotogramas con el tiempo. Las plataformas que agrupan el dibujo de animaciones también obtienen un auxiliar drawAnimations().
Para la salida Adafruit GFX estilo Arduino, el sketch generado incluye un loop() que vuelve a dibujar las animaciones. Para la salida U8g2 de Arduino, la actualización de la animación se conecta al bucle de imagen de U8g2. La salida U8g2 ESP-IDF sigue siendo integrable, por lo que no crea una función app_main() por ti.
Los archivos adjuntos de animación se enumeran en los Ajustes de código cuando la pantalla usa capas de animación. Descárgalos con el código generado y colócalos junto a tu sketch o los archivos de tu proyecto.
Mejor edición con Pintar
La herramienta Pintar ahora tiene patrones de pincel. Elige Completo, Damero, Líneas horizontales, Líneas verticales o Círculo en el desplegable de patrones, y la vista previa se actualiza antes de que dibujes.
El modo de borrado ahora se puede activar directamente mientras usas Pintar. El borrado con clic derecho sigue funcionando, y ambas rutas de borrado usan el patrón de pincel seleccionado.
Las capas de Pintar también se pueden recortar directamente en el lienzo. Selecciona una capa de Pintar, entra en el modo de recorte, ajusta los controles naranjas de recorte y luego aplica o cancela. Los recortes aplicados se agregan al historial de deshacer.
Selección de capas más rápida
La lista de Capas ahora admite los patrones de selección que esperas de las herramientas de escritorio.
Usa Ctrl/Cmd + clic para alternar capas en la selección. Usa Shift + clic para seleccionar un rango desde la última capa en la que hiciste clic. Los encabezados de grupo también se pueden seleccionar o alternar como grupo, y la selección por rango incluye las capas dentro de grupos contraídos.
Búsqueda donde ayuda
Los paquetes de íconos ahora tienen búsqueda en los íconos integrados y las imágenes del proyecto actual. Búsqueda en la galería.
La búsqueda de animaciones filtra la lista de animaciones por nombre y mantiene visibles solo las categorías coincidentes.
Novedades de código y plataformas
Los triángulos de U8g2 ahora siguen el comportamiento de la plataforma de forma coherente: las capas de triángulos se rellenan y no hay un interruptor de relleno para ellas.
Las capas de polígonos generan funciones auxiliares con nombres derivados del nombre de la capa, convertidos en identificadores de código válidos.
En las plataformas a color compatibles, las capas de texto pueden usar un color de fondo, y ese fondo se incluye en el código de dibujo de texto generado.