ToolBuddyToolBuddy
Strumenti di utilità

Visualizzatore di animazioni Rive

Anteprima dei file Rive `.riv` localmente con riproduzione di animazioni, test della macchina a stati, revisione della timeline dello stato, registrazione di eventi e controlli di layout pronti per il trasferimento.

Selezionare o rilasciare un file Rive .riv

Anteprima delle esportazioni interattive del runtime Rive localmente con cambio di tavole da disegno, input della macchina a stati, registrazione di eventi e controlli di layout pronti per l'handoff.

Mantiene il file `.riv` caricato nel browser senza caricamento sul server ToolBuddy.
Esegue il rendering Rive all'interno di un lavoratore isolato con OffscreenCanvas in modo che ToolBuddy possa ripristinarsi se l'avvio del runtime non riesce.
Espone tavole da disegno, animazioni, macchine a stati, input e velocità di riproduzione in un'unica area di lavoro di revisione.
Aggiunge una sequenza temporale dello stato e un registratore di eventi in modo che il comportamento in fase di esecuzione sia più semplice da spiegare durante il QA e il trasferimento.

Perché ToolBuddy?

Nessun caricamento file

Il tuo file `.riv` rimane sul tuo dispositivo.

Anteprima di runtime veloce

Il rendering del canvas inizia all'interno di un operatore di anteprima isolato.

Debugger interattivo

Ispeziona tavole da disegno, macchine a stati, input, eventi della sequenza temporale e contesto di revisione.

Gratuito, nessuna registrazione

Tutti gli strumenti sono gratuiti per sempre. Nessun account richiesto.

Conosci il tuo flusso di lavoro

File supportati e come usare.

Controlla i dettagli input/output supportati e segui i passaggi dello strumento prima di esportare.

🧾

Specifiche tecniche e segnali decisionali

Utilizza queste specifiche per convalidare l'idoneità del flusso di lavoro, i limiti della privacy e le aspettative di output prima di eseguire rive-animation-viewer.

Sicurezza

L'elaborazione viene eseguita nel browser, ove possibile, per ridurre l'esposizione al caricamento del server.

Dispositivo

Supporta i moderni browser desktop e mobili.

Specifiche tecniche

Input: file runtime Rive `.riv` esportati. Output: anteprima runtime nel browser con tavola da disegno, animazione, macchina a stati, input, layout, velocità, sequenza temporale, registratore di eventi e controlli di esportazione di revisione JSON locali.

🧭

Come usare

Controlla i dettagli input/output supportati e segui i passaggi dello strumento prima di esportare.

01

Selezionare o rilasciare un file runtime `.riv`.

02

Attendi la convalida della firma mentre l'anteprima del lavoratore isolato si avvia automaticamente.

03

Scegli la tavola da disegno, l'animazione o la macchina a stati che desideri rivedere.

04

Regola l'adattamento, l'allineamento, la scala e lo sfondo della tela per il layout di destinazione.

05

Utilizza i controlli di riproduzione, la velocità e gli input della macchina a stati per convalidare l'interattività.

06

Esamina la sequenza temporale dello stato, il registratore di eventi e la modalità di trasferimento prima di condividere feedback o note di integrazione.

Guida

Impara, decidi, e applicare.

Scopri come utilizzare come rivedere i file Rive localmente, perché è importante nei flussi di lavoro ripetuti e quando utilizzare questo strumento con sicurezza.

✨

Revisione della macchina a stati e debug di runtime

  • Mantiene il file `.riv` caricato nel browser senza caricamento sul server ToolBuddy.
  • Esegue il rendering Rive all'interno di un lavoratore isolato con OffscreenCanvas in modo che ToolBuddy possa ripristinarsi se l'avvio del runtime non riesce.
  • Espone tavole da disegno, animazioni, macchine a stati, input e velocità di riproduzione in un'unica area di lavoro di revisione.
  • Aggiunge una sequenza temporale dello stato e un registratore di eventi in modo che il comportamento in fase di esecuzione sia più semplice da spiegare durante il QA e il trasferimento.
  • Include layout, scala, sfondo e sovrapposizioni di ispezione per il test di incorporamento.
  • Consente ai revisori di esportare un riepilogo della sessione JSON locale senza condividere i file di origine.
🎯

Testare i trasferimenti Rive prima dell'integrazione

  • Testare i componenti Rive interattivi prima di aggiungere il codice runtime.
  • Verifica tavole da disegno, animazioni e macchine a stati esportate da Rive.
  • Esamina le transizioni di stato e le modifiche degli input durante il passaggio da progettista a sviluppatore.
  • Controlla il comportamento del layout per web, app, giochi o incorporamenti senza codice.
  • Esporta una sessione di revisione JSON locale per il debug o il follow-up del QA.
Di

Informazioni su Visualizzatore di animazioni Rive

Visualizzatore Rive in lineaVisualizzatore di animazioni RiveVisualizzatore macchina a stati Rive

Anteprima dei file runtime Rive esportati

