Inledning
Om ditt team levererar interaktiv rörelse inbyggd i Rive, behöver du ett pålitligt sätt att granska den exporterade runtime-filen innan den når produktionskoden. Det innebär att se bortom en enkel visuell förhandsgranskning och kontrollera hur rittavlor, animationer, tillståndsmaskiner och ingångar beter sig tillsammans.
ToolBuddys Rive-animeringsvisare ger dig en webbläsarbaserad arbetsyta för just det jobbet. Den öppnar exporterade `.riv`-filer lokalt, kör förhandsvisningen i en isolerad runtime-arbetare och håller granskningsytan fokuserad på runtime-beteende istället för att redigera funktioner.
Den här guiden går igenom det typiska granskningsflödet så att du kan gå från filladdning till tillståndsmaskintestning och handoff utan onödiga installationer.
Börja med den exporterade runtime-filen `.riv`
Börja med den exporterade Rive runtime-filen som ditt team planerar att skicka eller validera. Viewern är designad för `.riv`-utgångar, inte redigerbara `.rev`-källprojektfiler eller interna säkerhetskopior.
Släpp `.riv`-filen i verktyget eller välj den från filväljaren. Viewern validerar RIVE binary-signaturen först och startar sedan körningsförhandsgranskningen inuti en isolerad canvas-arbetare så att huvudsidan förblir responsiv under uppstart.
- Använd en exporterad ".riv" runtime-fil.
- Ladda den med dra och släpp eller filväljaren.
- Vänta på körningsstart och förhandsvisningsinitiering.
Välj ritytan, animationen eller tillståndsmaskinen du behöver granska
När filen har laddats, använd de nedre kontrollerna för att byta den aktiva ritytan, animeringen eller tillståndsmaskinen. Detta är användbart när samma export inkluderar flera UI-tillstånd, teckenvarianter eller rörelsesystem.
För en ren tidslinjebaserad granskning, fokusera på en specifik animation. För interaktionsvalidering, flytta till den relevanta tillståndsmaskinen och håll runtime-kontextpanelen synlig så att granskarna vet exakt vilket val som är aktivt.
- Välj rätt rityta för ytan du granskar.
- Byt animationer när du behöver tidkontroller på klippnivå.
- Ändra tillståndsmaskiner när du behöver beteende och indatavalidering.
Använd uppspelnings-, hastighets- och layoutkontroller för att kontrollera presentationen
Uppspelningskontroller hjälper dig att granska rörelsestimulering, pauser och upprepade tillståndsövergångar. När valet visar en animationstidslinje förblir förloppsfeedback synkroniserad med det aktiva klippet så att du kan inspektera timingen mer exakt.
Layoutinställningar som passform, justering, skala, hastighet och canvasbakgrund gör det lättare att simulera var animationen kommer att leva i en produkt. Dessa kontroller är särskilt användbara för granskning av inbäddad gränssnitt, responsiva placeringskontroller och QA över flera enheter.
- Justera hastigheten för att sakta ner eller påskynda granskningen.
- Ändra passform, inriktning och skala för att matcha målytan.
- Ställ in en canvasbakgrund som återspeglar det verkliga användargränssnittet.
Testa tillståndsmaskinens ingångar och inspektera live-runtime-beteendet
Interaktiva förhandsvisningar blir värdefulla när du kan manipulera samma indata som produktionskörtiden kommer att ta emot. Om den laddade tillståndsmaskinen avslöjar booleaner, siffror eller triggers, använd dem direkt i kontrollpanelen för att testa övergångar och kantfall.
När du interagerar kan tittaren visa tillståndstidslinjeändringar och körtidshändelser. Det gör det lättare att förstå om det nuvarande tillståndet förändrades som förväntat eller om en insats gav en överraskande övergångsväg.
- Växla booleaner för att granska villkorliga tillstånd.
- Redigera nummer för att testa tröskel- eller intervallbeteende.
- Fire triggers för att validera händelsedrivna övergångar.
Använd handoff-läge och händelseinspelaren för granskningsklar utmatning
När du vill presentera förhandsgranskningen rent för en annan granskare, aktivera handoff-läge. Detta håller det mest användbara körtidskontextet synligt samtidigt som det minskar kontroller med lägre signaler som är mindre relevanta under feedbacksessioner.
Händelseskrivaren är det sista steget för strukturerad granskning. Använd den för att fånga vad som hände under sessionen och exportera sedan den lokala JSON-sammanfattningen för teknisk uppföljning, QA-anteckningar eller designgranskningsdokumentation.