Rive-Animationsanzeige

Vorschau von Rive-„.riv“-Dateien lokal mit Animationswiedergabe, Zustandsmaschinentests, Zustands-Timeline-Überprüfung, Ereignisaufzeichnung und übergabebereiten Layout-Steuerelementen.

Wählen Sie eine Rive-.riv-Datei aus oder löschen Sie sie

Vorschau interaktiver Rive-Laufzeitexporte lokal mit Zeichenflächenumschaltung, Zustandsmaschineneingaben, Ereignisaufzeichnung und übergabebereiten Layoutsteuerelementen.

Behält die hochgeladene „.riv“-Datei in Ihrem Browser ohne ToolBuddy-Server-Upload.
Führt das Rive-Rendering in einem isolierten Worker mit OffscreenCanvas aus, damit ToolBuddy wiederhergestellt werden kann, wenn der Start der Laufzeit fehlschlägt.
Stellt Zeichenflächen, Animationen, Zustandsautomaten, Eingaben und Wiedergabegeschwindigkeit in einem Überprüfungsarbeitsbereich bereit.
Fügt eine Zustandszeitleiste und einen Ereignisrekorder hinzu, damit das Laufzeitverhalten während der Qualitätssicherung und Übergabe einfacher erklärt werden kann.

Warum ToolBuddy?

Kein Datei-Upload

Ihre „.riv“-Datei bleibt auf Ihrem Gerät.

Schnelle Laufzeitvorschau

Das Canvas-Rendering beginnt in einem isolierten Vorschau-Worker.

Interaktiver Debugger

Untersuchen Sie Zeichenflächen, Zustandsautomaten, Eingaben, Zeitleistenereignisse und überprüfen Sie den Kontext.

Kostenlos, keine Anmeldung

Alle Tools sind für immer kostenlos. Kein Konto erforderlich.

Kennen Sie Ihren Arbeitsablauf

Unterstützte Dateien und wie man es benutzt.

Überprüfen Sie die unterstützten input/output-Details und befolgen Sie die Toolschritte vor dem Exportieren.

🧾

Technische Spezifikationen und Entscheidungssignale

Verwenden Sie diese Spezifikationen, um die Workflow-Passform, Datenschutzgrenzen und Ausgabeerwartungen zu überprüfen, bevor Sie rive-animation-viewer ausführen.

Kosten

Kostenloser Workflow ohne Anmeldetor für die Kernnutzung.

Security

Processing wird nach Möglichkeit im Browser ausgeführt, um die Gefährdung durch Server-Uploads zu verringern.

Gerät

Unterstützt moderne Desktop- und mobile Browser.

Technische Daten

Eingabe: exportierte Rive-Laufzeitdateien „.riv“. Ausgabe: Laufzeitvorschau im Browser mit Zeichenfläche, Animation, Zustandsmaschine, Eingabe, Layout, Geschwindigkeit, Zeitleiste, Ereignisaufzeichnung und lokalen JSON-Überprüfungsexportsteuerelementen.

🧭

Verwendung

Überprüfen Sie die unterstützten input/output-Details und befolgen Sie die Toolschritte vor dem Exportieren.

01

Wählen Sie eine „.riv“-Laufzeitdatei aus oder löschen Sie sie.

02

Warten Sie auf die Signaturvalidierung, während die Vorschau des isolierten Arbeiters automatisch startet.

03

Wählen Sie die Zeichenfläche, Animation oder Zustandsmaschine aus, die Sie überprüfen möchten.

04

Passen Sie Passform, Ausrichtung, Skalierung und Leinwandhintergrund für Ihr Ziellayout an.

05

Verwenden Sie Wiedergabesteuerung, Geschwindigkeit und State-Machine-Eingaben, um die Interaktivität zu validieren.

06

Überprüfen Sie die Statuszeitleiste, den Ereignisrekorder und den Übergabemodus, bevor Sie Feedback oder Integrationsnotizen weitergeben.

Führung

Lernen, entscheiden, und bewerben.

Erfahren Sie, wie So überprüfen Sie Rive-Dateien lokal funktioniert, warum es bei wiederkehrenden Arbeitsabläufen wichtig ist und wann Sie dieses Tool mit Zuversicht verwenden sollten.

Zustandsmaschinenüberprüfung und Laufzeit-Debugging

  • Behält die hochgeladene „.riv“-Datei in Ihrem Browser ohne ToolBuddy-Server-Upload.
  • Führt das Rive-Rendering in einem isolierten Worker mit OffscreenCanvas aus, damit ToolBuddy wiederhergestellt werden kann, wenn der Start der Laufzeit fehlschlägt.
  • Stellt Zeichenflächen, Animationen, Zustandsautomaten, Eingaben und Wiedergabegeschwindigkeit in einem Überprüfungsarbeitsbereich bereit.
  • Fügt eine Zustandszeitleiste und einen Ereignisrekorder hinzu, damit das Laufzeitverhalten während der Qualitätssicherung und Übergabe einfacher erklärt werden kann.
  • Enthält Layout-, Skalierungs-, Hintergrund- und Inspektor-Overlays für Einbettungstests.
  • Ermöglicht Prüfern den Export einer lokalen JSON-Sitzungszusammenfassung, ohne Quelldateien freizugeben.
