ToolBuddyToolBuddy
Ferramentas utilitárias

Visualizador de animação Rive

Visualize arquivos Rive `.riv` localmente com reprodução de animação, testes de máquina de estado, revisão de cronograma de estado, gravação de eventos e controles de layout prontos para transferência.

Selecione ou solte um arquivo Rive .riv

Visualize exportações interativas de tempo de execução Rive localmente com comutação de prancheta, entradas de máquina de estado, gravação de eventos e controles de layout prontos para entrega.

Mantém o arquivo `.riv` carregado em seu navegador sem upload do servidor ToolBuddy.
Executa a renderização Rive dentro de um trabalhador isolado com OffscreenCanvas para que ToolBuddy possa se recuperar se a inicialização do tempo de execução falhar.
Expõe pranchetas, animações, máquinas de estado, entradas e velocidade de reprodução em um espaço de trabalho de revisão.
Adiciona uma linha do tempo de estado e um gravador de eventos para que o comportamento do tempo de execução seja mais fácil de explicar durante o controle de qualidade e a transferência.

Por que ToolBuddy?

Nenhum upload de arquivo

Seu arquivo `.riv` permanece no seu dispositivo.

Visualização rápida do tempo de execução

A renderização da tela começa dentro de um trabalhador de visualização isolado.

Depurador interativo

Inspecione pranchetas, máquinas de estado, entradas, eventos da linha do tempo e revise o contexto.

Gratuito, sem inscrição

Todas as ferramentas são gratuitas para sempre. Nenhuma conta é necessária.

Conheça seu fluxo de trabalho

Arquivos suportados e como usar.

Verifique os detalhes do input/output compatível e siga as etapas da ferramenta antes de exportar.

🧾

Especificações técnicas e sinais de decisão

Use essas especificações para validar o ajuste do fluxo de trabalho, os limites de privacidade e as expectativas de saída antes de executar o rive-animation-viewer.

Custo

Fluxo de trabalho gratuito, sem porta de inscrição para uso principal.

Security

Processing é executado no navegador sempre que possível para reduzir a exposição ao upload do servidor.

Dispositivo

Suporta navegadores modernos para desktop e dispositivos móveis.

Especificações técnicas

Entrada: arquivos de tempo de execução Rive `.riv` exportados. Saída: visualização do tempo de execução no navegador com prancheta, animação, máquina de estado, entrada, layout, velocidade, linha do tempo, gravador de eventos e controles locais de exportação de revisão JSON.

🧭

Como usar

Verifique os detalhes do input/output compatível e siga as etapas da ferramenta antes de exportar.

01

Selecione ou solte um arquivo de tempo de execução `.riv`.

02

Aguarde a validação da assinatura enquanto a visualização do trabalhador isolado é iniciada automaticamente.

03

Escolha a prancheta, a animação ou a máquina de estado que deseja revisar.

04

Ajuste o ajuste, o alinhamento, a escala e o plano de fundo da tela para o layout de destino.

05

Use controles de reprodução, velocidade e entradas de máquina de estado para validar a interatividade.

06

Revise o cronograma do estado, o gravador de eventos e o modo de transferência antes de compartilhar comentários ou notas de integração.

Guia

Aprenda, decida, e aplique.

Entenda como usar o como revisar arquivos Rive localmente, por que ele é importante em fluxos de trabalho repetidos e quando usar essa ferramenta com confiança.

✨

Revisão de máquina de estado e depuração de tempo de execução

  • Mantém o arquivo `.riv` carregado em seu navegador sem upload do servidor ToolBuddy.
  • Executa a renderização Rive dentro de um trabalhador isolado com OffscreenCanvas para que ToolBuddy possa se recuperar se a inicialização do tempo de execução falhar.
  • Expõe pranchetas, animações, máquinas de estado, entradas e velocidade de reprodução em um espaço de trabalho de revisão.
  • Adiciona uma linha do tempo de estado e um gravador de eventos para que o comportamento do tempo de execução seja mais fácil de explicar durante o controle de qualidade e a transferência.
  • Inclui sobreposições de layout, escala, plano de fundo e inspetor para testes incorporados.
  • Permite que os revisores exportem um resumo da sessão JSON local sem compartilhar arquivos de origem.
🎯

Teste as transferências do Rive antes da integração

  • Teste os componentes interativos do Rive antes de adicionar o código de tempo de execução.
  • Verifique pranchetas, animações e máquinas de estado exportadas do Rive.
  • Revise as transições de estado e as alterações de entrada durante a transferência do designer para o desenvolvedor.
  • Verifique o comportamento do layout para incorporações na Web, em aplicativos, jogos ou sem código.
  • Exporte uma sessão de revisão JSON local para depuração ou acompanhamento de controle de qualidade.
Sobre

Sobre Visualizador de animação Rive

Visualizador Rive on-lineVisualizador de animação RiveVisualizador de máquina de estado Rive

