Desenhe suas próprias animações: a atualização de verão
Em maio, lancei a biblioteca de animações. A primeira pergunta que todo mundo fez foi se poderia fazer as próprias. Agora você pode. Veja o que chegou desde então.
Editor de animação por quadros
Clique duas vezes em uma camada de animação ou clique em Editar no inspetor. A tela de desenho vira um editor de quadros com a barra de ferramentas padrão do Lopaka, a ferramenta Pintar, zoom e atalhos.
Cada quadro é um bitmap monocromático. Pinte diretamente nele ou coloque uma camada de retângulo, círculo, linha, texto ou imagem — ela se achata no quadro quando você avança.
Linha do tempo:
- Arraste para reordenar
- Option/Alt + arrastar copia um quadro em vez de movê-lo
- Duplicar quadro insere uma cópia depois do selecionado
- Adicionar e excluir quadros
- A faixa acompanha o indicador de reprodução
Reprodução e edição:
- Espaço reproduz e pausa
- Pele de cebola mostra o quadro anterior como um fantasma de 35% atrás do atual
- Defina a taxa de quadros de 1 a 60 quadros por segundo
- Redimensione a tela de desenho da animação a qualquer momento
- O tamanho da animação é limitado a 5 MiB
Importação de vídeo e GIF
Solte um MP4, MOV ou WebM no Image Wizard para amostrá-lo em uma animação:
- 10 quadros são mostrados para pré-visualização
- Defina a taxa de quadros de saída antes de importar
- Limites: 1.000 quadros e 5 MiB
Os GIFs animados agora têm um interruptor Animação / Quadros ao lado de Importar. Animação oferece uma camada com a sequência completa e o tempo do próprio GIF; Quadros mantém o comportamento antigo, por camada. Animação é o padrão.
Dois novos algoritmos de dithering oferecem melhor conversão monocromática para fontes diferentes. O Atkinson mantém displays pequenos legíveis ao descartar ruído de meios-tons, e o Bayer 8x8 produz um padrão regular em vez de pixels dispersos — útil para fundos e preenchimentos em que o Floyd-Steinberg parece sujo.
A reamostragem eliminou os modos que produziam resultados piores que o padrão. Alta qualidade encolhe fotos e arte detalhada sem perder pixels, Vizinho mais próximo mantém pixel art e ícones nítidos.
Animações personalizadas
O navegador de animações tem uma categoria Personalizadas com as animações salvas no projeto atual. Criar nova cria uma animação em branco no tamanho da sua tela e abre o editor de quadros com a caixa de diálogo de redimensionamento pronta.
Geração de código
O Flipper Zero agora oferece suporte a animações, com código de reprodução gerado especificamente para ele.
Rotação de texto em U8g2, Flipper, CircuitPython e LVGL. Gire uma camada de texto em 0, 90, 180 ou 270 graus a partir do inspetor.
Ferramentas de arco. O TFT_eSPI ganha um arco com raio, espessura, ângulos e cores editáveis, desenhado com bordas suavizadas por padrão. Desative Suave para extremidades duras. O LVGL ganha uma ferramenta separada Arco LVGL para o widget de arco, com rotação, valor e cores do indicador e da trilha.
As fontes personalizadas U8g2 são baixadas como arquivos .h prontos para compilar, que o código gerado reconhece sozinho. Habilite Renderizar apenas os glifos usados para manter apenas os caracteres que suas camadas de texto contêm, o que reduz a fonte a uma fração do seu tamanho em orçamentos apertados de flash.
Editor
O botão do meio do mouse arrasta a tela de desenho. Dois dedos deslocam e fazem pinça para zoom em dispositivos de toque.
Clique com o botão direito em uma pré-visualização de tela na lista de projetos para abrir seu menu de ações.
O editor de animações é a parte sobre a qual mais quero feedback. Conte para mim o que parece errado.