Notas de UI embebida desde el banco de trabajo

Lleva una pantalla de Lopaka a un Arduino UNO con un OLED SSD1306 en el IDE de Arduino, lee la línea del constructor de U8g2 y corrige cinco razones por las que una pantalla se queda en negro.

Aprende por qué parpadean las pantallas TFT en color y después convierte capas de Lopaka en variables y muestra lecturas DHT22 en vivo en un ESP32 con TFT_eSPI sin un parpadeo.

Aprende cómo funcionan los píxeles en color, RGB565 y la memoria de imágenes, y después diseña un tablero TFT de 320×240 en Lopaka con Adafruit GFX y ejecútalo en un ESP32.

Aprende por qué las fuentes, los íconos y las imágenes cuestan memoria en un Arduino UNO, y después crea un tablero OLED de dos pantallas en Lopaka con U8g2, texto XOR y tramado.

Aprende cómo los píxeles, las coordenadas y una biblioteca de gráficos dibujan una pantalla OLED de 128×64, después diseña una en Lopaka y ejecuta el código U8g2 generado en un simulador.

Corrige imágenes SSD1306 en blanco, espejadas y desplazadas en U8g2. Comprueba el orden de bits XBM, el relleno de filas, los argumentos de drawXBMP y el dibujo con búfer completo frente a búfer por páginas.

Muestra una imagen convertida en LVGL 9, enlaza su recurso C y detecta incompatibilidades de API de v8. Entiende cuándo un PNG necesita un decodificador en lugar de un array de píxeles en bruto.

Corrige los colores incorrectos en imágenes TFT_eSPI en pantallas ST7789 e ILI9341. Separa la configuración RGB/BGR del orden de bytes RGB565 con un patrón de diagnóstico pequeño.

Convierte imágenes PNG y BMP en arrays C para Arduino y ESP32. Elige XBM o RGB565, calcula el tamaño del bitmap y ajusta la salida a tu biblioteca de pantalla.

Crea UI de pantalla más complejas con grupos anidados, relleno de Paint, exportaciones de imágenes por separado, navegación entre pantallas más fácil y nuevas formas de usar los proyectos Basic.

Diseña las pantallas de tu dispositivo una al lado de la otra en el nuevo lienzo infinito de Lopaka. Mueve gráficos entre pantallas, guarda borradores cerca y compara diseños de un vistazo.

Alexander Ponomarev creó Cineink, una UI de papel electrónico con Adafruit GFX alimentada por batería que muestra metadatos de cámara ARRI en vivo a los equipos de rodaje a plena luz del día.

Diseña la interfaz de una pantalla Arduino en el navegador, previsualízala con la resolución de tu panel y genera código para U8g2, Adafruit GFX, TFT_eSPI o ArduinoGFX.

Diseña la interfaz de una pantalla TFT personalizada en tu navegador y exporta código de controlador ESP32 para TFT_eSPI, ArduinoGFX o Adafruit GFX en paneles ST7789 e ILI9341.

Diseña la interfaz de una pantalla ESP32 en el navegador, previsualízala con la resolución de tu pantalla y exporta código listo para compilar para TFT_eSPI, U8g2 o Adafruit GFX.

Convierte imágenes en matrices C para pantallas Arduino y ESP32, previsualiza el resultado en una pantalla simulada y exporta código para U8g2, TFT_eSPI o Adafruit GFX.

Convierte imágenes PNG, BMP y GIF en mapas de bits XBMP de U8g2 para SSD1306 y otros OLED monocromos, previsualízalos en una pantalla simulada y copia el código drawXBMP.

Un editor de animación por fotogramas, importación de animaciones desde video y GIF, bibliotecas de animaciones personalizadas, código de animación para Flipper Zero, rotación de texto nativa, herramientas de arco para TFT_eSPI y LVGL, y encabezados de fuentes U8g2 autónomos.

Cómo Jeremy Ngai creó una estación meteorológica de papel electrónico de 4,2 pulgadas que funciona más de 500 días con una sola carga, con gráficos monocromos diseñados en Lopaka.

Un vistazo al detector de rayos Flash Bee de gokux y a cómo se diseñó en Lopaka su panel redondo TFT_eSPI de 240x240.

