Artboards
Artboard adalah akar dari komposisi Anda — bayangkan sebagai kanvas tempat animasi Anda berada. Artboard menentukan dimensi scene dan warna latar belakang. Anda dapat memiliki sebanyak artboard yang diinginkan di Stage, tetapi setiap file memerlukan setidaknya satu artboard.
Artboard Aktif
Hanya satu artboard yang aktif pada satu waktu. Artboard yang aktif menampilkan titik di samping namanya di Stage. Klik artboard mana saja atau objek di dalamnya untuk menjadikannya aktif.
Hierarchy, Inspector, dan Timeline semuanya hanya menampilkan konten untuk artboard yang sedang aktif.
Default State Machine
Default state machine (lapisan logika yang mengontrol animasi mana yang diputar — akan dibahas lebih lanjut nanti) berjalan saat Anda menekan tombol play di Toolbar. Ini juga menentukan artboard yang dilihat oleh developer saat memuat file.
Untuk mengubahnya, gunakan dropdown di Inspector untuk memilih state machine yang ingin Anda jadikan default.
Tahan Shift + Space dari mode Design untuk memutar default state machine dengan cepat.
Membuat Artboard
Opsi 1: Dalam file baru, gunakan petunjuk di layar untuk mengatur dimensi atau memilih preset, lalu klik Create Artboard.
Opsi 2: Pilih tool Artboard (A), lalu klik dan seret di Stage untuk menentukan ukurannya. Sesuaikan posisi dan ukuran nanti di Inspector.
Properti Artboard
Pilih artboard untuk melihat propertinya di Inspector.
Posisi dan Ukuran
Kolom Width dan Height mengatur ukuran artboard. Secara default, artboard menggunakan ukuran Fixed. Beralih ke Hug untuk mengubah ukuran secara otomatis mengikuti objek di dalamnya (membutuhkan setidaknya satu child layout object (elemen di dalam artboard yang menggunakan sistem layout Rive)).
Gunakan ikon tautan untuk mengunci rasio aspek saat mengubah ukuran.
Origin
Origin adalah titik referensi untuk semua objek di artboard — seperti titik jangkar yang menjadi acuan pengukuran semua elemen lainnya. Secara default nilainya adalah X: 0%, Y: 0% (sudut kiri atas).
Tetapkan origin sebelum Anda mulai menganimasi. Mengubahnya setelah itu dapat menggeser objek yang sudah memiliki keyframe terekam dari posisinya. Jika Anda perlu mengubah origin setelah menambahkan keyframe, bungkus komponen dalam sebuah group untuk mendapatkan kembali kontrol.
Pengaturan Layout
Artboard dapat memiliki properti layout yang mengontrol cara objek di dalamnya disusun. Pengaturan ini hanya berlaku ketika objek layout ada di dalam artboard.
Fill dan Stroke
Artboard mendukung fill dan stroke dengan cara yang sama seperti objek lainnya.
Render Presets
Gunakan render presets untuk mengekspor gambar statis (PNG, SVG) atau video (MP4, PNG sequence) dari artboard yang dipilih.
Warna yang Dipilih
Ketika sebuah artboard dipilih, semua warna yang digunakan oleh setiap objek di artboard tersebut ditampilkan bersama-sama. Anda dapat menarget dan menyesuaikannya dari satu tempat.
