Aprende LVGL

Build with
PicoPixel.

Guías paso a paso para el editor web, placas ESP32 y los flujos de trabajo que mantienen unido un proyecto.

Cómo usar pets en PicoPixel thumbnail
DESTACADO · PICOPIXEL

Cómo usar pets en PicoPixel

Los pets son sprites animados ya preparados con múltiples modos que puedes activar ante cualquier condición. Elige uno del directorio, agrégalo a tu proyecto y conéctalo para que reaccione a lo que sea que esté haciendo tu dispositivo: obtener datos, sobrecalentarse, revisar código, lo que quieras.

pets · sprites · picopixel Ver
Cómo usar plantillas, kits de interfaz y apps completas de PicoPixel thumbnail
PICOPIXEL

Cómo usar plantillas, kits de interfaz y apps completas de PicoPixel

Encuentra plantillas, kits de interfaz, ejemplos, sprites, widgets y archivos de apps completas de PicoPixel; ábrelos, descárgalos, impórtalos, personalízalos y expórtalos como código C de LVGL para tu dispositivo.

templates · ui-kits · full-apps
Trabajar con el widget de imagen animada de LVGL thumbnail
LVGL

Trabajar con el widget de imagen animada de LVGL

Cómo funciona el widget de imagen animada de LVGL: sube una secuencia de fotogramas del mismo tamaño, configura la duración y el bucle, y reproduce animaciones fotograma a fotograma en tu pantalla.

lvgl · animated-image · animimg
¿Qué es un sprite? thumbnail
PICOPIXEL

¿Qué es un sprite?

Aprende qué son los sprites, cómo crear widgets animados con múltiples estados y cómo reutilizarlos entre proyectos.

sprite · picopixel
Usar el editor de eventos thumbnail
PICOPIXEL

Usar el editor de eventos

Haz tu interfaz interactiva con el editor de eventos de PicoPixel: arrastra una conexión de un widget a otro, elige un disparador como un clic o un cambio de valor, y decide qué ocurre.

events · interactions · picopixel
Guía de bibliotecas y componentes LVGL reutilizables en PicoPixel thumbnail
PICOPIXEL

Guía de bibliotecas y componentes LVGL reutilizables en PicoPixel

Cómo funcionan las bibliotecas en PicoPixel: publicar un archivo hace que sus recursos sean reutilizables para tu equipo, no públicos. Qué contiene una biblioteca, cómo publicar y vincular una, dónde aparecen las bibliotecas publicadas y las únicas dos formas en que algo puede salir de tu equipo.

library · components · sharing
Trabajar con fuentes thumbnail
PICOPIXEL

Trabajar con fuentes

Aprende por qué las fuentes de LVGL necesitan conversión, cómo crear una desde una fuente incluida o cargada, configurar escrituras de derecha a izquierda como árabe y hebreo, manejar fuentes CJK grandes y eliminar las que ya no usas.

font · picopixel · lvgl
Tutorial ESP32 LVGL: Crea una UI táctil thumbnail
HARDWARE

Tutorial ESP32 LVGL: Crea una UI táctil

Crea una interfaz táctil para el ESP32 con LVGL, diséñala visualmente en tu navegador, previsualízala en tiempo real y exporta código C listo para flashear. Una guía pensada para principiantes.

esp32 · lvgl · ui
Cómo enviar un pet thumbnail
PICOPIXEL

Cómo enviar un pet

Dos formas de añadir tu pet a la comunidad de PicoPixel: pega una URL de Petdex para el camino más rápido, o sube una hoja de sprites y un sprite.json a GitHub. Además, cómo generar tu propio pet único con herramientas de IA.

pets · sprites · petdex
Cómo enviar una plantilla thumbnail
PICOPIXEL

Cómo enviar una plantilla

Comparte uno de tus archivos de PicoPixel como plantilla de la comunidad creando un repositorio de GitHub con tu archivo .picopixel, imágenes de muestra y una descripción en el README.

templates · submission · sharing
Cómo reportar contenido thumbnail
PICOPIXEL

Cómo reportar contenido

¿Encontraste un pet, una plantilla u otro contenido de la comunidad que no debería estar ahí? Repórtalo a través del formulario de comentarios: qué incluir, cómo señalar un problema de derechos de autor y qué sucede después.

report · copyright · moderation
¿Tienes una idea para un tutorial?
Cuéntanos en hello@picopixel.io
hello@picopixel.io