ToolBuddyToolBuddy
Eines d'utilitat

Visor d'animació Rive

Previsualitza localment els fitxers `.riv` de Rive amb reproducció d'animacions, proves de la màquina d'estat, revisió de la cronologia de l'estat, enregistrament d'esdeveniments i controls de disseny preparats per a l'entrega.

Seleccioneu o deixeu anar un fitxer Rive .riv

Previsualitza les exportacions interactives del temps d'execució de Rive localment amb canvis de taules de treball, entrades de màquines d'estat, enregistrament d'esdeveniments i controls de disseny preparats per a l'entrega.

Manté el fitxer `.riv` carregat al vostre navegador sense cap càrrega del servidor ToolBuddy.
Executa la representació de Rive dins d'un treballador aïllat amb OffscreenCanvas perquè ToolBuddy es pugui recuperar si falla l'inici del temps d'execució.
Exposa taules de treball, animacions, màquines d'estat, entrades i velocitat de reproducció en un espai de treball de revisió.
Afegeix una línia de temps d'estat i un enregistrador d'esdeveniments perquè el comportament en temps d'execució sigui més fàcil d'explicar durant el control de qualitat i el lliurament.

Per què ToolBuddy?

No s'ha carregat cap fitxer

El vostre fitxer `.riv` roman al vostre dispositiu.

Vista prèvia ràpida del temps d'execució

La representació del llenç comença dins d'un treballador de previsualització aïllat.

Depurador interactiu

Inspeccioneu les taules de treball, les màquines d'estat, les entrades, els esdeveniments de la línia de temps i reviseu el context.

Gratuït, sense registre

Totes les eines són gratuïtes per sempre. No es requereix cap compte.

Coneix el teu flux de treball

Fitxers compatibles i com utilitzar.

Comproveu els detalls de input/output compatibles i seguiu els passos de l'eina abans d'exportar.

🧾

Especificacions tècniques i senyals de decisió

Utilitzeu aquestes especificacions per validar l'ajust del flux de treball, els límits de privadesa i les expectatives de sortida abans d'executar rive-animation-viewer.

Cost

Flux de treball gratuït sense porta de registre per a l'ús bàsic.

Seguretat

El processament s'executa dins del navegador sempre que sigui possible per reduir l'exposició a la càrrega del servidor.

Dispositiu

Admet navegadors d'escriptori i mòbils moderns.

Especificacions tècniques

Entrada: fitxers d'execució de Rive `.riv` exportats. Sortida: vista prèvia del temps d'execució del navegador amb tauler de disseny, animació, màquina d'estat, entrada, disseny, velocitat, línia de temps, enregistrador d'esdeveniments i controls d'exportació de revisió local de JSON.

🧭

Com utilitzar

Comproveu els detalls de input/output compatibles i seguiu els passos de l'eina abans d'exportar.

01

Seleccioneu o deixeu anar un fitxer d'execució `.riv`.

02

Espereu la validació de la signatura mentre la previsualització del treballador aïllat s'inicia automàticament.

03

Trieu la taula de treball, l'animació o la màquina d'estat que voleu revisar.

04

Ajusteu l'ajust, l'alineació, l'escala i el fons del llenç per al vostre disseny objectiu.

05

Utilitzeu els controls de reproducció, la velocitat i les entrades de la màquina d'estat per validar la interactivitat.

06

Reviseu la cronologia de l'estat, la gravadora d'esdeveniments i el mode de lliurament abans de compartir comentaris o notes d'integració.

Guia

Aprendre, decidir, i aplicar.

Entendre com com revisar fitxers Rive localment, per què és important en els fluxos de treball repetits i quan utilitzar aquesta eina amb confiança.

✨

Revisió de la màquina d'estat i depuració en temps d'execució

  • Manté el fitxer `.riv` carregat al vostre navegador sense cap càrrega del servidor ToolBuddy.
  • Executa la representació de Rive dins d'un treballador aïllat amb OffscreenCanvas perquè ToolBuddy es pugui recuperar si falla l'inici del temps d'execució.
  • Exposa taules de treball, animacions, màquines d'estat, entrades i velocitat de reproducció en un espai de treball de revisió.
  • Afegeix una línia de temps d'estat i un enregistrador d'esdeveniments perquè el comportament en temps d'execució sigui més fàcil d'explicar durant el control de qualitat i el lliurament.
  • Inclou superposicions de disseny, escala, fons i inspector per a les proves d'inserció.
  • Permet als revisors exportar un resum de sessió local JSON sense compartir fitxers font.
🎯

Prova els traspàs de Rive abans de la integració

  • Proveu els components interactius de Rive abans d'afegir el codi d'execució.
  • Verifiqueu les taules de treball, les animacions i les màquines d'estat exportades des de Rive.
  • Reviseu les transicions d'estat i els canvis d'entrada durant el traspàs del dissenyador al desenvolupador.
  • Comproveu el comportament del disseny per a incrustacions web, aplicacions, jocs o sense codi.
  • Exporteu una sessió de revisió local de JSON per a la depuració o el seguiment del control de qualitat.
Sobre

Quant a Visor d'animació Rive

