Pendahuluan
Jika tim Anda mengirimkan gerakan interaktif yang dibuat di Rive, Anda memerlukan cara yang dapat diandalkan untuk meninjau file runtime yang diekspor sebelum mencapai kode produksi. Hal ini berarti melihat lebih dari sekedar pratinjau visual sederhana dan memeriksa bagaimana artboard, animasi, mesin status, dan input berperilaku bersama-sama.
Penampil Animasi Rive ToolBuddy memberi Anda ruang kerja berbasis browser untuk pekerjaan tersebut. Ini membuka file `.riv` yang diekspor secara lokal, menjalankan pratinjau di pekerja runtime yang terisolasi, dan menjaga permukaan tinjauan tetap fokus pada perilaku runtime alih-alih fitur pengeditan.
Panduan ini menjelaskan alur peninjauan umum sehingga Anda dapat berpindah dari pemuatan file ke pengujian dan handoff mesin negara tanpa pengaturan yang tidak perlu.
Mulailah dengan file runtime `.riv` yang diekspor
Mulailah dengan file runtime Rive yang diekspor yang tim Anda rencanakan untuk dikirim atau divalidasi. Penampil dirancang untuk keluaran `.riv`, bukan file proyek sumber `.rev` yang dapat diedit atau cadangan internal.
Letakkan file `.riv` ke dalam alat atau pilih dari pemilih file. Penampil memvalidasi tanda tangan RIVE binary terlebih dahulu, lalu memulai pratinjau runtime di dalam pekerja kanvas yang terisolasi sehingga halaman utama tetap responsif selama startup.
- Gunakan file runtime `.riv` yang diekspor.
- Muat dengan drag and drop atau pemilih file.
- Tunggu startup runtime dan inisialisasi pratinjau.
Pilih artboard, animasi, atau mesin status yang perlu Anda tinjau
Setelah file dimuat, gunakan kontrol bawah untuk mengganti artboard, animasi, atau mesin status yang aktif. Hal ini berguna ketika ekspor yang sama mencakup beberapa status UI, varian karakter, atau sistem gerak.
Untuk tinjauan murni berbasis garis waktu, fokuslah pada animasi tertentu. Untuk validasi interaksi, pindah ke mesin status yang relevan dan biarkan panel konteks runtime tetap terlihat sehingga peninjau mengetahui secara pasti pilihan mana yang aktif.
- Pilih artboard yang tepat untuk permukaan yang Anda ulas.
- Beralih animasi saat Anda memerlukan pemeriksaan waktu tingkat klip.
- Ubah mesin status saat Anda memerlukan validasi perilaku dan input.
Gunakan kontrol pemutaran, kecepatan, dan tata letak untuk memeriksa presentasi
Kontrol pemutaran membantu Anda meninjau tempo gerakan, jeda, dan transisi keadaan berulang. Saat pilihan menampilkan garis waktu animasi, umpan balik kemajuan tetap disinkronkan ke klip aktif sehingga Anda dapat memeriksa pengaturan waktu dengan lebih tepat.
Pengaturan tata letak seperti kesesuaian, perataan, skala, kecepatan, dan latar belakang kanvas memudahkan simulasi di mana animasi akan hidup di dalam produk. Kontrol ini sangat berguna untuk tinjauan UI tertanam, pemeriksaan penempatan responsif, dan QA lintas perangkat.
- Sesuaikan kecepatan untuk memperlambat atau mempercepat tinjauan.
- Ubah kesesuaian, perataan, dan skala agar sesuai dengan permukaan target.
- Mengatur latar belakang kanvas yang mencerminkan konteks UI sebenarnya.
Uji input mesin negara dan periksa perilaku runtime langsung
Pratinjau interaktif menjadi berharga ketika Anda dapat memanipulasi input yang sama dengan yang akan diterima oleh runtime produksi. Jika mesin status yang dimuat menampilkan boolean, angka, atau pemicu, gunakan secara langsung di panel kontrol untuk menguji transisi dan kasus tepi.
Saat Anda berinteraksi, pemirsa dapat menampilkan perubahan garis waktu status dan peristiwa waktu proses. Hal ini memudahkan untuk memahami apakah keadaan saat ini berubah seperti yang diharapkan atau apakah suatu masukan menghasilkan jalur transisi yang mengejutkan.
- Alihkan boolean untuk meninjau status kondisional.
- Edit angka untuk menguji perilaku ambang batas atau rentang.
- Pemicu api untuk memvalidasi transisi berbasis peristiwa.
Gunakan mode handoff dan perekam peristiwa untuk keluaran siap ditinjau
Bila Anda ingin menyajikan pratinjau dengan rapi ke pengulas lain, aktifkan mode handoff. Hal ini membuat konteks runtime yang paling berguna tetap terlihat sekaligus mengurangi kontrol sinyal rendah yang kurang relevan selama sesi umpan balik.
Perekam peristiwa adalah langkah terakhir untuk tinjauan terstruktur. Gunakan untuk menangkap apa yang terjadi selama sesi, lalu ekspor ringkasan JSON lokal untuk tindak lanjut teknis, catatan QA, atau dokumentasi tinjauan desain.