Προβολή animation Rive

Κάντε τοπική προεπισκόπηση αρχείων Rive `.riv` με playback animations, έλεγχο state machines, παρακολούθηση timeline, καταγραφή συμβάντων και layout controls έτοιμα για handoff.

Επιλέξτε ή σύρετε ένα αρχείο Rive .riv

Κάντε τοπική προεπισκόπηση interactive Rive runtime exports με εναλλαγή artboard, state-machine inputs, καταγραφή συμβάντων και layout controls έτοιμα για handoff.

Κρατά το ανεβασμένο αρχείο `.riv` μέσα στο πρόγραμμα περιήγησής σας χωρίς upload σε διακομιστή του ToolBuddy.

Τρέχει το rendering του Rive μέσα σε isolated worker με OffscreenCanvas ώστε το ToolBuddy να μπορεί να ανακτήσει τον έλεγχο αν αποτύχει η εκκίνηση του runtime.

Προβάλλει artboards, animations, state machines, inputs και playback speed σε έναν ενιαίο χώρο ελέγχου.

Προσθέτει state timeline και καταγραφέα συμβάντων ώστε το runtime behavior να εξηγείται πιο εύκολα σε QA και handoff.

Γιατί ToolBuddy;

Χωρίς μεταφόρτωση αρχείου

Το αρχείο `.riv` παραμένει στη συσκευή σας.

Γρήγορη runtime preview

Το canvas rendering ξεκινά μέσα σε isolated preview worker.

Interactive debugger

Επιθεωρήστε artboards, state machines, inputs, timeline events και review context.

Δωρεάν, χωρίς εγγραφή

Όλα τα εργαλεία είναι δωρεάν για πάντα. Δεν απαιτείται λογαριασμός.

Γνωρίστε τη ροή εργασίας σας

Υποστηριζόμενα αρχεία και πώς να χρησιμοποιήσετε.

Ελέγξτε τις υποστηριζόμενες λεπτομέρειες input/output και ακολουθήστε τα βήματα του εργαλείου πριν την εξαγωγή.

🧾

Τεχνικές προδιαγραφές και κριτήρια επιλογής

Χρησιμοποιήστε αυτές τις προδιαγραφές για να επιβεβαιώσετε αν η ροή εργασίας ταιριάζει στις ανάγκες σας, ποια είναι τα όρια ιδιωτικότητας και τι έξοδο μπορείτε να περιμένετε πριν εκτελέσετε το rive-animation-viewer.

Κόστος

Δωρεάν ροή εργασίας χωρίς απαίτηση εγγραφής για βασική χρήση.

Ασφάλεια

Η επεξεργασία γίνεται στο πρόγραμμα περιήγησης όπου είναι δυνατόν ώστε να μειώνεται η έκθεση από uploads σε διακομιστή.

Συσκευή

Υποστηρίζει σύγχρονους browsers σε desktop και mobile.

Τεχνικά χαρακτηριστικά

Είσοδος: εξαγόμενα αρχεία runtime Rive `.riv`. Έξοδος: in-browser runtime preview με controls για artboard, animation, state machine, input, layout, speed, timeline, event recorder και local JSON review export.

🧭

Τρόπος χρήσης

Ελέγξτε τις υποστηριζόμενες λεπτομέρειες input/output και ακολουθήστε τα βήματα του εργαλείου πριν την εξαγωγή.

Επιλέξτε ή σύρετε ένα αρχείο runtime `.riv`.

Περιμένετε την επικύρωση της υπογραφής ενώ η isolated worker preview ξεκινά αυτόματα.

Επιλέξτε το artboard, το animation ή το state machine που θέλετε να ελέγξετε.

Ρυθμίστε fit, alignment, scale και canvas background ώστε να ταιριάζουν στο τελικό layout σας.

Χρησιμοποιήστε playback controls, speed και state-machine inputs για να ελέγξετε τη διαδραστικότητα.

Ελέγξτε το state timeline, τον καταγραφέα συμβάντων και το handoff mode πριν μοιραστείτε feedback ή integration notes.

Οδηγός

Μάθε, αποφάσισε, και εφαρμόστε.