Rive Viewer en líniaVisor d'animació RiveVisor de màquina d'estat Rive

Previsualitza els fitxers d'execució de Rive exportats

Rive Animation Viewer obre els fitxers d'execució `.riv` exportats directament al vostre navegador perquè els dissenyadors, els desenvolupadors i els revisors de control de qualitat puguin inspeccionar l'actiu exacte de temps d'execució que s'enviarà.

L'eina valida la signatura `RIVE` binary abans de passar una còpia de la memòria intermèdia del fitxer a una vista prèvia del treballador aïllat, la qual cosa manté la pàgina principal responsiva fins i tot si falla una càrrega de temps d'execució.

Inspeccioneu les taules de treball, les animacions i les màquines d'estat

Canvieu entre taules de treball exportades, trieu clips d'animació i executeu màquines d'estat des d'un espai de treball de revisió local en lloc de rebotar entre diverses superfícies de prova.

La previsualització manté el context de selecció visible al llenç mentre que la superposició de l'inspector resumeix la signatura, els recomptes i la mida de la taula de treball per a comprovacions ràpides de seny.

Prova les entrades interactives i revisa el comportament

Quan una màquina d'estat exposa entrades, podeu canviar els booleans, editar números i activar activadors en temps d'execució en directe sense escriure primer codi d'integració.

La cronologia de l'estat i els panells de gravació d'esdeveniments fan que aquestes interaccions siguin més fàcils d'explicar durant el control de qualitat, la revisió i l'entrega de l'enginyer, perquè les seleccions, els esdeveniments en temps d'execució i els canvis d'estat es mantenen visibles.

Comproveu la disposició, la velocitat i el comportament de fons

Els controls d'ajust, alineació, escala, velocitat i fons ajuden a validar com s'assentarà i se sentirà l'animació a les superfícies reals del producte.

El canvi de mida del llenç responsiu fa que la previsualització sigui útil a les comprovacions d'escriptori i mòbils, mentre que el mode d'entrega redueix el tauler a les superfícies de revisió que més importen.

Manteniu la previsualització local i compartiu les notes de revisió estructurades

Els fitxers `.riv` carregats es llegeixen localment i no es pengen als servidors ToolBuddy. El gravador d'esdeveniments pot exportar una instantània de revisió JSON local sense copiar l'animació font a un backend.

El treballador aïllat carrega el temps d'execució del llenç de Rive i el WASM des del CDN de Rive; si un `.riv` fa referència a actius allotjats a Rive, el temps d'execució pot recuperar aquests actius per completar la previsualització.

FAQ

Comú preguntes.

Tens més preguntes? Arriba a través de la nostra pàgina de contacte i respondrem en 24 hores.

Els meus fitxers Rive es pengen a un servidor?

No. Rive Animation Viewer llegeix el fitxer `.riv` localment i el representa al vostre navegador.

Quins fitxers s'admeten?

L'eina admet els fitxers `.riv` del temps d'execució de Rive exportats. No s'admeten els fitxers de còpia de seguretat ni de projectes editables `.rev`.

Puc revisar les màquines d'estat i les entrades?

Sí. Podeu canviar les taules de treball, les animacions i les màquines d'estat i, a continuació, provar les entrades booleanes, numèriques i d'activació exposades en temps d'execució en directe.

Puc exportar una sessió de revisió?

Sí. El gravador d'esdeveniments pot descarregar un resum de sessió local JSON que captura seleccions, esdeveniments en temps d'execució, canvis d'entrada i activitat de cronologia.

Casos d'ús

Popular fluxos de treball.

Vegeu fluxos de treball reals on aquesta eina s'adapta de manera natural i, a continuació, aneu directament a la guia de concordança.

Veure totes les eines

Spine Viewer

Vista prèvia de Spine JSON, atles i PNG exporta localment amb controls de reproducció, skin, velocitat i depuració.

Flux de treball obert

empaquetador d'atles de sprites

Empaqueta sprites solts o carpetes en fulls d'atles amb Unity, Phaser, Cocos, CSS i predefinits d'exportació de JSON.

Flux de treball obert

Desempaquetador de fulls Sprite

Descomprimeix els fulls de l'atles dels sprites en PNG sprites individuals amb l'anàlisi de configuració, la detecció automàtica i el tallat de la graella.

Flux de treball obert

Relacionats

Exploreu més eines.

Veure totes les eines

Spine Viewer

Eines d'utilitatPopular

Vista prèvia de Spine JSON, atles i PNG exporta localment amb controls de reproducció, skin, velocitat i depuració.

empaquetador d'atles de sprites

Eines d'utilitat

Empaqueta sprites solts o carpetes en fulls d'atles amb Unity, Phaser, Cocos, CSS i predefinits d'exportació de JSON.

Desempaquetador de fulls Sprite

Eines d'utilitat

Descomprimeix els fulls de l'atles dels sprites en PNG sprites individuals amb l'anàlisi de configuració, la detecció automàtica i el tallat de la graella.

Compressor d'imatges

Eines d'imatgePopular

Comprimiu fitxers JPG, PNG i WebP amb una eina d'imatge privada ràpida que s'executa localment al vostre navegador.