ToolBuddyToolBuddy
Alat utilitas

Penampil Animasi Rive

Pratinjau file `.riv` Rive secara lokal dengan pemutaran animasi, pengujian mesin status, tinjauan garis waktu status, perekaman acara, dan kontrol tata letak siap handoff.

Pilih atau Jatuhkan File .riv Rive

Pratinjau ekspor runtime Rive interaktif secara lokal dengan peralihan artboard, input mesin status, perekaman acara, dan kontrol tata letak siap handoff.

Menyimpan file `.riv` yang diunggah di browser Anda tanpa unggahan server ToolBuddy.
Menjalankan rendering Rive di dalam pekerja terisolasi dengan OffscreenCanvas sehingga ToolBuddy dapat pulih jika startup runtime gagal.
Mengekspos artboard, animasi, mesin status, input, dan kecepatan pemutaran dalam satu ruang kerja ulasan.
Menambahkan timeline status dan perekam peristiwa sehingga perilaku runtime lebih mudah dijelaskan selama QA dan handoff.

Mengapa ToolBuddy?

Tidak ada unggahan file

File `.riv` Anda tetap ada di perangkat Anda.

Pratinjau runtime cepat

Rendering kanvas dimulai di dalam pekerja pratinjau yang terisolasi.

Debugger interaktif

Periksa artboard, mesin status, input, peristiwa garis waktu, dan tinjau konteks.

Gratis, tidak perlu mendaftar

Semua alat gratis selamanya. Tidak diperlukan akun.

Ketahui alur kerja Anda

File yang didukung dan cara menggunakan.

Periksa detail input/output yang didukung dan ikuti langkah-langkah alat sebelum mengekspor.

🧾

Spesifikasi teknis dan sinyal keputusan

Gunakan spesifikasi ini untuk memvalidasi kesesuaian alur kerja, batasan privasi, dan ekspektasi keluaran sebelum Anda menjalankan rive-animation-viewer.

Biaya

Alur kerja gratis tanpa gerbang pendaftaran untuk penggunaan inti.

Keamanan

Pemrosesan dijalankan dalam browser jika memungkinkan untuk mengurangi paparan unggahan server.

Perangkat

Mendukung browser desktop dan seluler modern.

Spesifikasi teknis

Masukan: mengekspor file runtime Rive `.riv`. Keluaran: pratinjau waktu proses dalam browser dengan artboard, animasi, mesin status, masukan, tata letak, kecepatan, garis waktu, perekam peristiwa, dan kontrol ekspor tinjauan JSON lokal.

🧭

Cara menggunakan

Periksa detail input/output yang didukung dan ikuti langkah-langkah alat sebelum mengekspor.

01

Pilih atau letakkan file runtime `.riv`.

02

Tunggu validasi tanda tangan sementara pratinjau pekerja terisolasi dimulai secara otomatis.

03

Pilih artboard, animasi, atau mesin status yang ingin Anda ulas.

04

Sesuaikan kesesuaian, perataan, skala, dan latar belakang kanvas untuk tata letak target Anda.

05

Gunakan kontrol pemutaran, kecepatan, dan input mesin negara untuk memvalidasi interaktivitas.

06

Tinjau garis waktu status, perekam peristiwa, dan mode handoff sebelum membagikan umpan balik atau catatan integrasi.

Memandu

Pelajari, putuskan, dan melamar.

Pahami cara cara meninjau file Rive secara lokal, mengapa hal ini penting dalam alur kerja berulang, dan kapan menggunakan alat ini dengan percaya diri.

✨

Tinjauan mesin negara dan debugging runtime

  • Menyimpan file `.riv` yang diunggah di browser Anda tanpa unggahan server ToolBuddy.
  • Menjalankan rendering Rive di dalam pekerja terisolasi dengan OffscreenCanvas sehingga ToolBuddy dapat pulih jika startup runtime gagal.
  • Mengekspos artboard, animasi, mesin status, input, dan kecepatan pemutaran dalam satu ruang kerja ulasan.
  • Menambahkan timeline status dan perekam peristiwa sehingga perilaku runtime lebih mudah dijelaskan selama QA dan handoff.
  • Termasuk tata letak, skala, latar belakang, dan hamparan inspektur untuk pengujian penyematan.
  • Memungkinkan pengulas mengekspor ringkasan sesi JSON lokal tanpa berbagi file sumber.
🎯

Uji handoff Rive sebelum integrasi

  • Uji komponen Rive interaktif sebelum menambahkan kode runtime.
  • Verifikasi artboard, animasi, dan mesin status yang diekspor dari Rive.
  • Tinjau transisi status dan masukan perubahan selama serah terima desainer-ke-pengembang.
  • Periksa perilaku tata letak untuk web, aplikasi, game, atau penyematan tanpa kode.
  • Ekspor sesi tinjauan JSON lokal untuk debugging atau tindak lanjut QA.
Tentang

Tentang Penampil Animasi Rive

Penampil Sungai OnlinePenampil Animasi RivePenampil Mesin Rive State

Pratinjau file runtime Rive yang diekspor