Κατανοήστε πώς να πώς να ελέγχετε αρχεία Rive τοπικά, γιατί έχει σημασία στις επαναλαμβανόμενες ροές εργασίας και πότε να χρησιμοποιείτε αυτό το εργαλείο με σιγουριά.

✨

Έλεγχος state machine και runtime debugging

Κρατά το ανεβασμένο αρχείο `.riv` μέσα στο πρόγραμμα περιήγησής σας χωρίς upload σε διακομιστή του ToolBuddy.
Τρέχει το rendering του Rive μέσα σε isolated worker με OffscreenCanvas ώστε το ToolBuddy να μπορεί να ανακτήσει τον έλεγχο αν αποτύχει η εκκίνηση του runtime.
Προβάλλει artboards, animations, state machines, inputs και playback speed σε έναν ενιαίο χώρο ελέγχου.
Προσθέτει state timeline και καταγραφέα συμβάντων ώστε το runtime behavior να εξηγείται πιο εύκολα σε QA και handoff.
Περιλαμβάνει layout, scale, background και inspector overlays για embed testing.
Επιτρέπει στους reviewers να εξάγουν ένα τοπικό JSON session summary χωρίς να μοιράζονται τα source files.

🎯

Δοκιμάστε handoffs του Rive πριν από την ενσωμάτωση

Δοκιμάστε interactive στοιχεία Rive πριν προσθέσετε runtime code.
Επιβεβαιώστε artboards, animations και state machines που εξήχθησαν από το Rive.
Ελέγξτε state transitions και input changes κατά το designer-to-developer handoff.
Δοκιμάστε layout behavior για web, app, game ή no-code embeds.
Εξαγάγετε ένα τοπικό JSON review session για debugging ή QA follow-up.

Για

Σχετικά με το Προβολή animation Rive

Rive viewer onlineRive animation viewerΠροβολή αρχείων .rivΈλεγχος state machine RiveRive runtime debuggerRive handoff reviewRive event recorder

Προεπισκόπηση εξαγόμενων αρχείων runtime του Rive

Το Rive Animation Viewer ανοίγει εξαγόμενα αρχεία runtime `.riv` απευθείας στο πρόγραμμα περιήγησής σας ώστε designers, developers και QA reviewers να επιθεωρούν το ακριβές runtime asset που θα παραδοθεί.

Το εργαλείο επικυρώνει τη δυαδική υπογραφή `RIVE` πριν περάσει ένα αντίγραφο του file buffer σε isolated worker preview, διατηρώντας τη βασική σελίδα responsive ακόμη και αν αποτύχει η φόρτωση του runtime.

Επιθεώρηση artboards, animations και state machines

Αλλάξτε μεταξύ εξαγόμενων artboards, επιλέξτε animation clips και εκτελέστε state machines μέσα από έναν τοπικό review workspace αντί να αλλάζετε συνεχώς test surfaces.

Η προεπισκόπηση διατηρεί ορατό το selection context πάνω στο canvas, ενώ το inspector overlay συνοψίζει signature, counts και artboard sizing για γρήγορους ελέγχους.

Δοκιμή interactive inputs και έλεγχος behavior

Όταν μια state machine εκθέτει inputs, μπορείτε να αλλάζετε booleans, να επεξεργάζεστε numbers και να πυροδοτείτε triggers στο live runtime χωρίς να γράψετε πρώτα integration code.

Τα panels του state timeline και του event recorder κάνουν αυτές τις αλληλεπιδράσεις πιο εύκολες στην εξήγηση κατά τη διάρκεια QA, review και engineer handoff, επειδή selections, runtime events και state changes παραμένουν ορατά.

Έλεγχος layout, speed και background behavior

Τα fit, alignment, scale, speed και background controls βοηθούν να επιβεβαιώσετε πώς θα τοποθετηθεί και πώς θα μοιάζει το animation μέσα σε πραγματικές επιφάνειες προϊόντος.

Το responsive resizing του canvas κρατά την προεπισκόπηση χρήσιμη σε ελέγχους desktop και mobile, ενώ το handoff mode περιορίζει το panel μόνο στις review surfaces που έχουν πραγματική αξία.

Κρατήστε την προεπισκόπηση τοπική και μοιραστείτε δομημένες σημειώσεις review

