ToolBuddyToolBuddy
Hulpprogramma's

Rive-animatieviewer

Bekijk Rive `.riv`-bestanden lokaal met animatieweergave, testen van de statusmachine, beoordeling van de statustijdlijn, opname van gebeurtenissen en lay-outbesturingselementen die gereed zijn voor handoff.

Selecteer een Rive .riv-bestand of zet het neer

Bekijk een voorbeeld van interactieve Rive-runtime-exports lokaal met tekengebiedwisseling, statusmachine-invoer, gebeurtenisopname en handoff-ready lay-outbesturingselementen.

Bewaart het geüploade `.riv`-bestand in uw browser zonder ToolBuddy-serverupload.
Voert Rive-rendering uit binnen een geïsoleerde werker met OffscreenCanvas, zodat ToolBuddy kan herstellen als het opstarten van de runtime mislukt.
Toont tekengebieden, animaties, statusmachines, invoer en afspeelsnelheid in één beoordelingswerkruimte.
Voegt een statustijdlijn en gebeurtenisrecorder toe, zodat runtime-gedrag gemakkelijker uit te leggen is tijdens QA en overdracht.

Waarom ToolBuddy?

Geen bestand geüpload

Uw `.riv`-bestand blijft op uw apparaat staan.

Snelle runtime-preview

Het renderen van canvas begint in een geïsoleerde preview-worker.

Interactieve debugger

Inspecteer tekengebieden, statusmachines, invoer, tijdlijngebeurtenissen en bekijk de context.

Gratis, geen aanmelding

Alle tools zijn voor altijd gratis. Geen account vereist.

Ken uw workflow

Ondersteunde bestanden en hoe te gebruiken.

Controleer de ondersteunde input/output-gegevens en volg de stappen in het hulpprogramma voordat u exporteert.

🧾

Technische specificaties en beslissingssignalen

Gebruik deze specificaties om de geschiktheid van de workflow, de privacygrenzen en de outputverwachtingen te valideren voordat u rive-animation-viewer uitvoert.

Kosten

Gratis workflow zonder aanmeldingspoort voor kerngebruik.

Beveiliging

De verwerking wordt waar mogelijk in de browser uitgevoerd om de blootstelling aan serveruploads te verminderen.

Apparaat

Ondersteunt moderne desktop- en mobiele browsers.

Technische specificaties

Invoer: Rive `.riv` runtime-bestanden geëxporteerd. Uitvoer: runtime-preview in de browser met tekengebied, animatie, state-machine, invoer, lay-out, snelheid, tijdlijn, gebeurtenisrecorder en lokale JSON-controle-exportcontroles.

🧭

Hoe te gebruiken

Controleer de ondersteunde input/output-gegevens en volg de stappen in het hulpprogramma voordat u exporteert.

01

Selecteer een `.riv` runtime-bestand of zet het neer.

02

Wacht op handtekeningvalidatie terwijl de preview van de geïsoleerde werknemer automatisch wordt gestart.

03

Kies het tekengebied, de animatie of de statusmachine die u wilt beoordelen.

04

Pas de pasvorm, uitlijning, schaal en canvasachtergrond aan voor uw doellay-out.

05

Gebruik afspeelknoppen, snelheid en state-machine-invoer om de interactiviteit te valideren.

06

Bekijk de statustijdlijn, gebeurtenisrecorder en overdrachtsmodus voordat u feedback of integratienotities deelt.

Gids

Leren, beslissen, en toepassen.

Begrijp hoe u hoe u Rive-bestanden lokaal kunt bekijken gebruikt, waarom dit van belang is bij herhaalde workflows en wanneer u deze tool met vertrouwen kunt gebruiken.

✨

Beoordeling van statusmachines en runtime-foutopsporing

  • Bewaart het geüploade `.riv`-bestand in uw browser zonder ToolBuddy-serverupload.
  • Voert Rive-rendering uit binnen een geïsoleerde werker met OffscreenCanvas, zodat ToolBuddy kan herstellen als het opstarten van de runtime mislukt.
  • Toont tekengebieden, animaties, statusmachines, invoer en afspeelsnelheid in één beoordelingswerkruimte.
  • Voegt een statustijdlijn en gebeurtenisrecorder toe, zodat runtime-gedrag gemakkelijker uit te leggen is tijdens QA en overdracht.
  • Inclusief lay-out, schaal, achtergrond en inspecteur-overlays voor het testen van insluitingen.
  • Hiermee kunnen reviewers een lokaal JSON-sessieoverzicht exporteren zonder bronbestanden te delen.
🎯

Test Rive-overdrachten vóór integratie

  • Test interactieve Rive-componenten voordat u runtime-code toevoegt.
  • Controleer tekengebieden, animaties en statusmachines die vanuit Rive zijn geëxporteerd.
  • Beoordeel statusovergangen en invoerwijzigingen tijdens de overdracht van ontwerper naar ontwikkelaar.
  • Controleer het lay-outgedrag voor web-, app-, game- of insluitingen zonder code.
  • Exporteer een lokale JSON-beoordelingssessie voor foutopsporing of QA-follow-up.
Over

Over Rive-animatieviewer

Riveviewer onlineRive-animatieviewerRive State Machineviewer

