Pengenalan
Jika pasukan anda menghantar gerakan interaktif terbina dalam Rive, anda memerlukan cara yang boleh dipercayai untuk menyemak fail masa jalan yang dieksport sebelum ia mencapai kod pengeluaran. Ini bermakna melihat melangkaui pratonton visual ringkas dan menyemak cara papan seni, animasi, mesin keadaan dan input berfungsi bersama.
Pemapar Animasi ToolBuddy Rive memberi anda ruang kerja berasaskan penyemak imbas untuk kerja yang tepat itu. Ia membuka fail `.riv` yang dieksport secara tempatan, menjalankan pratonton dalam pekerja masa jalan terpencil dan memastikan permukaan semakan tertumpu pada tingkah laku masa jalan dan bukannya ciri pengeditan.
Panduan ini menelusuri aliran semakan biasa supaya anda boleh beralih daripada pemuatan fail kepada ujian dan penyerahan mesin keadaan tanpa persediaan yang tidak perlu.
Mulakan dengan fail masa jalan `.riv` yang dieksport
Mulakan dengan fail masa jalan Rive yang dieksport yang pasukan anda merancang untuk menghantar atau mengesahkan. Pemapar direka untuk output `.riv`, bukan fail projek sumber `.rev` yang boleh diedit atau sandaran dalaman.
Lepaskan fail `.riv` ke dalam alat atau pilihnya daripada pemilih fail. Penonton mengesahkan tandatangan RIVE binary dahulu, kemudian memulakan pratonton masa jalan di dalam pekerja kanvas terpencil supaya halaman utama kekal responsif semasa permulaan.
- Gunakan fail masa jalan `.riv` yang dieksport.
- Muatkannya dengan seret dan lepas atau pemilih fail.
- Tunggu permulaan masa jalan dan permulaan pratonton.
Pilih papan seni, animasi atau mesin keadaan yang anda perlukan untuk menyemak
Setelah fail dimuatkan, gunakan kawalan bawah untuk menukar papan seni aktif, animasi atau mesin keadaan. Ini berguna apabila eksport yang sama termasuk berbilang keadaan UI, varian aksara atau sistem gerakan.
Untuk semakan berasaskan garis masa semata-mata, fokus pada animasi tertentu. Untuk pengesahan interaksi, beralih ke mesin keadaan yang berkaitan dan pastikan panel konteks masa jalan kelihatan supaya penyemak tahu dengan tepat pemilihan yang aktif.
- Pilih papan seni yang sesuai untuk permukaan yang anda semak.
- Tukar animasi apabila anda memerlukan semakan pemasaan peringkat klip.
- Tukar mesin keadaan apabila anda memerlukan kelakuan dan pengesahan input.
Gunakan kawalan main balik, kelajuan dan reka letak untuk menyemak pembentangan
Kawalan main balik membantu anda menyemak rentak gerakan, jeda dan peralihan keadaan berulang. Apabila pemilihan mendedahkan garis masa animasi, maklum balas kemajuan kekal disegerakkan ke klip aktif supaya anda boleh memeriksa pemasaan dengan lebih tepat.
Tetapan reka letak seperti muat, penjajaran, skala, kelajuan dan latar belakang kanvas menjadikannya lebih mudah untuk mensimulasikan tempat animasi akan hidup di dalam produk. Kawalan ini amat berguna untuk semakan UI terbenam, semakan peletakan responsif dan QA merentas peranti.
- Laraskan kelajuan untuk memperlahankan atau mempercepatkan semakan.
- Tukar muat, penjajaran dan skala agar sepadan dengan permukaan sasaran.
- Tetapkan latar belakang kanvas yang mencerminkan konteks UI sebenar.
Uji input mesin keadaan dan periksa gelagat masa jalan secara langsung
Pratonton interaktif menjadi berharga apabila anda boleh memanipulasi input yang sama yang akan diterima oleh masa jalan pengeluaran. Jika mesin keadaan yang dimuatkan mendedahkan boolean, nombor atau pencetus, gunakannya terus dalam panel kawalan untuk menguji peralihan dan kes tepi.
Semasa anda berinteraksi, penonton boleh memaparkan perubahan garis masa keadaan dan peristiwa masa jalan. Ini memudahkan untuk memahami sama ada keadaan semasa berubah seperti yang dijangkakan atau sama ada input menghasilkan laluan peralihan yang mengejutkan.
- Togol boolean untuk menyemak keadaan bersyarat.
- Edit nombor untuk menguji kelakuan ambang atau julat.
- Pencetus api untuk mengesahkan peralihan dipacu peristiwa.
Gunakan mod lepas tangan dan perakam acara untuk output sedia semakan
Apabila anda ingin membentangkan pratonton dengan bersih kepada pengulas lain, dayakan mod lepas tangan. Ini memastikan konteks masa jalan yang paling berguna kelihatan sambil mengurangkan kawalan isyarat rendah yang kurang relevan semasa sesi maklum balas.
Perakam acara ialah langkah terakhir untuk semakan berstruktur. Gunakannya untuk menangkap perkara yang berlaku semasa sesi, kemudian eksport ringkasan JSON tempatan untuk susulan kejuruteraan, nota QA atau dokumentasi semakan reka bentuk.