Rive Animation Viewer apre i file runtime `.riv` esportati direttamente nel tuo browser in modo che designer, sviluppatori e revisori del QA possano ispezionare l'esatta risorsa runtime che verrà spedita.

Lo strumento convalida la firma "RIVE" binary prima di passare una copia del buffer del file a un'anteprima lavoratore isolata, che mantiene la pagina principale reattiva anche se il caricamento del runtime fallisce.

Ispezionare tavole da disegno, animazioni e macchine a stati

Passa da una tavola da disegno esportata all'altra, scegli clip di animazione ed esegui macchine a stati da un'area di lavoro di revisione locale invece di rimbalzare tra più superfici di test.

L'anteprima mantiene il contesto della selezione visibile sull'area di disegno mentre la sovrapposizione dell'ispettore riepiloga la firma, i conteggi e il dimensionamento della tavola da disegno per rapidi controlli di integrità.

Testare gli input interattivi e rivedere il comportamento

Quando una macchina a stati espone input, è possibile attivare/disattivare i valori booleani, modificare i numeri e attivare i trigger nel runtime live senza prima scrivere il codice di integrazione.

La sequenza temporale degli stati e i pannelli del registratore di eventi semplificano la spiegazione di tali interazioni durante il QA, la revisione e il trasferimento tecnico poiché le selezioni, gli eventi di runtime e le modifiche allo stato rimangono visibili.

Controllare il layout, la velocità e il comportamento dello sfondo

I controlli di adattamento, allineamento, scala, velocità e sfondo aiutano a convalidare il modo in cui l'animazione si posizionerà e si sentirà all'interno delle superfici del prodotto reale.

Il ridimensionamento reattivo dell'area di disegno mantiene l'anteprima utile per i controlli desktop e mobili, mentre la modalità di trasferimento riduce il pannello alle superfici di revisione più importanti.

Mantieni l'anteprima locale e condividi note di revisione strutturate

I file `.riv` caricati vengono letti localmente e non vengono caricati sui server ToolBuddy. Il registratore di eventi può esportare un'istantanea di revisione JSON locale senza copiare l'animazione sorgente su un backend.

Il lavoratore isolato carica il runtime Rive Canvas e WASM dal Rive CDN; se un file ".riv" fa riferimento a risorse ospitate da Rive, il runtime potrebbe recuperare tali risorse per completare l'anteprima.

FAQ

Comune domande.

Hai altre domande? Raggiungi tramite la nostra pagina dei contatti e risponderemo entro 24 ore.

I miei file Rive vengono caricati su un server?

No. Rive Animation Viewer legge il file `.riv` localmente e lo visualizza nel tuo browser.

Quali file sono supportati?

Lo strumento supporta i file `.riv` del runtime Rive esportati. I file di progetto o di backup `.rev` modificabili non sono supportati.

Posso rivedere le macchine a stati e gli input?

Sì. Puoi cambiare tavole da disegno, animazioni e macchine a stati, quindi testare input booleani, numerici e trigger esposti nel runtime live.

Posso esportare una sessione di revisione?

Sì. Il registratore di eventi può scaricare un riepilogo della sessione JSON locale che acquisisce selezioni, eventi di runtime, modifiche di input e attività della sequenza temporale.

Casi d'uso

Popolare flussi di lavoro.

Osserva i flussi di lavoro reali in cui questo strumento si adatta in modo naturale, quindi passa direttamente alla guida alle corrispondenze.

Visualizza tutti gli strumenti

Spine Viewer

Anteprima delle esportazioni Spine JSON, Atlas e PNG localmente con controlli di riproduzione, skin, velocità e debug.

Apri il flusso di lavoro

sprite atlante packer

Comprimi sprite o cartelle sciolti in fogli atlante con Unity, Phaser, Cocos, fogli di stile e preimpostazioni di esportazione di JSON CSS.

Apri il flusso di lavoro

Disimballatore di fogli Sprite

Disimballare i fogli dell'atlante degli sprite in singoli PNG sprite con l'analisi della configurazione, il rilevamento automatico e l'affettamento della griglia.

Apri il flusso di lavoro

Imparentato

Esplora di più utensili.

Visualizza tutti gli strumenti

Spine Viewer

Strumenti di utilitàPopolare

Anteprima delle esportazioni Spine JSON, Atlas e PNG localmente con controlli di riproduzione, skin, velocità e debug.

sprite atlante packer

Strumenti di utilità

Comprimi sprite o cartelle sciolti in fogli atlante con Unity, Phaser, Cocos, fogli di stile e preimpostazioni di esportazione di JSON CSS.

Disimballatore di fogli Sprite

Strumenti di utilità

Disimballare i fogli dell'atlante degli sprite in singoli PNG sprite con l'analisi della configurazione, il rilevamento automatico e l'affettamento della griglia.

Compressore di immagini

Strumenti per le immaginiPopolare

Comprimi file JPG, PNG e WebP con un veloce strumento per immagini private eseguito localmente nel tuo browser.