Cómo se diseñó la interfaz del reloj de escritorio de tinta electrónica CLOCK-SAT V1 en Lopaka y se exportó a GxEPD2 para un módulo de papel electrónico de 1,02 pulgadas.

Lopaka agrega animaciones integradas con código de reproducción generado, nuevos controles de la herramienta Pintar, selección de capas más rápida, búsqueda de íconos y novedades en la generación de código para plataformas.

Lopaka ahora admite las plataformas LVGL y CircuitPython, además de novedades de la versión autohospedada y el hito de más de 20.000 usuarios.

La biblioteca de íconos de Lopaka alcanza más de 2.000 íconos, además de nuevas herramientas de dibujo, editor de código personalizado, compatibilidad con fuentes TrueType para U8g2, fondos de texto, GxEPD2, MicroPython y más.

Por qué los constructores de GUI superan al dibujo personalizado en los sistemas embebidos de producción.

Crea una interfaz de panel de hogar inteligente completa para ESP32 con controles de temperatura, iluminación y seguridad.

Cinco errores comunes en las GUI embebidas y formas prácticas de evitarlos.

A partir de este mes, regalo una suscripción Plus gratis cada mes al autor del proyecto público más popular de la galería de Lopaka. La popularidad se mide por las estrellas y las copias obtenidas durante ese mes natural: los totales anteriores no se acumulan.

Tutorial paso a paso para crear tu primera GUI de Arduino en menos de 10 minutos con Lopaka.

Una visión de los próximos pasos de Lopaka: widgets de LVGL, componentes reutilizables, herramientas de precisión, mejoras tipográficas, flujos, recursos, animación y colaboración, además de un código limitado del 50%.

Celebramos los 10.000 usuarios de Lopaka con proyectos destacados de la comunidad y nuevas ventajas de los planes Basic/Hobby, como las fuentes personalizadas.

Tu invitación al centro comunitario de Lopaka. Creamos el centro comunitario de Lopaka en Discord.

Soporte para la plataforma ArduinoGFX, importación de fotogramas GIF, ordenación de pantallas con arrastrar y soltar, indicadores de posición del cursor y filtrado por plataforma.

Presentamos el plan Hobby de 4 $/mes con exportaciones y límites razonables, además de notas sobre Plus, Enterprise y el acceso gratuito para aulas.

¡Diseña GUI hermosas para ESP32 y Arduino en minutos! Nuestra actualización de junio trae un editor moderno de arrastrar y soltar, exportación instantánea de código C/C++ para Adafruit_GFX, TFT_eSPI, U8g2 y más. Descubre cómo Lopaka.app hace que la interfaz embebida sea sencilla.

Descubre las mejoras más recientes en nuestra actualización de junio. Presentamos el soporte para MicroPython, simplificamos la edición de texto, permitimos cambiar el tamaño de las imágenes y mejoramos la herramienta de pintura. Descubre cómo puedes obtener un mes gratis de Lopaka Plus.

El desarrollo de GUI embebidas está roto. Descubre por qué las herramientas actuales van por detrás de la web y el móvil, y cómo Lopaka está construido desde cero para llevar flujos de diseño modernos, eficientes y conscientes del hardware al mundo embebido. Es hora de un editor mejor.

¡La actualización de abril trae funciones potentes para simplificar tu flujo de trabajo! Usa variables para las propiedades de las capas, oculta o muestra capas con facilidad y aprovecha los títulos de capa inteligentes para un código más limpio. También incorporamos correcciones importantes para esquinas redondeadas y la integración con ESPHome.

¡Nuestra actualización de marzo ya está aquí, con soporte completo para ESPHome! Crea gráficos para tus dispositivos de hogar inteligente con generación de código lambda. También agregamos colores de fondo personalizados para las vistas previas y un nuevo Modo de dibujo libre. Además, aprende a diseñar para el reloj de papel electrónico Watchy.

¡Mira nuestra actualización de febrero! Ahora puedes importar arreglos de bytes desde código, disfrutar de nuevas opciones para compartir y usar la función de rehacer. También estamos emocionados de anunciar a los ganadores de nuestro desafío de invierno. ¡Mira las funciones nuevas y los proyectos ganadores!

Nuestra actualización de invierno ya está aquí, ¡y es grande en cuanto a fuentes! Los suscriptores Plus ahora pueden importar fuentes TTF, OTF y WOFF. También agregamos herramientas de alineación de capas, títulos de capa en los comentarios del código para una mejor legibilidad y filtros nuevos para la galería pública. ¡Mira las funciones nuevas y nuestro Desafío de Invierno extendido!

