ToolBuddyToolBuddy
Herramientas utilitarias

Visor de animación Rive

Obtenga una vista previa de los archivos `.riv` de Rive localmente con reproducción de animación, pruebas de máquina de estado, revisión de línea de tiempo de estado, grabación de eventos y controles de diseño listos para transferir.

Seleccionar o soltar un archivo .riv de Rive

Obtenga una vista previa de las exportaciones interactivas del tiempo de ejecución de Rive localmente con cambio de mesa de trabajo, entradas de máquina de estado, grabación de eventos y controles de diseño listos para transferir.

Mantiene el archivo `.riv` cargado en su navegador sin necesidad de cargarlo en el servidor ToolBuddy.
Ejecuta el renderizado de Rive dentro de un trabajador aislado con OffscreenCanvas para que ToolBuddy pueda recuperarse si falla el inicio del tiempo de ejecución.
Expone mesas de trabajo, animaciones, máquinas de estado, entradas y velocidad de reproducción en un espacio de trabajo de revisión.
Agrega una línea de tiempo de estado y un registrador de eventos para que el comportamiento en tiempo de ejecución sea más fácil de explicar durante el control de calidad y la transferencia.

¿Por qué ToolBuddy?

No hay carga de archivos

Su archivo `.riv` permanece en su dispositivo.

Vista previa rápida del tiempo de ejecución

La representación del lienzo se inicia dentro de un trabajador de vista previa aislado.

Depurador interactivo

Inspeccionar mesas de trabajo, máquinas de estado, entradas, eventos de línea de tiempo y revisar el contexto.

Gratis, sin registro

Todas las herramientas son gratuitas para siempre. No se requiere cuenta.

Conozca su flujo de trabajo

Archivos compatibles y cómo utilizar.

Verifique los detalles de input/output compatibles y siga los pasos de la herramienta antes de exportar.

🧾

Especificaciones técnicas y señales de decisión.

Utilice estas especificaciones para validar el ajuste del flujo de trabajo, los límites de privacidad y las expectativas de salida antes de ejecutar rive-animation-viewer.

Costo

Flujo de trabajo gratuito sin puerta de registro para uso principal.

Seguridad

El procesamiento se ejecuta en el navegador siempre que sea posible para reducir la exposición a la carga del servidor.

Dispositivo

Admite navegadores móviles y de escritorio modernos.

Especificaciones técnicas

Entrada: archivos de tiempo de ejecución exportados de Rive `.riv`. Salida: vista previa del tiempo de ejecución en el navegador con mesa de trabajo, animación, máquina de estado, entrada, diseño, velocidad, línea de tiempo, grabador de eventos y controles de exportación de revisión local JSON.

🧭

Como usar

Verifique los detalles de input/output compatibles y siga los pasos de la herramienta antes de exportar.

01

Seleccione o suelte un archivo de tiempo de ejecución `.riv`.

02

Espere la validación de la firma mientras la vista previa del trabajador aislado se inicia automáticamente.

03

Elija la mesa de trabajo, la animación o la máquina de estado que desea revisar.

04

Ajuste el ajuste, la alineación, la escala y el fondo del lienzo para el diseño de destino.

05

Utilice controles de reproducción, velocidad y entradas de la máquina de estado para validar la interactividad.

06

Revise la línea de tiempo del estado, el registrador de eventos y el modo de transferencia antes de compartir comentarios o notas de integración.

Guía

Aprende, decide, y aplicar.

Comprenda cómo utilizar cómo revisar archivos Rive localmente, por qué es importante en flujos de trabajo repetidos y cuándo utilizar esta herramienta con confianza.

✨

Revisión de la máquina de estado y depuración del tiempo de ejecución

  • Mantiene el archivo `.riv` cargado en su navegador sin necesidad de cargarlo en el servidor ToolBuddy.
  • Ejecuta el renderizado de Rive dentro de un trabajador aislado con OffscreenCanvas para que ToolBuddy pueda recuperarse si falla el inicio del tiempo de ejecución.
  • Expone mesas de trabajo, animaciones, máquinas de estado, entradas y velocidad de reproducción en un espacio de trabajo de revisión.
  • Agrega una línea de tiempo de estado y un registrador de eventos para que el comportamiento en tiempo de ejecución sea más fácil de explicar durante el control de calidad y la transferencia.
  • Incluye superposiciones de diseño, escala, fondo e inspector para pruebas de inserción.
  • Permite a los revisores exportar un resumen de sesión local JSON sin compartir archivos fuente.
🎯

Prueba las transferencias de Rive antes de la integración

  • Pruebe los componentes interactivos de Rive antes de agregar código de tiempo de ejecución.
  • Verifique mesas de trabajo, animaciones y máquinas de estado exportadas desde Rive.
  • Revise las transiciones de estado y los cambios de entrada durante la transferencia de diseñador a desarrollador.
  • Verifique el comportamiento del diseño para incrustaciones web, de aplicaciones, de juegos o sin código.
  • Exporte una sesión de revisión JSON local para depuración o seguimiento de control de calidad.
Acerca de

Acerca de Visor de animación Rive