Τα ανεβασμένα αρχεία `.riv` διαβάζονται τοπικά και δεν αποστέλλονται στους διακομιστές του ToolBuddy. Ο καταγραφέας συμβάντων μπορεί να εξάγει ένα τοπικό JSON review snapshot χωρίς να αντιγράφει το source animation σε backend.

Ο isolated worker φορτώνει το runtime canvas και το WASM του Rive από το CDN του Rive· αν ένα `.riv` αναφέρεται σε assets που φιλοξενούνται από το Rive, το runtime μπορεί να τα ανακτήσει για να ολοκληρώσει την προεπισκόπηση.

Συχνές Ερωτήσεις

Κοινός ερωτήσεις.

Έχετε περισσότερες ερωτήσεις; Απευθυνθείτε μέσω σελίδα επικοινωνίας μας και θα απαντήσουμε εντός 24 ωρών.

Ανεβαίνουν τα αρχεία Rive μου σε διακομιστή;

Όχι. Το Rive Animation Viewer διαβάζει το αρχείο `.riv` τοπικά και το αποδίδει στο πρόγραμμα περιήγησής σας.

Ποια αρχεία υποστηρίζονται;

Το εργαλείο υποστηρίζει εξαγόμενα αρχεία runtime `.riv` του Rive. Τα επεξεργάσιμα αρχεία έργου ή αντιγράφων ασφαλείας `.rev` δεν υποστηρίζονται.

Μπορώ να ελέγξω μηχανές καταστάσεων και εισόδους;

Ναι. Μπορείτε να αλλάζετε artboards, animations και state machines και να δοκιμάζετε boolean, number και trigger inputs μέσα στο ζωντανό runtime.

Μπορώ να εξαγάγω μια συνεδρία ελέγχου;

Ναι. Ο καταγραφέας συμβάντων μπορεί να κατεβάσει ένα τοπικό JSON summary που περιλαμβάνει selections, runtime events, input changes και activity του timeline.

Θήκες χρήσης

Δημοφιλής ροές εργασιών.

Δείτε πραγματικές ροές εργασίας όπου αυτό το εργαλείο ταιριάζει φυσικά και, στη συνέχεια, μεταβείτε κατευθείαν στον αντίστοιχο οδηγό.

Δείτε όλα τα εργαλεία

Πρόγραμμα προβολής σπονδυλικής στήλης

Προεπισκόπηση Σπάιν JSON, άτλας και PNG εξαγωγές τοπικά με στοιχεία ελέγχου αναπαραγωγής, εμφάνισης, ταχύτητας και εντοπισμού σφαλμάτων.

Ανοίξτε τη ροή εργασίας

σπράιτ άτλας packer

Συσκευάστε χαλαρά sprites ή φακέλους σε φύλλα άτλαντα με Γιούνιτι, Φέιζερ, Κόκος, CSS και προεπιλογές εξαγωγής JSON

Ανοίξτε τη ροή εργασίας

Σπράιτ Sheet Unpacker

Αποσυσκευάστε τα φύλλα άτλαντα σπράιτ σε μεμονωμένα PNG sprites με διαμόρφωση ανάλυσης, αυτόματη ανίχνευση και τεμαχισμό πλέγματος.

Ανοίξτε τη ροή εργασίας

Συγγενεύων

Εξερευνήστε περισσότερα εργαλεία.

Δείτε όλα τα εργαλεία

Πρόγραμμα προβολής σπονδυλικής στήλης

Βοηθητικά εργαλείαΔημοφιλής

σπράιτ άτλας packer

Βοηθητικά εργαλεία

Συσκευάστε χαλαρά sprites ή φακέλους σε φύλλα άτλαντα με Γιούνιτι, Φέιζερ, Κόκος, CSS και προεπιλογές εξαγωγής JSON

Σπράιτ Sheet Unpacker

Βοηθητικά εργαλεία

Συμπιεστής εικόνας

Εργαλεία εικόναςΔημοφιλής

Συμπιέστε αρχεία JPG, PNG και WebP με ένα γρήγορο εργαλείο ιδιωτικής εικόνας που εκτελείται τοπικά στο πρόγραμμα περιήγησής σας.