Notas de UI embarcada da bancada

Leve uma tela do Lopaka para um Arduino UNO com um OLED SSD1306 na Arduino IDE, leia a linha do construtor U8g2 e corrija cinco motivos para um display ficar preto.

Aprenda por que telas TFT coloridas piscam, depois transforme camadas do Lopaka em variáveis e mostre leituras ao vivo de um DHT22 em um ESP32 com TFT_eSPI sem piscar.

Aprenda como pixels coloridos, RGB565 e memória de imagem funcionam, depois crie um painel TFT de 320×240 no Lopaka com Adafruit GFX e execute ele em um ESP32.

Aprenda por que fontes, ícones e imagens custam memória em um Arduino UNO e depois monte um painel OLED de duas telas no Lopaka com U8g2, texto XOR e dithering.

Aprenda como pixels, coordenadas e uma biblioteca gráfica desenham uma tela OLED de 128×64, depois crie uma no Lopaka e execute o código U8g2 gerado em um simulador.

Corrija imagens SSD1306 em branco, espelhadas e deslocadas no U8g2. Confira a ordem de bits do XBM, o preenchimento das linhas, os argumentos do drawXBMP e o desenho com buffer completo versus buffer por páginas.

Exiba uma imagem convertida no LVGL 9, vincule o recurso C dela e identifique incompatibilidades da API v8. Entenda quando um PNG precisa de um decodificador em vez de um array de pixels bruto.

Corrija cores erradas em imagens TFT_eSPI em displays ST7789 e ILI9341. Separe a configuração RGB/BGR da ordem de bytes do RGB565 com um padrão de diagnóstico pequeno.

Converta imagens PNG e BMP em arrays C para Arduino e ESP32. Escolha XBM ou RGB565, calcule o tamanho do bitmap e combine a saída com a sua biblioteca de display.

Crie UIs de display mais complexas com grupos aninhados, preenchimento da ferramenta Pintura, exportações de imagem separadas, navegação entre telas mais fácil e novos jeitos de usar projetos Basic.

Projete as telas do seu dispositivo lado a lado na nova tela de desenho infinita do Lopaka. Mova artes entre telas, mantenha rascunhos por perto e compare layouts num relance.

Alexander Ponomarev criou o Cineink, uma UI de e-paper Adafruit GFX alimentada por bateria que mostra metadados de câmera ARRI ao vivo para equipes de filmagem sob a luz do dia.

Projete uma UI para display Arduino no navegador, visualize-a na resolução do seu painel e gere código para U8g2, Adafruit GFX, TFT_eSPI ou ArduinoGFX.

Projete uma UI para display TFT personalizado no seu navegador e exporte código de driver ESP32 para TFT_eSPI, ArduinoGFX ou Adafruit GFX em painéis ST7789 e ILI9341.

Projete uma UI para display ESP32 no navegador, visualize-a na resolução da sua tela e exporte código pronto para compilar para TFT_eSPI, U8g2 ou Adafruit GFX.

Converta imagens em arrays C para displays Arduino e ESP32, visualize o resultado em uma tela simulada e exporte código para U8g2, TFT_eSPI ou Adafruit GFX.

Converta imagens PNG, BMP e GIF em bitmaps XBMP U8g2 para SSD1306 e outros OLEDs monocromáticos, visualize-os em uma tela simulada e copie o código drawXBMP.

Um editor de animação por quadros, importação de animações de vídeo e GIF, bibliotecas de animações personalizadas, código de animação para Flipper Zero, rotação de texto nativa, ferramentas de arco para TFT_eSPI e LVGL e cabeçalhos de fonte U8g2 autossuficientes.

Como Jeremy Ngai construiu uma estação meteorológica de papel eletrônico de 4,2 polegadas que funciona por mais de 500 dias com uma única carga, com gráficos monocromáticos projetados no Lopaka.

Um olhar sobre o detector de raios Flash Bee, do gokux, e como seu painel TFT_eSPI redondo de 240x240 foi projetado no Lopaka.

Como a UI do relógio de mesa e-ink CLOCK-SAT V1 foi projetada no Lopaka e exportada para GxEPD2 em um módulo de papel eletrônico de 1,02 polegada.

