Documentação do Lopaka

O Lopaka é um editor gráfico no navegador para projetar interfaces embarcadas e gerar código para bibliotecas de display como U8g2, TFT_eSPI, AdafruitGFX, LVGL, ESPHome e muitas outras. Use os guias abaixo para começar ou para se aprofundar em um tópico específico.

Primeiros passos

Primeiros passos — Entre, crie seu primeiro projeto e chegue ao editor em poucos passos.

Visão geral do editor — Um passeio pelo layout do editor: a tela de desenho, o painel de camadas, o inspetor, o painel de código e a barra superior.

Plataformas — Como escolher a plataforma certa para o hardware do seu display, antes de criar um projeto.

Trabalhando no editor

Importando imagens — Traga imagens, GIFs ou vídeos e controle como eles são redimensionados e convertidos para sua plataforma de destino.

Animações — Adicione animações de quadros integradas, escolha tamanho e nível de detalhe e use o código de reprodução gerado.

Fontes — Formatos de fonte por plataforma, como escolher fontes integradas e como importar fontes personalizadas.

Atalhos de teclado — Referência completa dos atalhos de teclado para seleção, edição, zoom e ferramentas.

Código

Geração de código — Como o Lopaka transforma seu design em código-fonte: funções wrapper, nomes de camadas, variáveis, configurações de código, opções de exportação e importação de código.

Planos e preços

Planos de assinatura — Compare planos gratuitos e pagos, recursos e limites.

Guias de plataformas

U8g2 — Guia para iniciantes sobre projetar uma interface monocromática, selecionar um construtor de display e integrar o código gerado a um projeto Arduino.

Adafruit GFX — Guia para iniciantes sobre escolher o destino colorido ou monocromático e integrar o código de desenho gerado a um projeto ESP32 ou Arduino.

ESPHome — Guia passo a passo para projetar uma interface no Lopaka e conectá-la a uma configuração YAML do ESPHome.