Introdução
As equipes que usam Rive geralmente precisam de uma maneira leve de revisar o arquivo de tempo de execução exportado exato, não apenas o projeto editável dentro do editor de design. Esse requisito aumenta à medida que os desenvolvedores, revisores de controle de qualidade e partes interessadas precisam validar o comportamento da máquina de estados antes do início da integração.
O Visualizador de animação Rive do ToolBuddy foi desenvolvido para esse estágio de revisão. Ele abre arquivos `.riv` exportados diretamente no navegador, mantém o arquivo local no dispositivo e expõe as pranchetas, animações, máquinas de estado e entradas de tempo de execução que são importantes durante a transferência.
Esta visão geral explica os recursos mais úteis do ToolBuddy Visualizador de animação Rive e por que eles tornam as revisões de animações interativas mais rápidas, claras e seguras para as equipes.
Revisão local do tempo de execução `.riv` sem uma etapa de upload do servidor
O benefício mais importante é a privacidade. O visualizador lê os arquivos de tempo de execução `.riv` exportados localmente em seu navegador, em vez de enviá-los aos servidores ToolBuddy para processamento. Isso reduz a exposição ao revisar animações de produtos de pré-lançamento, sistemas de movimento de marca ou ativos protegidos por NDA.
Este modelo local-first também remove o tempo de espera de upload. Depois que o shell da ferramenta for carregado, você pode soltar um arquivo `.riv` na página e passar diretamente para a visualização, inspeção e teste de interação.
- Leitura de arquivo local para arquivos de tempo de execução Rive exportados.
- Não é necessário fazer upload de ativos no lado ToolBuddy para fluxos de trabalho de revisão padrão.
- Iteração mais rápida ao comparar diversas exportações de tempo de execução.
Um lugar para alternar pranchetas, animações e máquinas de estado
Uma única exportação Rive pode conter diversas pranchetas, animações de linha do tempo e uma ou mais máquinas de estado. Os revisores não devem precisar reconstruir cenas de teste apenas para verificar qual superfície ou caminho de movimento está ativo.
O visualizador ToolBuddy apresenta essas seleções de tempo de execução diretamente nos controles de visualização. Você pode trocar a prancheta ativa, alterar a animação sob inspeção ou passar para uma máquina de estado diferente sem sair da sessão atual.
- Seleção de prancheta para exportações de múltiplas superfícies.
- Troca de animação para revisão direta do clipe.
- Seleção de máquina de estado para validação específica de comportamento.
Teste de entrada de máquina de estado para revisão interativa real
Os arquivos interativos Rive são mais do que animações lineares. Eles geralmente dependem de entradas booleanas, numéricas e de acionamento que alteram o comportamento da máquina de estado no tempo de execução do aplicativo ou do jogo.
O visualizador expõe essas entradas de tempo de execução para que os revisores possam simular interações antes de qualquer código de produto ser escrito. Isso ajuda os designers a confirmar as transições esperadas, permite que o controle de qualidade documente casos extremos e oferece aos engenheiros um contrato mais claro para implementação.
- Alterna entradas booleanas durante a reprodução em tempo de execução ao vivo.
- Ajusta entradas numéricas para testar transições baseadas em limites.
- Dispare entradas de gatilho para validar estados orientados a eventos.
A visibilidade da linha do tempo e a gravação de eventos melhoram a qualidade da transferência
A revisão da animação é mais fácil quando o tempo de execução pode se explicar. A linha do tempo de estado facilita o acompanhamento das transições, enquanto o gravador de eventos captura seleções, mudanças de estado, atualizações de velocidade e atividades de entrada durante a sessão.
Isto é especialmente útil para transferência. Em vez de enviar notas vagas como “o estado de foco parece atrasado”, os revisores podem capturar uma sessão de tempo de execução estruturada que mostra qual prancheta, animação, máquina de estado e entradas estavam ativas quando o problema apareceu.
- Registro de eventos em tempo de execução para histórico de reprodução e interação.
- Declare o contexto do cronograma para revisão focada na transição.
- Exportação de revisão local JSON para controle de qualidade e acompanhamento do desenvolvedor.
Verificações de layout, escala, velocidade e tela antes da integração
Um ativo de movimento pode estar correto internamente, mas ainda assim parecer errado na superfície final. O visualizador inclui controles de ajuste, alinhamento, escala, velocidade e plano de fundo da tela para que as equipes possam revisar como um ativo Rive se comportará em diferentes contextos de incorporação.
Esses controles transformam o visualizador em um prático ponto de verificação de pré-integração. Os designers podem validar a composição, as equipes de produto podem revisar o ritmo e os engenheiros podem usar as decisões de layout como orientação de transferência para implementação.