ToolBuddyToolBuddy
Verktyg

Rive-animeringsvisare

Förhandsgranska Rive `.riv`-filer lokalt med uppspelning av animationer, testning av tillståndsmaskin, granskning av tillståndstidslinje, händelseinspelning och handoff-klara layoutkontroller.

Välj eller släpp en Rive .riv-fil

Förhandsgranska interaktiv Rive-runtime-export lokalt med växling av rittavla, inmatningar från tillståndsmaskin, händelseinspelning och handoff-klara layoutkontroller.

Behåller den uppladdade `.riv`-filen i din webbläsare utan ToolBuddy-serveruppladdning.
Kör Rive-rendering inuti en isolerad arbetare med OffscreenCanvas så att ToolBuddy kan återhämta sig om starttiden misslyckas.
Visar ritytor, animationer, tillståndsmaskiner, ingångar och uppspelningshastighet i en granskningsarbetsyta.
Lägger till en tillståndstidslinje och händelseregistrering så att körningsbeteende är lättare att förklara under QA och handoff.

Varför ToolBuddy?

Ingen filuppladdning

Din `.riv`-fil finns kvar på din enhet.

Snabb förhandsvisning av körtid

Canvas-rendering startar inuti en isolerad förhandsgranskningsarbetare.

Interaktiv debugger

Inspektera ritytor, tillståndsmaskiner, indata, tidslinjehändelser och granska sammanhang.

Gratis, ingen registrering

Alla verktyg är gratis för alltid. Inget konto krävs.

Känn ditt arbetsflöde

Filer som stöds och hur man använder.

Kontrollera input/output-detaljer som stöds och följ verktygsstegen innan du exporterar.

🧾

Tekniska specifikationer och beslutssignaler

Använd dessa specifikationer för att validera arbetsflödesanpassning, integritetsgränser och förväntningar innan du kör rive-animation-viewer.

Kostnad

Fritt arbetsflöde utan registreringsgrind för kärnanvändning.

Säkerhet

Bearbetning körs i webbläsaren där det är möjligt för att minska exponeringen för serveruppladdning.

Device

Stöder moderna stationära och mobila webbläsare.

Tekniska specifikationer

Indata: exporterade Rive `.riv` runtime-filer. Utdata: förhandsvisning av körtid i webbläsaren med rityta, animering, tillståndsmaskin, inmatning, layout, hastighet, tidslinje, händelseinspelare och lokala exportkontroller för JSON granskningar.

🧭

Hur man använder

Kontrollera input/output-detaljer som stöds och följ verktygsstegen innan du exporterar.

01

Välj eller släpp en ".riv" runtime-fil.

02

Vänta på signaturvalidering medan den isolerade arbetarförhandsgranskningen startar automatiskt.

03

Välj ritytan, animationen eller tillståndsmaskinen du vill granska.

04

Justera passform, justering, skala och canvasbakgrund för din mållayout.

05

Använd uppspelningskontroller, hastighet och tillståndsmaskiningångar för att validera interaktivitet.

06

Granska tillståndets tidslinje, händelseinspelare och handoff-läge innan du delar feedback eller integreringsanteckningar.

Guide

Lär dig, bestäm dig, och ansök.

Förstå hur du använder hur man granskar Rive-filer lokalt, varför det är viktigt i upprepade arbetsflöden och när du ska använda det här verktyget med tillförsikt.

✨

Granskning av tillståndsmaskin och körningsfelsökning

  • Behåller den uppladdade `.riv`-filen i din webbläsare utan ToolBuddy-serveruppladdning.
  • Kör Rive-rendering inuti en isolerad arbetare med OffscreenCanvas så att ToolBuddy kan återhämta sig om starttiden misslyckas.
  • Visar ritytor, animationer, tillståndsmaskiner, ingångar och uppspelningshastighet i en granskningsarbetsyta.
  • Lägger till en tillståndstidslinje och händelseregistrering så att körningsbeteende är lättare att förklara under QA och handoff.
  • Inkluderar layout, skala, bakgrund och inspektörsöverlägg för inbäddningstestning.
  • Låter granskare exportera en lokal JSON-sessionssammanfattning utan att dela källfiler.
🎯

Testa Rive-handoffs före integration

  • Testa interaktiva Rive-komponenter innan du lägger till körtidskod.
  • Verifiera ritytor, animationer och tillståndsmaskiner som exporterats från Rive.
  • Granska tillståndsövergångar och indataändringar under handoff från designer till utvecklare.
  • Kontrollera layoutbeteende för webb-, app-, spel- eller kodfri inbäddningar.
  • Exportera en lokal JSON-granskningssession för felsökning eller QA-uppföljning.
Om

Om Rive-animeringsvisare

Rive Viewer OnlineRive Animation ViewerRive State Machine Viewer

