Inleiding
Als uw team interactieve beweging levert die is ingebouwd in Rive, hebt u een betrouwbare manier nodig om het geëxporteerde runtimebestand te beoordelen voordat het de productiecode bereikt. Dat betekent dat we verder moeten kijken dan een eenvoudig visueel voorbeeld en moeten controleren hoe tekengebieden, animaties, statusmachines en invoer zich samen gedragen.
ToolBuddy's Rive-animatieviewer biedt u een browsergebaseerde werkruimte voor precies die taak. Het opent geëxporteerde '.riv'-bestanden lokaal, voert de preview uit in een geïsoleerde runtime-worker en houdt het beoordelingsoppervlak gericht op runtime-gedrag in plaats van op bewerkingsfuncties.
In deze handleiding wordt de typische beoordelingsstroom doorlopen, zodat u zonder onnodige instellingen kunt overstappen van het laden van bestanden naar het testen en overdragen op de staatsmachine.
Begin met het geëxporteerde runtimebestand `.riv`
Begin met het geëxporteerde runtimebestand Rive dat uw team wil verzenden of valideren. De viewer is ontworpen voor `.riv`-uitvoer, niet voor bewerkbare `.rev`-bronprojectbestanden of interne back-ups.
Zet het `.riv`-bestand neer in het hulpprogramma of kies het uit de bestandskiezer. De viewer valideert eerst de RIVE binary-handtekening en start vervolgens de runtime-preview in een geïsoleerde canvasworker, zodat de hoofdpagina tijdens het opstarten reageert.
- Gebruik een geëxporteerd `.riv` runtime-bestand.
- Laad het met slepen en neerzetten of met de bestandskiezer.
- Wacht op opstarten van runtime en initialisatie van voorbeeld.
Kies het tekengebied, de animatie of de statusmachine die u wilt beoordelen
Zodra het bestand is geladen, gebruikt u de onderste bedieningselementen om het actieve tekengebied, de animatie of de statusmachine te wijzigen. Dit is handig als dezelfde export meerdere UI-statussen, karaktervarianten of bewegingssystemen bevat.
Voor een puur tijdlijngebaseerde beoordeling kunt u zich concentreren op een specifieke animatie. Voor interactievalidatie gaat u naar de relevante statusmachine en houdt u het runtimecontextpaneel zichtbaar, zodat reviewers precies weten welke selectie actief is.
- Selecteer het juiste tekengebied voor het oppervlak dat u beoordeelt.
- Schakel tussen animaties wanneer u timingcontroles op clipniveau nodig heeft.
- Wijzig de status van machines wanneer u gedrag en invoervalidatie nodig heeft.
Gebruik bedieningselementen voor afspelen, snelheid en lay-out om de presentatie te controleren
Met de afspeelknoppen kunt u het bewegingstempo, pauzes en herhaalde statusovergangen bekijken. Wanneer de selectie een animatietijdlijn blootlegt, blijft de voortgangsfeedback gesynchroniseerd met de actieve clip, zodat u de timing nauwkeuriger kunt inspecteren.
Lay-outinstellingen zoals pasvorm, uitlijning, schaal, snelheid en canvasachtergrond maken het gemakkelijker om te simuleren waar de animatie in een product zal verschijnen. Deze bedieningselementen zijn vooral handig voor beoordeling van de ingebedde gebruikersinterface, responsieve plaatsingscontroles en QA op verschillende apparaten.
- Pas de snelheid aan om de beoordeling te vertragen of te versnellen.
- Pasvorm, uitlijning en schaal aanpassen aan het doeloppervlak.
- Stel een canvasachtergrond in die de echte UI-context weerspiegelt.
Test statusmachine-invoer en inspecteer live runtime-gedrag
Interactieve previews worden waardevol wanneer u dezelfde invoer kunt manipuleren als de productieruntime. Als de geladen statusmachine booleans, getallen of triggers vrijgeeft, kunt u deze rechtstreeks in het configuratiescherm gebruiken om overgangen en randgevallen te testen.
Terwijl u communiceert, kan de kijker statuswijzigingen in de tijdlijn en runtime-gebeurtenissen weergeven. Dat maakt het gemakkelijker om te begrijpen of de huidige toestand is veranderd zoals verwacht, of dat een input een verrassend transitiepad heeft opgeleverd.
- Schakel booleans in om voorwaardelijke statussen te bekijken.
- Bewerk getallen om het drempel- of bereikgedrag te testen.
- Activeert triggers om gebeurtenisgestuurde overgangen te valideren.
Gebruik de overdrachtsmodus en de gebeurtenisrecorder voor uitvoer die gereed is voor beoordeling
Als u het voorbeeld netjes aan een andere revisor wilt presenteren, schakelt u de overdrachtsmodus in. Hierdoor blijft de nuttigste runtimecontext zichtbaar en worden de besturingselementen met een lager signaal verminderd die minder relevant zijn tijdens feedbacksessies.
De gebeurtenisrecorder is de laatste stap voor gestructureerde beoordeling. Gebruik het om vast te leggen wat er tijdens de sessie is gebeurd en exporteer vervolgens de lokale JSON-samenvatting voor technische follow-up, QA-notities of ontwerpbeoordelingsdocumentatie.