Einführung
Wenn Ihr Team in Rive erstellte interaktive Bewegungen ausliefert, benötigen Sie eine zuverlässige Möglichkeit, die exportierte Laufzeitdatei zu überprüfen, bevor sie den Produktionscode erreicht. Das bedeutet, über eine einfache visuelle Vorschau hinauszuschauen und zu prüfen, wie sich Zeichenflächen, Animationen, Zustandsautomaten und Eingaben zusammen verhalten.
Der Rive-Animationsanzeige von ToolBuddy bietet Ihnen einen browserbasierten Arbeitsbereich für genau diese Aufgabe. Es öffnet exportierte „.riv“-Dateien lokal, führt die Vorschau in einem isolierten Laufzeit-Worker aus und konzentriert die Überprüfungsoberfläche auf das Laufzeitverhalten statt auf Bearbeitungsfunktionen.
Dieser Leitfaden führt Sie durch den typischen Überprüfungsablauf, sodass Sie ohne unnötige Einrichtung vom Laden der Datei zum Testen und Übergeben der Zustandsmaschine übergehen können.
Beginnen Sie mit der exportierten „.riv“-Laufzeitdatei
Beginnen Sie mit der exportierten Rive-Laufzeitdatei, die Ihr Team versenden oder validieren möchte. Der Viewer ist für „.riv“-Ausgaben konzipiert, nicht für bearbeitbare „.rev“-Quellprojektdateien oder interne Backups.
Legen Sie die Datei „.riv“ im Tool ab oder wählen Sie sie aus der Dateiauswahl aus. Der Viewer validiert zuerst die Signatur RIVE binary und startet dann die Laufzeitvorschau in einem isolierten Canvas-Worker, damit die Hauptseite beim Start reaktionsfähig bleibt.
- Verwenden Sie eine exportierte „.riv“-Laufzeitdatei.
- Laden Sie es per Drag & Drop oder über die Dateiauswahl.
- Warten Sie auf den Laufzeitstart und die Vorschauinitialisierung.
Wählen Sie die Zeichenfläche, Animation oder Zustandsmaschine aus, die Sie überprüfen möchten
Sobald die Datei geladen ist, verwenden Sie die unteren Steuerelemente, um die aktive Zeichenfläche, Animation oder Zustandsmaschine zu wechseln. Dies ist nützlich, wenn derselbe Export mehrere UI-Status, Charaktervarianten oder Bewegungssysteme umfasst.
Konzentrieren Sie sich bei einer rein zeitleistenbasierten Überprüfung auf eine bestimmte Animation. Wechseln Sie zur Interaktionsvalidierung zur relevanten Zustandsmaschine und lassen Sie das Laufzeitkontextfenster sichtbar, damit Prüfer genau wissen, welche Auswahl aktiv ist.
- Wählen Sie die richtige Zeichenfläche für die Oberfläche aus, die Sie überprüfen.
- Wechseln Sie Animationen, wenn Sie Timing-Prüfungen auf Clipebene benötigen.
- Ändern Sie Zustandsmaschinen, wenn Sie Verhalten und Eingabevalidierung benötigen.
Verwenden Sie Wiedergabe-, Geschwindigkeits- und Layout-Steuerelemente, um die Präsentation zu überprüfen
Mit den Wiedergabesteuerelementen können Sie Bewegungsabläufe, Pausen und wiederholte Zustandsübergänge überprüfen. Wenn durch die Auswahl eine Animationszeitleiste angezeigt wird, bleibt das Fortschrittsfeedback mit dem aktiven Clip synchronisiert, sodass Sie das Timing genauer prüfen können.
Layouteinstellungen wie Passform, Ausrichtung, Skalierung, Geschwindigkeit und Leinwandhintergrund erleichtern die Simulation, wo die Animation innerhalb eines Produkts platziert wird. Diese Steuerelemente sind besonders nützlich für die Überprüfung eingebetteter Benutzeroberflächen, reaktionsfähige Platzierungsprüfungen und geräteübergreifende Qualitätssicherung.
- Passen Sie die Geschwindigkeit an, um die Überprüfung zu verlangsamen oder zu beschleunigen.
- Passung, Ausrichtung und Skalierung entsprechend der Zieloberfläche ändern.
- Legen Sie einen Canvas-Hintergrund fest, der den tatsächlichen UI-Kontext widerspiegelt.
Testen Sie die Eingaben der Zustandsmaschine und überprüfen Sie das Live-Laufzeitverhalten
Interaktive Vorschauen werden wertvoll, wenn Sie dieselben Eingaben bearbeiten können, die die Produktionslaufzeit empfängt. Wenn die geladene Zustandsmaschine Boolesche Werte, Zahlen oder Trigger bereitstellt, verwenden Sie diese direkt im Bedienfeld, um Übergänge und Randfälle zu testen.
Während Sie interagieren, kann der Betrachter Statusänderungen in der Zeitleiste und Laufzeitereignisse anzeigen. Dadurch lässt sich leichter nachvollziehen, ob sich der aktuelle Zustand wie erwartet geändert hat oder ob eine Eingabe einen überraschenden Übergangspfad erzeugt hat.
- Boolesche Werte umschalten, um bedingte Zustände zu überprüfen.
- Bearbeiten Sie die Zahlen, um das Schwellenwert- oder Bereichsverhalten zu testen.
- Trigger auslösen, um ereignisgesteuerte Übergänge zu validieren.
Verwenden Sie den Übergabemodus und den Ereignisrekorder für eine überprüfungsbereite Ausgabe
Wenn Sie die Vorschau einem anderen Prüfer sauber präsentieren möchten, aktivieren Sie den Übergabemodus. Dadurch bleibt der nützlichste Laufzeitkontext sichtbar und gleichzeitig werden weniger Signalsteuerelemente reduziert, die bei Feedbacksitzungen weniger relevant sind.
Der Ereignisrekorder ist der letzte Schritt für die strukturierte Überprüfung. Verwenden Sie es, um zu erfassen, was während der Sitzung passiert ist, und exportieren Sie dann die lokale JSON-Zusammenfassung zur technischen Nachverfolgung, für QA-Notizen oder zur Dokumentation der Designüberprüfung.