Förhandsgranska exporterade Rive-runtime-filer

Rive Animation Viewer öppnar exporterade ".riv" runtime-filer direkt i din webbläsare så att designers, utvecklare och QA-granskare kan inspektera den exakta runtime-tillgången som kommer att skickas.

Verktyget validerar "RIVE" binary-signaturen innan en kopia av filbufferten skickas till en isolerad arbetarförhandsgranskning, vilket håller huvudsidan responsiv även om en körtidsladdning misslyckas.

Inspektera ritytor, animationer och tillståndsmaskiner

Växla mellan exporterade ritytor, välj animationsklipp och kör tillståndsmaskiner från en lokal granskningsarbetsyta istället för att studsa mellan flera testytor.

Förhandsgranskningen håller urvalssammanhanget synligt på arbetsytan medan inspektörsöverlägget sammanfattar signatur, antal och storlek på ritytan för snabba förnuftskontroller.

Testa interaktiva ingångar och granska beteende

När en tillståndsmaskin exponerar ingångar kan du växla booleaner, redigera siffror och utlösa utlösare i livekörningstiden utan att först skriva integrationskod.

Tillståndstidslinje och händelseregistreringspaneler gör dessa interaktioner lättare att förklara under QA, granskning och ingenjörsöverlämning eftersom urval, körtidshändelser och tillståndsändringar förblir synliga.

Kontrollera layout, hastighet och bakgrundsbeteende

Kontroller för passning, justering, skala, hastighet och bakgrund hjälper till att validera hur animeringen kommer att sitta och kännas inuti verkliga produktytor.

Responsiv storlek på arbetsytan gör att förhandsgranskningen är användbar på skrivbordet och mobilen medan handoff-läget tar bort panelen till de recensionsytor som betyder mest.

Behåll förhandsgranskningen lokal och dela strukturerade recensionsanteckningar

Uppladdade `.riv`-filer läses lokalt och laddas inte upp till ToolBuddy-servrar. Händelseinspelaren kan exportera en lokal JSON granskningsbild utan att kopiera din källanimering till en backend.

Den isolerade arbetaren laddar Rive canvas runtime och WASM från Rive CDN; om en ".riv" refererar till Rive-värdade tillgångar, kan körtiden hämta dessa tillgångar för att slutföra förhandsgranskningen.

FAQ

Vanligt frågor.

Har du fler frågor? Nå ut via vår kontaktsida och vi kommer att svara inom 24 timmar.

Laddar mina Rive-filer upp till en server?

Nej. Rive Animation Viewer läser `.riv`-filen lokalt och renderar den i din webbläsare.

Vilka filer stöds?

Verktyget stöder exporterade Rive runtime `.riv`-filer. Redigerbara `.rev`-projekt eller säkerhetskopior stöds inte.

Kan jag granska tillståndsmaskiner och ingångar?

Ja. Du kan byta ritytor, animationer och tillståndsmaskiner och sedan testa exponerade boolean-, nummer- och triggeringångar under livekörningen.

Kan jag exportera en recensionssession?

Ja. Händelseskrivaren kan ladda ner en lokal JSON-sessionssammanfattning som fångar val, körtidshändelser, indataändringar och tidslinjeaktivitet.

Användningsfall

Populär arbetsflöden.

Se verkliga arbetsflöden där detta verktyg passar naturligt, hoppa sedan direkt in i matchningsguiden.

Se alla verktyg

Ryggradsläsare

Preview Spine JSON, atlas och PNG exporterar lokalt med uppspelnings-, skal-, hastighets- och felsökningskontroller.

Öppna arbetsflöde

sprite atlas packer

Packa lösa sprites eller mappar i atlasark med Unity, Phaser, Cocos, CSS och förinställningar för export av JSON.

Öppna arbetsflöde

Sprite arkuppackare

Packa upp sprite-atlasark i individuella PNG sprites med konfigurationsanalys, automatisk detektering och rutnätsskärning.

Öppna arbetsflöde

Relaterat

Utforska mer verktyg.

Se alla verktyg

Ryggradsläsare

VerktygPopulärt

Preview Spine JSON, atlas och PNG exporterar lokalt med uppspelnings-, skal-, hastighets- och felsökningskontroller.

sprite atlas packer

Verktyg

Packa lösa sprites eller mappar i atlasark med Unity, Phaser, Cocos, CSS och förinställningar för export av JSON.

Sprite arkuppackare

Verktyg

Packa upp sprite-atlasark i individuella PNG sprites med konfigurationsanalys, automatisk detektering och rutnätsskärning.

Bildkompressor

BildverktygPopulärt

Komprimera JPG-, PNG- och WebP-filer med ett snabbt verktyg för privata bilder som körs lokalt i din webbläsare.