🎯

Testen Sie Rive-Übergaben vor der Integration

  • Testen Sie interaktive Rive-Komponenten, bevor Sie Laufzeitcode hinzufügen.
  • Überprüfen Sie aus Rive exportierte Zeichenflächen, Animationen und Zustandsmaschinen.
  • Überprüfen Sie Zustandsübergänge und Eingabeänderungen während der Übergabe vom Designer an den Entwickler.
  • Überprüfen Sie das Layoutverhalten für Web-, App-, Spiele- oder No-Code-Einbettungen.
  • Exportieren Sie eine lokale JSON-Überprüfungssitzung zum Debuggen oder zur QA-Nachverfolgung.
Um

Über Rive-Animationsanzeige

Rive Viewer OnlineRive Animation ViewerRive State Machine Viewer

Vorschau der exportierten Rive-Laufzeitdateien

Rive Animation Viewer öffnet exportierte „.riv“-Laufzeitdateien direkt in Ihrem Browser, sodass Designer, Entwickler und Qualitätssicherungsprüfer das genaue Laufzeit-Asset überprüfen können, das versendet wird.

Das Tool validiert die „RIVE“ binary-Signatur, bevor es eine Kopie des Dateipuffers an eine isolierte Worker-Vorschau übergibt, wodurch die Hauptseite auch dann reaktionsfähig bleibt, wenn ein Laufzeitladevorgang fehlschlägt.

Zeichenflächen, Animationen und Zustandsautomaten prüfen

Wechseln Sie zwischen exportierten Zeichenflächen, wählen Sie Animationsclips aus und führen Sie Zustandsmaschinen von einem lokalen Überprüfungsarbeitsbereich aus aus, anstatt zwischen mehreren Testoberflächen zu wechseln.

Die Vorschau sorgt dafür, dass der Auswahlkontext auf der Leinwand sichtbar bleibt, während das Inspektor-Overlay Signatur, Anzahl und Zeichenflächengröße zusammenfasst, um eine schnelle Plausibilitätsprüfung zu ermöglichen.

Testen Sie interaktive Eingaben und überprüfen Sie das Verhalten

Wenn eine Zustandsmaschine Eingaben bereitstellt, können Sie in der Live-Laufzeit boolesche Werte umschalten, Zahlen bearbeiten und Trigger auslösen, ohne zuerst Integrationscode schreiben zu müssen.

Mit den Bedienfeldern „Zustandszeitleiste“ und „Ereignisaufzeichnung“ lassen sich diese Interaktionen während der Qualitätssicherung, Überprüfung und Übergabe an den Techniker leichter erklären, da Auswahlen, Laufzeitereignisse und Zustandsänderungen sichtbar bleiben.

Überprüfen Sie Layout, Geschwindigkeit und Hintergrundverhalten

Anpassungs-, Ausrichtungs-, Skalierungs-, Geschwindigkeits- und Hintergrundsteuerungen helfen dabei, zu überprüfen, wie die Animation auf realen Produktoberflächen aussieht und sich anfühlt.

Durch die reaktionsfähige Größenänderung der Leinwand bleibt die Vorschau bei Desktop- und mobilen Überprüfungen nützlich, während der Übergabemodus das Bedienfeld auf die wichtigsten Überprüfungsoberflächen reduziert.

Halten Sie die Vorschau lokal und geben Sie strukturierte Überprüfungsnotizen frei

Hochgeladene „.riv“-Dateien werden lokal gelesen und nicht auf ToolBuddy-Server hochgeladen. Der Ereignisrekorder kann einen lokalen JSON-Überprüfungs-Snapshot exportieren, ohne Ihre Quellanimation in ein Backend zu kopieren.

Der isolierte Worker lädt die Rive-Canvas-Laufzeit und WASM vom Rive-CDN; Wenn eine „.riv“-Datei auf von Rive gehostete Assets verweist, kann die Laufzeit diese Assets abrufen, um die Vorschau abzuschließen.

FAQ

Gemeinsam Fragen.

Haben Sie weitere Fragen? Kontaktieren Sie uns über unsere Kontaktseite und wir werden innerhalb von 24 Stunden antworten.

Werden meine Rive-Dateien auf einen Server hochgeladen?

Nein. Rive Animation Viewer liest die „.riv“-Datei lokal und rendert sie in Ihrem Browser.

Welche Dateien werden unterstützt?

Das Tool unterstützt exportierte Rive-Laufzeitdateien „.riv“. Bearbeitbare „.rev“-Projekt- oder Sicherungsdateien werden nicht unterstützt.

Kann ich Zustandsmaschinen und Eingaben überprüfen?

Ja. Sie können Zeichenflächen, Animationen und Zustandsautomaten wechseln und dann verfügbar gemachte boolesche, numerische und Trigger-Eingaben in der Live-Laufzeit testen.

Kann ich eine Überprüfungssitzung exportieren?

Ja. Der Ereignisrekorder kann eine lokale JSON-Sitzungszusammenfassung herunterladen, die Auswahlen, Laufzeitereignisse, Eingabeänderungen und Zeitachsenaktivitäten erfasst.