Introduzione
Se il tuo team fornisce Interactive Motion integrato in Rive, hai bisogno di un modo affidabile per rivedere il file runtime esportato prima che raggiunga il codice di produzione. Ciò significa guardare oltre una semplice anteprima visiva e verificare come si comportano insieme tavole da disegno, animazioni, macchine a stati e input.
Il visualizzatore di animazioni Rive di ToolBuddy ti offre uno spazio di lavoro basato su browser per quel lavoro esatto. Apre i file `.riv` esportati localmente, esegue l'anteprima in un ruolo di lavoro runtime isolato e mantiene la superficie di revisione focalizzata sul comportamento di runtime anziché sulle funzionalità di modifica.
Questa guida illustra il tipico flusso di revisione in modo da poter passare dal caricamento del file al test della macchina a stati e al trasferimento senza configurazioni non necessarie.
Iniziare con il file runtime `.riv` esportato
Inizia con il file di runtime Rive esportato che il tuo team prevede di spedire o convalidare. Il visualizzatore è progettato per output `.riv`, file di progetto sorgente `.rev` non modificabili o backup interni.
Rilascia il file `.riv` nello strumento o selezionalo dal selettore file. Il visualizzatore convalida prima la firma RIVE binary, quindi avvia l'anteprima di runtime all'interno di un Canvas Worker isolato in modo che la pagina principale rimanga reattiva durante l'avvio.
- Utilizzare un file runtime `.riv` esportato.
- Caricalo trascinandolo o selezionando file.
- Attendere l'avvio del runtime e l'inizializzazione dell'anteprima.
Scegli la tavola da disegno, l'animazione o la macchina a stati che desideri rivedere
Una volta caricato il file, utilizzare i controlli inferiori per cambiare la tavola da disegno, l'animazione o la macchina a stati attiva. Ciò è utile quando la stessa esportazione include più stati dell'interfaccia utente, varianti di caratteri o sistemi di movimento.
Per una revisione basata esclusivamente sulla sequenza temporale, concentrarsi su un'animazione specifica. Per la convalida dell'interazione, spostati sulla macchina a stati pertinente e mantieni visibile il pannello del contesto di runtime in modo che i revisori sappiano esattamente quale selezione è attiva.
- Seleziona la tavola da disegno corretta per la superficie che stai esaminando.
- Cambia le animazioni quando sono necessari controlli di temporizzazione a livello di clip.
- Modificare le macchine a stati quando è necessaria la convalida del comportamento e dell'input.
Utilizza i controlli di riproduzione, velocità e layout per controllare la presentazione
I controlli di riproduzione ti aiutano a rivedere la stimolazione del movimento, le pause e le transizioni di stato ripetute. Quando la selezione espone una sequenza temporale dell'animazione, il feedback sull'avanzamento rimane sincronizzato con la clip attiva in modo da poter controllare i tempi in modo più preciso.
Le impostazioni di layout come adattamento, allineamento, scala, velocità e sfondo della tela semplificano la simulazione della posizione dell'animazione all'interno di un prodotto. Questi controlli sono particolarmente utili per la revisione dell'interfaccia utente incorporata, i controlli del posizionamento reattivo e il QA cross-device.
- Regola la velocità per rallentare o accelerare la revisione.
- Modificare adattamento, allineamento e scala per adattarli alla superficie di destinazione.
- Imposta uno sfondo dell'area di disegno che rifletta il contesto reale dell'interfaccia utente.
Testare gli input della macchina a stati e ispezionare il comportamento del runtime live
Le anteprime interattive diventano preziose quando è possibile manipolare gli stessi input che riceverà il runtime di produzione. Se la macchina a stati caricata espone booleani, numeri o trigger, usali direttamente nel pannello di controllo per testare transizioni e casi limite.
Mentre interagisci, il visualizzatore può far emergere le modifiche della sequenza temporale dello stato e gli eventi di runtime. Ciò rende più semplice capire se lo stato attuale è cambiato come previsto o se un input ha prodotto un percorso di transizione sorprendente.
- Attiva/disattiva i booleani per rivedere gli stati condizionali.
- Modificare i numeri per testare il comportamento della soglia o dell'intervallo.
- Attiva i trigger per convalidare le transizioni guidate dagli eventi.
Utilizzare la modalità handoff e il registratore di eventi per un output pronto per la revisione
Quando si desidera presentare l'anteprima in modo pulito a un altro revisore, abilitare la modalità handoff. Ciò mantiene visibile il contesto di runtime più utile riducendo al contempo i controlli di segnale inferiore che sono meno rilevanti durante le sessioni di feedback.
Il registratore di eventi è il passaggio finale per la revisione strutturata. Utilizzalo per acquisire ciò che è accaduto durante la sessione, quindi esporta il riepilogo locale JSON per il follow-up tecnico, le note di QA o la documentazione di revisione del progetto.