Documentación de Lopaka

Lopaka es un editor gráfico en el navegador para diseñar interfaces embebidas y generar código para bibliotecas de pantallas como U8g2, TFT_eSPI, AdafruitGFX, LVGL, ESPHome y muchas más. Usa las guías de abajo para empezar o para profundizar en un tema concreto.

Primeros pasos

Primeros pasos — inicia sesión, crea tu primer proyecto y llega al editor en pocos pasos.

Resumen del editor — un recorrido por la interfaz del editor: el lienzo, el panel de capas, el inspector, el panel de código y la barra superior.

Plataformas — cómo elegir la plataforma adecuada para el hardware de tu pantalla antes de crear un proyecto.

Trabajar en el editor

Importar imágenes — agrega imágenes, GIF o videos y controla cómo se redimensionan y convierten para tu plataforma de destino.

Animaciones — agrega animaciones por fotogramas integradas, elige su tamaño y nivel de detalle, y usa el código de reproducción generado.

Fuentes — formatos de fuente por plataforma, cómo elegir fuentes integradas y cómo importar fuentes personalizadas.

Atajos de teclado — referencia completa de los atajos de teclado para selección, edición, zoom y herramientas.

Código

Generación de código — cómo convierte Lopaka tu diseño en código fuente: funciones contenedoras, nombres de capas, variables, ajustes de código, opciones de exportación e importación de código.

Planes y precios

Planes de suscripción — compara los planes gratuitos y de pago, sus funciones y sus límites.

Guías de plataformas

U8g2 — guía para principiantes sobre cómo diseñar una interfaz monocromática, elegir el constructor de la pantalla e integrar el código generado en un proyecto de Arduino.

Adafruit GFX — guía para principiantes sobre cómo elegir el destino a color o monocromático e integrar el código de dibujo generado en un proyecto de ESP32 o Arduino.

ESPHome — guía paso a paso para diseñar una interfaz en Lopaka e integrarla en una configuración YAML de ESPHome.