Anda dapat dengan cepat membuat antarmuka pengguna grafis berkualitas tinggi dengan persyaratan skrip minimal menggunakan objek UI bawaan. Tergantung pada tempat Anda membuatnya, UI dirender baik di layar atau di dalam dunia 3D pengalaman.
UI di Layar
Kolektor di layar menyimpan objek UI yang ingin Anda tampilkan di layar pemain, termasuk frame, label, tombol, dan lainnya. Semua objek UI di layar dan kode disimpan dan diubah di klien.
UI di Dalam Pengalaman
Kolektor di dalam pengalaman seperti SurfaceGuis dan BillboardGuis menyimpan objek UI yang ingin Anda tampilkan di dalam dunia 3D pengalaman Anda.
Objek UI
Sebagian besar elemen UI adalah GuiObjects, objek antarmuka pengguna grafis 2D yang dapat Anda parent ke kolektor. Empat yang paling umum adalah frame, label, tombol, dan objek input teks.
| Objek | Deskripsi |
|---|---|
| Frame | Frames berfungsi sebagai kolektor untuk objek UI lainnya. Ketika Anda memanipulasi frame, Anda juga memanipulasi objek yang mereka miliki. |
| Label | Objek TextLabel dan ImageLabel memungkinkan Anda menampilkan teks dan gambar yang dapat disesuaikan. |
| Tombol | Objek TextButton dan ImageButton memungkinkan pengguna untuk memicu tindakan. |
| Input Teks | Objek TextBox memungkinkan pengguna untuk memasukkan teks. |
Menggunakan properti Position, Size, AnchorPoint, dan ZIndex, Anda memiliki kontrol penuh atas bagaimana memposisikan, ukuran, dan lapisan GuiObjects. Anda juga dapat menggunakan tweening untuk mengalihkan GuiObject dengan mulus dari satu keadaan ke keadaan lain dan memberikan umpan balik visual yang dinamis.
Tata Letak dan Desain
Selain properti dasar untuk mengatur posisi dan ukuran, Roblox juga menyediakan struktur tata letak seperti daftar/flex dan grid, serta modifikasi ukuran dan modifikasi penampilan.
Gaya Universal
Gaya Universal adalah solusi Roblox untuk lembar gaya, mirip dengan CSS, yang memungkinkan Anda mendeklarasikan dan menerapkan penggantian secara global ke properti instance UI. Dukungan tingkat mesin ini adalah dasar untuk Editor Gaya dan alur token end-to-end.
Kerangka Interaktif
Selain objek antarmuka pengguna inti, kerangka berikut menyediakan interaktivitas bawaan dan yang dapat disesuaikan untuk pengalaman Anda.
Prompt Proksimitas
Prompt proksimitas adalah objek UI bawaan yang unik yang meminta interaksi pengguna untuk memicu tindakan ketika mereka mendekati objek di dalam pengalaman seperti pintu, saklar lampu, dan tombol.
Detektor Penarikan UI
Detektor penarikan UI memfasilitasi dan mendorong interaksi dengan elemen antarmuka pengguna 2D seperti penggeser, pemutar, dan lainnya.
Detektor Penarikan 3D
Detektor penarikan 3D mendorong interaksi fisik dengan objek 3D dalam sebuah pengalaman, seperti membuka pintu dan laci, menggeser sebuah bagian, mengambil dan melempar bola bowling, menarik mundur dan menembakkan ketapel, dan banyak lagi.