WordPress.org
Tata letak dasar

Canvas

Canvas adalah daerah yang semua elemen UI(User Interface) Memungkinkan pengguna untuk berinteraksi dengan aplikasi Anda. Unity saat ini mendukung tiga sistem UI. More info
Lihat di Glossary
harus di dalamnya. Kanvas adalah objek permainan dengan komponen Canvas di atasnya, dan semua elemen UI harus anak-anak dari kanvas tersebut.

Membuat elemen UI baru, seperti Gambar menggunakan menu GameObject > UI > Image, secara otomatis menciptakan Kanvas, jika tidak ada Canvas di tempat kejadian. Elemen UI dibuat sebagai anak untuk Canvas ini.

Area Canvas ditampilkan sebagai persegi panjang dalam tampilan SceneAdegan berisi lingkungan dan menu permainan Anda. Pikirkan setiap file Adegan unik sebagai tingkat yang unik. Di setiap Adegan, Anda menempatkan lingkungan, hambatan, dan dekorasi, pada dasarnya merancang dan membangun permainan Anda dalam potongan-potongan. More info
Lihat di Glossary
. Ini memudahkan untuk memposisikan elemen UI tanpa perlu memiliki Game View terlihat setiap saat.

Canvas menggunakan objek EventSystem untuk membantu Sistem Messaging.

Menggambar urutan elemen

Elemen UI dalam Kanvas ditarik dalam urutan yang sama mereka muncul di Hierarchy. Anak pertama ditarik pertama, anak kedua berikutnya, dan sebagainya. Jika dua elemen UI tumpang tindih, yang kemudian akan muncul di atas yang sebelumnya.

Untuk mengubah elemen mana yang muncul di atas elemen lain, cukup reorder elemen di Hierarchy dengan menyeretnya. Order juga dapat dikontrol dari scripting dengan menggunakan metode ini pada Transform componentKomponen Transform menentukan Posisi, Rotasi, dan Skala setiap objek di tempat kejadian. Setiap GameObject memiliki Transform. More info
Lihat di Glossary
: SetAsFirstSibling, SetAsLastSibling, dan SetSiblingIndex.

Mode render

Kanvas memiliki pengaturan Render Mode yang dapat digunakan untuk membuat render di ruang layar atau ruang dunia.

Ruang Layar - Overlay

Mode render ini menempatkan elemen UI di layar yang diberikan di atas adegan. Jika layar diubah ulang atau mengubah resolusi, Canvas akan secara otomatis mengubah ukuran agar sesuai dengan ini.

UI in screen space overlay canvas
UI di layar ruang overlay kanvas

Ruang Layar - Kamera

Ini mirip dengan Screen Space - Overlay, tetapi dalam mode render ini Canvas ditempatkan jarak tertentu di depan CameraKomponen yang menciptakan gambar sudut pandang tertentu di tempat kejadian Anda. Output ditarik ke layar atau ditangkap sebagai tekstur. More info
Lihat di Glossary
yang ditentukan. Elemen UI diberikan oleh kamera ini, yang berarti bahwa pengaturan Kamera mempengaruhi tampilan UI. Jika Kamera diatur ke Perspective, elemen UI akan diberikan dengan perspektif, dan jumlah distorsi perspektif dapat dikontrol oleh Camera Field of View. Jika layar diubah kembali, mengubah resolusi, atau perubahan frustum kamera, Kanvas akan secara otomatis mengubah ukuran agar cocok.

UI in screen space camera canvas
UI di layar ruang kamera kanvas

Ruang Dunia

Dalam mode render ini, Canvas akan berperilaku sebagai objek lain di tempat kejadian. Ukuran Kanvas dapat diatur secara manual menggunakan Transformator Rect, dan elemen UI akan membuat di depan atau di belakang benda lain di tempat kejadian berdasarkan penempatan 3D. Ini berguna untuk UI yang dimaksudkan untuk menjadi bagian dari dunia. Ini juga dikenal sebagai antarmuka "diraktik".

UI in world space canvas
UI di kanvas ruang dunia
WordPress.org
Tata letak dasar