O Lopaka adiciona animações integradas com código de reprodução gerado, novos controles da ferramenta Pintar, seleção de camadas mais rápida, busca de ícones e atualizações na geração de código das plataformas.

O Lopaka agora oferece suporte às plataformas LVGL e CircuitPython, além de atualizações auto-hospedadas e do marco de mais de 20.000 usuários.

A biblioteca de ícones do Lopaka chega a mais de 2.000 ícones, além de novas ferramentas de desenho, editor de código personalizado, suporte a fontes TrueType para U8g2, fundos de texto, GxEPD2, MicroPython e muito mais.

Por que os construtores de GUI vencem o desenho personalizado em sistemas embarcados de produção.

Crie uma UI completa de painel de casa inteligente ESP32 com controles de temperatura, iluminação e segurança.

Cinco erros comuns em GUIs embarcadas e formas práticas de evitá-los.

A partir deste mês, vou sortear uma assinatura Plus gratuita todo mês para o autor do projeto público mais popular na galeria do Lopaka. A popularidade é medida pelas estrelas + cópias recebidas durante aquele mês-calendário — os totais anteriores não são transferidos.

Tutorial passo a passo para criar sua primeira GUI Arduino em menos de 10 minutos usando o Lopaka.

Uma visão dos próximos passos do Lopaka: widgets LVGL, componentes reutilizáveis, ferramentas de precisão, upgrades de tipografia, fluxos, recursos, animação e colaboração — além de um código limitado de 50%.

Comemorando 10.000 usuários do Lopaka com destaques de projetos da comunidade e novos benefícios dos planos Basic/Hobby, como fontes personalizadas.

Seu convite para o centro da comunidade Lopaka. Criamos o centro da comunidade Lopaka no Discord.

Suporte à plataforma ArduinoGFX, importação de quadros de GIF, ordenação de telas por arrastar e soltar, dicas de cursor e filtragem por plataforma.

Apresentando o plano Hobby de US$ 4/mês com exportações e limites sensatos, além de notas sobre Plus, Enterprise e acesso gratuito para salas de aula.

Projete GUIs bonitas para ESP32 e Arduino em minutos! Nossa atualização de junho traz um editor moderno de arrastar e soltar, exportação instantânea de código C/C++ para Adafruit_GFX, TFT_eSPI, U8g2 e muito mais. Veja como o Lopaka.app torna a interface embarcada fácil.

Descubra os aprimoramentos mais recentes da nossa atualização de junho! Apresentamos suporte ao MicroPython, edição de texto simplificada, redimensionamento de imagens ativado e ferramenta de pintura aprimorada. Saiba como você pode ganhar um mês grátis de Lopaka Plus.

O desenvolvimento de GUI embarcada está quebrado. Descubra por que as ferramentas atuais ficam atrás das de web e mobile, e como o Lopaka foi construído do zero para trazer fluxos de design modernos, eficientes e conscientes do hardware para o mundo embarcado. É hora de um editor melhor.

A atualização de abril traz recursos novos e poderosos para simplificar seu fluxo de trabalho! Use variáveis para propriedades de camadas, oculte ou mostre camadas com facilidade e aproveite títulos de camada inteligentes para um código mais limpo. Também enviamos correções importantes para cantos arredondados e integração com o ESPHome.

Nossa atualização de março chegou, com suporte completo ao ESPHome! Crie gráficos para seus dispositivos de casa inteligente com geração de código lambda. Também adicionamos cores de fundo personalizadas para pré-visualizações e um novo Modo de desenho livre. Além disso, saiba como projetar para o relógio E-Paper Watchy.

Confira nossa atualização de fevereiro! Agora você pode importar arrays de bytes do código, aproveitar novas opções de compartilhamento e usar o recurso de refazer. Também estamos animados para anunciar os vencedores do nosso desafio de inverno. Veja os recursos novos e os projetos vencedores!