Bekijk een voorbeeld van geëxporteerde Rive-runtimebestanden

Rive Animation Viewer opent geëxporteerde `.riv` runtime-bestanden rechtstreeks in uw browser, zodat ontwerpers, ontwikkelaars en QA-recensenten het exacte runtime-item kunnen inspecteren dat wordt verzonden.

De tool valideert de `RIVE` binary-handtekening voordat een kopie van de bestandsbuffer wordt doorgegeven aan een geïsoleerde worker-preview, waardoor de hoofdpagina reageert, zelfs als het laden van de runtime mislukt.

Inspecteer tekengebieden, animaties en statusmachines

Schakel tussen geëxporteerde tekengebieden, kies animatieclips en voer statusmachines uit vanuit één lokale beoordelingswerkruimte in plaats van te stuiteren tussen meerdere testoppervlakken.

Het voorbeeld zorgt ervoor dat de selectiecontext zichtbaar blijft op het canvas, terwijl de infovensteroverlay de handtekening, tellingen en grootte van het tekengebied samenvat voor snelle controles.

Test interactieve invoer en controleer gedrag

Wanneer een statusmachine invoer vrijgeeft, kunt u booleans schakelen, getallen bewerken en triggers activeren in de live runtime zonder eerst integratiecode te schrijven.

Panelen voor statustijdlijnen en gebeurtenisrecorders maken deze interacties eenvoudiger uit te leggen tijdens QA, beoordeling en overdracht door engineers, omdat selecties, runtime-gebeurtenissen en statuswijzigingen zichtbaar blijven.

Controleer lay-out, snelheid en achtergrondgedrag

Bedieningselementen voor pasvorm, uitlijning, schaal, snelheid en achtergrond helpen valideren hoe de animatie zich in echte productoppervlakken zal bevinden en aanvoelen.

Dankzij het responsieve formaat van het canvas blijft het voorbeeld bruikbaar op desktop- en mobiele controles, terwijl de handoff-modus het paneel terugbrengt naar de beoordelingsoppervlakken die er het meest toe doen.

Houd het voorbeeld lokaal en deel gestructureerde beoordelingsnotities

Geüploade `.riv`-bestanden worden lokaal gelezen en worden niet geüpload naar ToolBuddy-servers. De gebeurtenisrecorder kan een lokale JSON-review-snapshot exporteren zonder uw bronanimatie naar een backend te kopiëren.

De geïsoleerde werker laadt de Rive canvas runtime en WASM vanuit de Rive CDN; als een `.riv` verwijst naar door Rive gehoste assets, kan de runtime die assets ophalen om de preview te voltooien.

FAQ

Algemeen vragen.

Heeft u nog vragen? Neem contact op via onze contactpagina en wij reageren binnen 24 uur.

Worden mijn Rive-bestanden geüpload naar een server?

Nee. Rive Animation Viewer leest het `.riv`-bestand lokaal en geeft het weer in uw browser.

Welke bestanden worden ondersteund?

De tool ondersteunt geëxporteerde Rive runtime `.riv`-bestanden. Bewerkbare `.rev`-project- of back-upbestanden worden niet ondersteund.

Kan ik statusmachines en invoer bekijken?

Ja. U kunt wisselen tussen tekengebieden, animaties en statusmachines en vervolgens blootgestelde boolean-, nummer- en triggerinvoer testen tijdens de live runtime.

Kan ik een beoordelingssessie exporteren?

Ja. De gebeurtenisrecorder kan een lokaal JSON-sessieoverzicht downloaden waarin selecties, runtime-gebeurtenissen, invoerwijzigingen en tijdlijnactiviteit worden vastgelegd.

Gebruiksscenario's

Populair werkstromen.

Bekijk echte workflows waar deze tool op natuurlijke wijze bij past, en spring dan direct naar de bijpassende gids.

Bekijk alle gereedschappen

Ruggengraatviewer

Preview Spine JSON, atlas en PNG exporteren lokaal met bedieningselementen voor afspelen, skin, snelheid en foutopsporing.

Werkstroom openen

sprite atlasverpakker

Verpak losse sprites of mappen in atlasbladen met de voorinstellingen voor Unity, Phaser, Cocos, CSS en JSONexport.

Werkstroom openen

Sprite Sheet-uitpakker

Pak sprite-atlasbladen uit in individuele PNG sprites met config parsing, auto-detect en grid slicing.

Werkstroom openen

Gerelateerd

Ontdek meer gereedschap.

Bekijk alle gereedschappen

Ruggengraatviewer

Hulpprogramma'sPopulair

Preview Spine JSON, atlas en PNG exporteren lokaal met bedieningselementen voor afspelen, skin, snelheid en foutopsporing.

sprite atlasverpakker

Hulpprogramma's

Verpak losse sprites of mappen in atlasbladen met de voorinstellingen voor Unity, Phaser, Cocos, CSS en JSONexport.

Sprite Sheet-uitpakker

Hulpprogramma's

Pak sprite-atlasbladen uit in individuele PNG sprites met config parsing, auto-detect en grid slicing.

Beeldcompressor

BeeldhulpmiddelenPopulair

Comprimeer JPG-, PNG- en WebP-bestanden met een snelle tool voor privéafbeeldingen die lokaal in uw browser wordt uitgevoerd.