Novidades em animações, ferramentas de pintura e fluxo de trabalho do editor

Esta atualização deixa o Lopaka melhor para criar telas embarcadas reais: você pode adicionar animações prontas, editar camadas de bitmap diretamente na tela de desenho, selecionar camadas mais rápido e exportar código mais completo para as plataformas compatíveis.

Animações integradas

O Lopaka agora inclui um navegador de animações integrado para projetos com geração de código de animação.

Abra a ferramenta Imagem, escolha Animação e, depois, escolha uma animação da lista. O navegador tem categorias, busca, pré-visualizações ao passar o mouse e controles de tamanho/detalhe, para que você encontre a animação certa antes de colocá-la na tela.

As animações podem ser adicionadas em 32x32, 48x48 ou 64x64. Você também pode escolher o nível de detalhe:

• Alta: 28 quadros
• Média: 14 quadros
• Baixa: 7 quadros

Um detalhe menor mantém a animação menor para o firmware. O Lopaka mostra um tamanho estimado dos dados para o tamanho e o detalhe selecionados antes de você adicioná-la.

Quando você coloca uma animação, o Lopaka cria uma camada de animação no centro da tela de desenho. Ela se comporta como uma camada normal quanto a posicionamento e ordenação. Quando selecionada, ela é reproduzida no editor; quando não selecionada, mostra o primeiro quadro.

Código de animação gerado

As camadas de animação agora geram código de reprodução, não apenas dados estáticos de bitmap.

Com Incluir animação habilitado nas Configurações de código, o Lopaka gera os dados dos quadros, um auxiliar updateAnimations() e o código de desenho necessário para avançar os quadros ao longo do tempo. As plataformas que agrupam o desenho de animações também recebem um auxiliar drawAnimations().

Para a saída Adafruit GFX no estilo Arduino, o sketch gerado inclui um loop() que redesenha as animações. Para a saída U8g2 Arduino, a atualização da animação é conectada ao loop de imagens do U8g2. A saída U8g2 ESP-IDF continua incorporável, então ela não cria uma função app_main() para você.

Os anexos de animação são listados nas Configurações de código quando a tela usa camadas de animação. Baixe-os junto com o código gerado e coloque-os ao lado do seu sketch ou dos arquivos do projeto.

Melhor edição com Pintar

A ferramenta Pintar agora tem padrões de pincel. Escolha Completo, Tabuleiro, Linhas horizontais, Linhas verticais ou Círculo no menu suspenso de padrões, e a pré-visualização é atualizada antes de você desenhar.

O modo Borracha agora pode ser ativado diretamente enquanto você usa Pintar. Apagar com o botão direito continua funcionando, e ambos os caminhos de apagamento usam o padrão de pincel selecionado.

As camadas de Pintar também podem ser cortadas diretamente na tela de desenho. Selecione uma camada de Pintar, entre no modo de corte, ajuste as alças laranjas de corte e, depois, aplique ou cancele. Os cortes aplicados são adicionados ao histórico de desfazer.

Seleção de camadas mais rápida

A lista de Camadas agora oferece suporte aos padrões de seleção que você espera das ferramentas de desktop.

Use Ctrl/Cmd + clique para alternar camadas na seleção. Use Shift + clique para selecionar um intervalo a partir da última camada clicada. Os cabeçalhos de grupo também podem ser selecionados ou alternados como um grupo, e a seleção por intervalo inclui camadas dentro de grupos recolhidos.

Busca onde ela ajuda

Os pacotes de ícones agora têm busca entre os ícones integrados e as imagens do projeto atual. Busca na galeria.

A busca de animações filtra a lista de animações por nome e mantém visíveis apenas as categorias correspondentes.

Novidades de código e plataformas

Os triângulos do U8g2 agora seguem o comportamento da plataforma de forma consistente: as camadas de triângulo são preenchidas e não há opção de preenchimento para elas.

As camadas de polígono geram funções auxiliares com nomes derivados do nome da camada, convertidos em identificadores de código válidos.

Nas plataformas coloridas compatíveis, as camadas de texto podem usar uma cor de fundo, e esse fundo é incluído no código de desenho de texto gerado.