Rive Animation Viewer membuka file runtime `.riv` yang diekspor langsung di browser Anda sehingga desainer, pengembang, dan peninjau QA dapat memeriksa aset runtime yang akan dikirimkan.

Alat ini memvalidasi tanda tangan `RIVE` binary sebelum meneruskan salinan buffer file ke pratinjau pekerja yang terisolasi, yang menjaga halaman utama tetap responsif meskipun pemuatan waktu proses gagal.

Periksa artboard, animasi, dan mesin status

Beralih di antara artboard yang diekspor, pilih klip animasi, dan jalankan mesin status dari satu ruang kerja ulasan lokal alih-alih berpindah antar beberapa permukaan pengujian.

Pratinjau membuat konteks pilihan tetap terlihat di kanvas sementara overlay inspektur merangkum tanda tangan, jumlah, dan ukuran artboard untuk pemeriksaan kewarasan yang cepat.

Uji masukan interaktif dan tinjau perilaku

Saat mesin negara mengekspos input, Anda dapat mengganti boolean, mengedit angka, dan mengaktifkan pemicu dalam runtime langsung tanpa menulis kode integrasi terlebih dahulu.

Panel garis waktu dan perekam kejadian membuat interaksi tersebut lebih mudah dijelaskan selama QA, peninjauan, dan serah terima teknisi karena pilihan, kejadian runtime, dan perubahan status tetap terlihat.

Periksa tata letak, kecepatan, dan perilaku latar belakang

Kontrol kesesuaian, penyelarasan, skala, kecepatan, dan latar belakang membantu memvalidasi bagaimana animasi akan ditempatkan dan terasa di dalam permukaan produk sebenarnya.

Pengubahan ukuran kanvas yang responsif membuat pratinjau tetap berguna di seluruh pemeriksaan desktop dan seluler sementara mode handoff menghapus panel ke permukaan ulasan yang paling penting.

Simpan pratinjau secara lokal dan bagikan catatan ulasan terstruktur

File `.riv` yang diunggah dibaca secara lokal dan tidak diunggah ke server ToolBuddy. Perekam peristiwa dapat mengekspor snapshot ulasan JSON lokal tanpa menyalin animasi sumber Anda ke backend.

Pekerja yang terisolasi memuat runtime kanvas Rive dan WASM dari CDN Rive; jika `.riv` mereferensikan aset yang dihosting Rive, runtime dapat mengambil aset tersebut untuk menyelesaikan pratinjau.

FAQ

Umum pertanyaan.

Ada pertanyaan lain? Hubungi melalui halaman kontak kami dan kami akan merespons dalam waktu 24 jam.

Apakah file Rive saya diunggah ke server?

Tidak. Rive Animation Viewer membaca file `.riv` secara lokal dan merendernya di browser Anda.

File mana yang didukung?

Alat ini mendukung file `.riv` runtime Rive yang diekspor. File proyek atau cadangan `.rev` yang dapat diedit tidak didukung.

Bisakah saya meninjau mesin dan input negara?

Ya. Anda dapat mengganti artboard, animasi, dan mesin status, lalu menguji input boolean, angka, dan pemicu yang terbuka dalam runtime langsung.

Bisakah saya mengekspor sesi ulasan?

Ya. Perekam peristiwa dapat mengunduh ringkasan sesi JSON lokal yang menangkap pilihan, peristiwa waktu proses, perubahan masukan, dan aktivitas garis waktu.

Kasus penggunaan

Populer alur kerja.

Lihat alur kerja nyata yang sesuai dengan alat ini, lalu langsung masuk ke panduan pencocokan.

Lihat semua alat

Spine viewer

Pratinjau Spine JSON, atlas, dan PNG mengekspor secara lokal dengan kontrol pemutaran, skin, kecepatan, dan debug.

Buka alur kerja

pengepak atlas sprite

Kemas sprite atau folder lepas ke dalam lembar atlas dengan Unity, Phaser, Cocos, style sheet, dan preset ekspor JSON CSS.

Buka alur kerja

Pembongkar Lembar Sprite

Buka lembar atlas sprite menjadi PNG sprite individual dengan parsing konfigurasi, deteksi otomatis, dan pengiris grid.

Buka alur kerja

Terkait

Jelajahi lebih lanjut peralatan.

Lihat semua alat

Spine viewer

Alat utilitasPopuler

Pratinjau Spine JSON, atlas, dan PNG mengekspor secara lokal dengan kontrol pemutaran, skin, kecepatan, dan debug.

pengepak atlas sprite

Alat utilitas

Kemas sprite atau folder lepas ke dalam lembar atlas dengan Unity, Phaser, Cocos, style sheet, dan preset ekspor JSON CSS.

Pembongkar Lembar Sprite

Alat utilitas

Buka lembar atlas sprite menjadi PNG sprite individual dengan parsing konfigurasi, deteksi otomatis, dan pengiris grid.

Kompresor Gambar

Alat gambarPopuler

Kompres file JPG, PNG, dan WebP dengan alat gambar pribadi cepat yang berjalan secara lokal di browser Anda.