Visualizar arquivos de tempo de execução exportados do Rive

O Rive Animation Viewer abre arquivos de tempo de execução `.riv` exportados diretamente em seu navegador para que designers, desenvolvedores e revisores de controle de qualidade possam inspecionar o ativo de tempo de execução exato que será enviado.

A ferramenta valida a assinatura `RIVE` binary antes de passar uma cópia do buffer de arquivo para uma visualização de trabalho isolada, que mantém a página principal responsiva mesmo se o carregamento do tempo de execução falhar.

Inspecione pranchetas, animações e máquinas de estado

Alterne entre pranchetas exportadas, escolha clipes de animação e execute máquinas de estado a partir de um espaço de trabalho de revisão local, em vez de alternar entre várias superfícies de teste.

A visualização mantém o contexto de seleção visível na tela, enquanto a sobreposição do inspetor resume a assinatura, as contagens e o tamanho da prancheta para verificações rápidas de integridade.

Teste entradas interativas e revise o comportamento

Quando uma máquina de estado expõe entradas, você pode alternar booleanos, editar números e disparar gatilhos no tempo de execução ao vivo sem escrever primeiro o código de integração.

A linha do tempo de estado e os painéis do gravador de eventos facilitam a explicação dessas interações durante o controle de qualidade, a revisão e a transferência do engenheiro, pois as seleções, os eventos de tempo de execução e as alterações de estado permanecem visíveis.

Verifique o layout, a velocidade e o comportamento em segundo plano

Os controles de ajuste, alinhamento, escala, velocidade e plano de fundo ajudam a validar como a animação ficará dentro das superfícies reais do produto.

O redimensionamento responsivo da tela mantém a visualização útil em verificações de desktop e dispositivos móveis, enquanto o modo de transferência reduz o painel às superfícies de revisão mais importantes.

Mantenha a visualização local e compartilhe notas de revisão estruturadas

Os arquivos `.riv` carregados são lidos localmente e não são carregados nos servidores ToolBuddy. O gravador de eventos pode exportar um instantâneo de revisão JSON local sem copiar sua animação de origem para um back-end.

O trabalhador isolado carrega o tempo de execução da tela Rive e o WASM do Rive CDN; se um `.riv` fizer referência a ativos hospedados no Rive, o tempo de execução poderá buscar esses ativos para concluir a visualização.

FAQ

Comum questões.

Tem mais perguntas? Entre em contato por meio nossa página de contato e responderemos dentro de 24 horas.

Meus arquivos Rive são carregados em um servidor?

Não. Rive Animation Viewer lê o arquivo `.riv` localmente e o renderiza em seu navegador.

Quais arquivos são suportados?

A ferramenta suporta arquivos `.riv` de tempo de execução Rive exportados. Projetos `.rev` editáveis ​​ou arquivos de backup não são suportados.

Posso revisar máquinas de estado e entradas?

Sim. Você pode alternar pranchetas, animações e máquinas de estado e, em seguida, testar entradas booleanas, numéricas e de acionamento expostas no tempo de execução ao vivo.

Posso exportar uma sessão de revisão?

Sim. O gravador de eventos pode baixar um resumo da sessão JSON local que captura seleções, eventos de tempo de execução, alterações de entrada e atividade da linha do tempo.

Casos de uso

Popular fluxos de trabalho.

Veja fluxos de trabalho reais onde essa ferramenta se encaixa naturalmente e vá direto para o guia correspondente.

Ver todas as ferramentas

Spine Viewer

Visualize as exportações do Spine JSON, atlas e PNG localmente com controles de reprodução, skin, velocidade e depuração.

Fluxo de trabalho aberto

empacotador de atlas sprite

Empacote sprites ou pastas soltas em folhas de atlas com Unity, Phaser, Cocos, CSS e predefinições de exportação de JSON.

Fluxo de trabalho aberto

Desembalador de folhas Sprite

Descompacte as folhas do atlas de sprites em PNG sprites individuais com análise de configuração, detecção automática e fatiamento de grade.

Fluxo de trabalho aberto

Relacionado

Explorar mais ferramentas.

Ver todas as ferramentas

Spine Viewer

Ferramentas utilitáriasPopulares

Visualize as exportações do Spine JSON, atlas e PNG localmente com controles de reprodução, skin, velocidade e depuração.

empacotador de atlas sprite

Ferramentas utilitárias

Empacote sprites ou pastas soltas em folhas de atlas com Unity, Phaser, Cocos, CSS e predefinições de exportação de JSON.

Desembalador de folhas Sprite

Ferramentas utilitárias

Descompacte as folhas do atlas de sprites em PNG sprites individuais com análise de configuração, detecção automática e fatiamento de grade.

Compressor de imagem

Ferramentas de imagemPopulares

Comprima arquivos JPG, PNG e WebP com uma ferramenta de imagem privada e rápida que roda localmente no navegador.