Introdução
Se sua equipe envia movimento interativo integrado ao Rive, você precisa de uma maneira confiável de revisar o arquivo de tempo de execução exportado antes que ele chegue ao código de produção. Isso significa olhar além de uma simples visualização visual e verificar como pranchetas, animações, máquinas de estado e entradas se comportam juntas.
O Visualizador de animação Rive do ToolBuddy oferece um espaço de trabalho baseado em navegador para esse trabalho exato. Ele abre arquivos `.riv` exportados localmente, executa a visualização em um trabalhador de tempo de execução isolado e mantém a superfície de revisão focada no comportamento do tempo de execução em vez de editar recursos.
Este guia percorre o fluxo de revisão típico para que você possa passar do carregamento do arquivo para o teste e transferência da máquina de estado sem configuração desnecessária.
Comece com o arquivo de tempo de execução `.riv` exportado
Comece com o arquivo de tempo de execução Rive exportado que sua equipe planeja enviar ou validar. O visualizador foi projetado para saídas `.riv`, não para arquivos de projeto de origem `.rev` editáveis ou backups internos.
Solte o arquivo `.riv` na ferramenta ou escolha-o no seletor de arquivos. O visualizador valida primeiro a assinatura RIVE binary e, em seguida, inicia a visualização do tempo de execução dentro de um trabalhador de tela isolado para que a página principal permaneça responsiva durante a inicialização.
- Use um arquivo de tempo de execução `.riv` exportado.
- Carregue-o arrastando e soltando ou com o seletor de arquivos.
- Aguarde a inicialização do tempo de execução e visualize a inicialização.
Escolha a prancheta, animação ou máquina de estado que você precisa revisar
Depois que o arquivo for carregado, use os controles inferiores para alternar a prancheta, animação ou máquina de estado ativa. Isso é útil quando a mesma exportação inclui vários estados de UI, variantes de caracteres ou sistemas de movimento.
Para revisão puramente baseada na linha do tempo, concentre-se em uma animação específica. Para validação da interação, vá para a máquina de estado relevante e mantenha o painel de contexto do tempo de execução visível para que os revisores saibam exatamente qual seleção está ativa.
- Selecione a prancheta correta para a superfície que você está revisando.
- Alterne animações quando precisar de verificações de tempo no nível do clipe.
- Altere máquinas de estado quando precisar de comportamento e validação de entrada.
Use controles de reprodução, velocidade e layout para verificar a apresentação
Os controles de reprodução ajudam a revisar o ritmo do movimento, as pausas e as transições de estado repetidas. Quando a seleção expõe uma linha de tempo de animação, o feedback do progresso permanece sincronizado com o clipe ativo para que você possa inspecionar o tempo com mais precisão.
As configurações de layout, como ajuste, alinhamento, escala, velocidade e plano de fundo da tela, facilitam a simulação de onde a animação ficará dentro de um produto. Esses controles são especialmente úteis para revisão de UI incorporada, verificações de posicionamento responsivas e controle de qualidade entre dispositivos.
- Ajuste a velocidade para desacelerar ou acelerar a revisão.
- Altere o ajuste, o alinhamento e a escala para corresponder à superfície alvo.
- Configure um plano de fundo de tela que reflita o contexto real da UI.
Teste as entradas da máquina de estado e inspecione o comportamento do tempo de execução ao vivo
As visualizações interativas tornam-se valiosas quando você pode manipular as mesmas entradas que o tempo de execução de produção receberá. Se a máquina de estado carregada expor booleanos, números ou gatilhos, use-os diretamente no painel de controle para testar transições e casos extremos.
À medida que você interage, o visualizador pode exibir alterações de estado na linha do tempo e eventos de tempo de execução. Isso torna mais fácil compreender se o estado atual mudou conforme o esperado ou se uma entrada produziu um caminho de transição surpreendente.
- Alternar booleanos para revisar estados condicionais.
- Edite números para testar o comportamento de limite ou intervalo.
- Dispare gatilhos para validar transições orientadas por eventos.
Use o modo handoff e o gravador de eventos para saída pronta para revisão
Quando desejar apresentar a visualização de forma limpa para outro revisor, ative o modo de transferência. Isso mantém visível o contexto de tempo de execução mais útil, ao mesmo tempo que reduz os controles de sinal mais baixo que são menos relevantes durante as sessões de feedback.
O gravador de eventos é a etapa final para revisão estruturada. Use-o para capturar o que aconteceu durante a sessão e, em seguida, exporte o resumo JSON local para acompanhamento de engenharia, notas de controle de qualidade ou documentação de revisão de projeto.