Anda dapat dengan cepat membuat antarmuka pengguna grafis berkualitas tinggi dengan persyaratan skrip minimal menggunakan objek UI bawaan. Tergantung di mana Anda membuatnya, UI dirender baik di layar atau dalam dunia 3D permainan.
UI di layar
Kontainer 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 dalam permainan
Kontainer dalam permainan seperti SurfaceGuis dan BillboardGuis menyimpan objek UI yang ingin Anda tampilkan dalam dunia 3D permainan Anda.
Objek UI
Sebagian besar elemen UI adalah GuiObjects, objek antarmuka pengguna grafis 2D yang dapat Anda tempatkan di dalam kontainer. Empat yang paling umum adalah frame, label, tombol, dan objek input teks.
| Objek | Deskripsi |
|---|---|
| Frame | Frames berfungsi sebagai kontainer 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 suatu tindakan. |
| Input Teks | Objek TextBox memungkinkan pengguna untuk memasukkan teks. |
Dengan menggunakan properti Position, Size, AnchorPoint, dan ZIndex, Anda memiliki kontrol penuh tentang bagaimana memposisikan, ukuran, dan lapisan GuiObjects. Anda juga dapat menggunakan tweening untuk transisi GuiObject dengan mulus dari satu keadaan ke keadaan lain dan memberikan umpan balik visual yang dinamis.
Tata letak dan desain
Selain properti dasar untuk menyesuaikan 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 stylesheet, mirip dengan CSS, yang memungkinkan Anda mendeklarasikan dan menerapkan penggantian secara global pada 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 dapat disesuaikan untuk permainan Anda.
Prompt kedekatan
Prompt kedekatan adalah objek UI bawaan unik yang meminta interaksi pengguna untuk memicu suatu tindakan ketika mereka mendekati objek dalam permainan seperti pintu, saklar lampu, dan tombol.
Detektor seret UI
Detektor seret UI memfasilitasi dan mendorong interaksi dengan elemen antarmuka pengguna 2D seperti penggeser, pemutar, dan lainnya.
Detektor seret 3D
Detektor seret 3D mendorong interaksi fisik dengan objek 3D dalam permainan, seperti membuka pintu dan laci, menggeser bagian, mengambil dan melempar bola bowling, menarik kembali dan menembakkan ketapel, dan banyak lagi.