¡Ponte festivo con nuestro Desafío Navideño! Descubre cómo puedes ganar una suscripción de un año a Lopaka Plus gratis compartiendo tus proyectos y consiguiendo votos de la comunidad. También estamos recogiendo comentarios sobre una función muy pedida: la edición directa de código. ¡Únete a la diversión y ayuda a definir el futuro de Lopaka!

La actualización de octubre trae una función muy pedida: ¡fuentes personalizadas para usuarios Plus! Importa tus propias fuentes GFX y BDF, bloquea capas para proteger tu trabajo y disfruta de una edición de imágenes y una salida de código mejoradas. Únete a nuestra comunidad de más de 1000 usuarios y eleva tus diseños.

¡La actualización de septiembre tiene que ver con un flujo de trabajo más rápido! Arrastra y suelta imágenes desde tu escritorio, sube y procesa varias imágenes a la vez y disfruta del almacenamiento en la nube para todos tus recursos. También agregamos títulos de capa personalizados y fuentes que se recuerdan automáticamente para ahorrarte tiempo.

¡Explora nuestra actualización de agosto! Hemos lanzado una nueva Galería pública para mostrar los proyectos de la comunidad y agregado 52 fuentes nuevas a nuestra biblioteca. Disfruta de una experiencia mejorada con nuevos controles de zoom y listas de pantallas específicas por plataforma. ¡Copia, comparte y crea con Lopaka!

¡Lopaka Plus ya está aquí! Presentamos el almacenamiento en la nube para tus proyectos, accesible desde cualquier lugar. Empieza con nuestro plan gratuito o mejora a Lopaka Plus para proyectos privados ilimitados y más. ¡Mira nuestros precios y empieza a crear hoy!

¡Estamos cerrando el programa beta de Lopaka para dar paso a algo mejor! Lee sobre nuestro recorrido, nuestro cambio a VueJS y Supabase, y prepárate para el lanzamiento oficial de Lopaka Cloud. Las cuentas personales y el almacenamiento de proyectos llegan la semana que viene. ¡El próximo capítulo empieza ahora!

¡Celebramos nuestro primer aniversario! Mira nuestras últimas actualizaciones, como el soporte para TFT_eSPI y un asistente avanzado de procesamiento de imágenes. También estamos encantados de anunciar Lopaka PRO, que llegará pronto con almacenamiento en la nube, gestión de recursos y funciones de prototipado. Ayúdanos a definir nuestro futuro respondiendo nuestra encuesta.

¡Ya está aquí nuestro resumen del primer trimestre de 2024! Descubre una enorme lista de funciones nuevas, como el soporte para pantallas de papel electrónico Inkplate, la potente importación de código y un nuevo editor interactivo. Hemos agregado fuentes e íconos nuevos, operaciones avanzadas con imágenes y mucho más para mejorar tu flujo de diseño de GUI embebidas.

A principios de 2024 anunciamos la beta de Lopaka Cloud, con acceso de por vida a cambio de comentarios de los usuarios. Esta publicación detalla la visión inicial de funciones en la nube como proyectos, pantallas y la galería pública. Conoce el programa que ayudó a definir el futuro de Lopaka (nota: el programa beta ya cerró).

Sigue nuestro recorrido para revivir la clásica fuente Adafruit GFX. Un análisis profundo de formatos poco conocidos, colaboración comunitaria y la búsqueda de la perfección al nivel de píxel para pantallas embebidas.

Nuestra primera actualización periódica, de noviembre de 2023. Esta publicación resume tres meses de funciones fundamentales, como el guardado local de proyectos, copiar y pegar, atajos de teclado completos y soporte para AdafruitGFX. También anunciamos la beta de Lopaka Cloud y una función de vista previa en vivo para Flipper Zero.

Un repaso a nuestros orígenes en octubre de 2023. Esta publicación es una de nuestras primeras peticiones de comentarios a las personas que se sumaron a la lista de espera de la beta de Lopaka. Descubre cómo recogimos ideas para definir el futuro de la app y ofrecimos un primer vistazo a nuestro nuevo diseño y a las funciones en la nube.