Visor Rive en líneaVisor de animación RiveVisor de máquinas de estado de Rive

Vista previa de archivos de tiempo de ejecución de Rive exportados

Rive Animation Viewer abre archivos de tiempo de ejecución `.riv` exportados directamente en su navegador para que los diseñadores, desarrolladores y revisores de control de calidad puedan inspeccionar el activo de tiempo de ejecución exacto que se enviará.

La herramienta valida la firma `RIVE` binary antes de pasar una copia del búfer del archivo a una vista previa del trabajador aislada, lo que mantiene la página principal receptiva incluso si falla la carga del tiempo de ejecución.

Inspeccionar mesas de trabajo, animaciones y máquinas de estado

Cambie entre mesas de trabajo exportadas, elija clips de animación y ejecute máquinas de estado desde un espacio de trabajo de revisión local en lugar de rebotar entre múltiples superficies de prueba.

La vista previa mantiene el contexto de la selección visible en el lienzo, mientras que la superposición del inspector resume la firma, los recuentos y el tamaño de la mesa de trabajo para realizar comprobaciones rápidas.

Probar entradas interactivas y revisar el comportamiento

Cuando una máquina de estado expone entradas, puede alternar valores booleanos, editar números y activar activadores en el tiempo de ejecución en vivo sin escribir primero el código de integración.

Los paneles de registro de eventos y línea de tiempo de estado hacen que esas interacciones sean más fáciles de explicar durante el control de calidad, la revisión y la transferencia de ingeniería porque las selecciones, los eventos de tiempo de ejecución y los cambios de estado permanecen visibles.

Comprobar diseño, velocidad y comportamiento en segundo plano

Los controles de ajuste, alineación, escala, velocidad y fondo ayudan a validar cómo se ubicará y se sentirá la animación dentro de las superficies reales del producto.

El cambio de tamaño del lienzo responsivo mantiene la vista previa útil en las comprobaciones de escritorio y móviles, mientras que el modo de transferencia reduce el panel a las superficies de revisión más importantes.

Mantenga la vista previa local y comparta notas de revisión estructuradas

Los archivos `.riv` cargados se leen localmente y no se cargan en los servidores ToolBuddy. La grabadora de eventos puede exportar una instantánea de revisión JSON local sin copiar la animación de origen a un backend.

El trabajador aislado carga el tiempo de ejecución del lienzo de Rive y WASM desde Rive CDN; si un `.riv` hace referencia a activos alojados en Rive, el tiempo de ejecución puede recuperar esos activos para completar la vista previa.

FAQ

Común preguntas.

¿Tienes más preguntas? Comuníquese a través de nuestra pagina de contacto y le responderemos dentro de las 24 horas.

¿Se cargan mis archivos Rive a un servidor?

No. Rive Animation Viewer lee el archivo `.riv` localmente y lo representa en su navegador.

¿Qué archivos son compatibles?

La herramienta admite archivos exportados de tiempo de ejecución de Rive `.riv`. No se admiten archivos de copia de seguridad o proyectos `.rev` editables.

¿Puedo revisar las máquinas de estado y las entradas?

Sí. Puede cambiar mesas de trabajo, animaciones y máquinas de estado, luego probar entradas booleanas, numéricas y de activación expuestas en el tiempo de ejecución en vivo.

¿Puedo exportar una sesión de revisión?

Sí. El registrador de eventos puede descargar un resumen de sesión local JSON que captura selecciones, eventos de tiempo de ejecución, cambios de entrada y actividad de la línea de tiempo.

Casos de uso

Popular flujos de trabajo.

Vea flujos de trabajo reales en los que esta herramienta se adapta de forma natural y luego vaya directamente a la guía correspondiente.

Ver todas las herramientas

Spine Viewer

Vista previa de las exportaciones Spine JSON, atlas y PNG localmente con controles de reproducción, máscara, velocidad y depuración.

Abrir flujo de trabajo

Empaquetador de texturas

Empaque carpetas o sprites sueltos en hojas de atlas con ajustes preestablecidos de exportación de Unity, Phaser, Cocos, CSS y JSON.

Abrir flujo de trabajo

Desempaquetador de hojas de Sprite

Desempaquete las hojas del atlas de sprites en sprites PNG individuales con análisis de configuración, detección automática y corte de cuadrícula.

Abrir flujo de trabajo

Relacionado

Explora más herramientas.

Ver todas las herramientas

Spine Viewer

Herramientas utilitariasPopulares

Vista previa de las exportaciones Spine JSON, atlas y PNG localmente con controles de reproducción, máscara, velocidad y depuración.

Empaquetador de texturas

Herramientas utilitarias

Empaque carpetas o sprites sueltos en hojas de atlas con ajustes preestablecidos de exportación de Unity, Phaser, Cocos, CSS y JSON.

Desempaquetador de hojas de Sprite

Herramientas utilitarias

Desempaquete las hojas del atlas de sprites en sprites PNG individuales con análisis de configuración, detección automática y corte de cuadrícula.

Compresor Image

Herramientas ImagePopulares

Comprima archivos JPG, PNG y WebP con una rápida herramienta privada image que se ejecuta localmente en su navegador.