Nossa atualização de inverno chegou, e é grande para fontes! Assinantes Plus agora podem importar fontes TTF, OTF e WOFF. Também adicionamos ferramentas de alinhamento de camadas, títulos de camada em comentários de código para melhor legibilidade e novos filtros para a galeria pública. Confira os recursos novos e nosso Desafio de Inverno estendido!

Entre no clima festivo com o nosso Desafio de Natal! Saiba como você pode ganhar uma assinatura gratuita de um ano do Lopaka Plus compartilhando seus projetos e recebendo votos da comunidade. Também estamos reunindo feedback sobre um recurso muito pedido: edição direta de código. Divirta-se e ajude a definir o futuro do Lopaka!

A atualização de outubro traz um recurso muito pedido: fontes personalizadas para usuários Plus! Importe suas próprias fontes GFX e BDF, bloqueie camadas para proteger seu trabalho e aproveite edição de imagens e saída de código aprimoradas. Junte-se à nossa comunidade de mais de 1000 usuários e eleve seus designs.

A atualização de setembro é toda sobre um fluxo de trabalho mais rápido! Arraste e solte imagens da sua área de trabalho, envie e processe várias imagens de uma vez e aproveite o armazenamento na nuvem para todos os seus recursos. Também adicionamos títulos de camada personalizados e memória automática de fontes para economizar seu tempo.

Explore nossa atualização de agosto! Lançamos uma nova Galeria pública para mostrar projetos da comunidade e adicionamos 52 fontes novas à nossa biblioteca. Aproveite uma experiência aprimorada com novos controles de zoom e listas de displays específicas por plataforma. Faça fork, compartilhe e crie com o Lopaka!

O Lopaka Plus chegou! Estamos apresentando o armazenamento na nuvem para os seus projetos, acessível de qualquer lugar. Comece com nosso plano gratuito ou faça upgrade para o Lopaka Plus para projetos privados ilimitados e muito mais. Veja nossos preços e comece a criar hoje!

Estamos encerrando o programa beta do Lopaka para dar lugar a algo melhor! Leia sobre nossa jornada, nossa mudança para VueJS e Supabase, e prepare-se para o lançamento oficial do Lopaka Cloud. Contas pessoais e armazenamento de projetos chegam na próxima semana. O próximo capítulo começa agora!

Estamos comemorando nosso primeiro aniversário! Veja nossas atualizações mais recentes, incluindo suporte ao TFT_eSPI e um assistente avançado de processamento de imagens. Também temos o prazer de anunciar o Lopaka PRO, que chega em breve com armazenamento na nuvem, gerenciamento de recursos e recursos de prototipagem. Ajude a definir nosso futuro respondendo à nossa pesquisa.

Nosso resumo do 1º trimestre de 2024 chegou! Descubra uma lista enorme de recursos novos, incluindo suporte a displays e-paper Inkplate, importação de código poderosa e um novo editor interativo. Adicionamos fontes e ícones novos, operações avançadas com imagens e muito mais para melhorar seu fluxo de design de GUI embarcada.

No início de 2024, anunciamos a beta do Lopaka Cloud, oferecendo acesso vitalício em troca de feedback dos usuários. Este post detalha a visão inicial dos recursos na nuvem, como projetos, telas e a galeria pública. Conheça o programa que ajudou a definir o futuro do Lopaka (Observação: o programa beta já foi encerrado).

Acompanhe nossa jornada para reviver a clássica fonte Adafruit GFX. Um mergulho profundo em formatos obscuros, colaboração com a comunidade e a busca pela perfeição de pixels para displays embarcados.

Nossa primeira atualização regular, de novembro de 2023! Este post resume três meses de recursos fundamentais, incluindo salvar projetos localmente, copiar/colar, muitos atalhos de teclado e suporte ao AdafruitGFX. Também anunciamos a Beta do Lopaka Cloud e um recurso de pré-visualização ao vivo para o Flipper Zero.

Um olhar para as nossas origens em outubro de 2023. Este post é um dos nossos primeiros pedidos de feedback para quem entrou na lista de espera da beta do Lopaka. Veja como reunimos ideias para definir o futuro do app e oferecemos uma primeira amostra do nosso novo design e dos recursos na nuvem.