Komponen Kanvas
Catalog

Canvas

Switch to Scripting

Komponen CanvasArea yang berisi semua elemen UI di tempat kejadian. Area Canvas ditampilkan sebagai persegi panjang di Tampilan Adegan. More info
Lihat di Glossary
mewakili ruang abstrak di mana UI diletakkan dan dirender. Semua elemen UI harus anak-anak dari GameObject yang memiliki komponen Canvas terpasang. Ketika Anda membuat objek elemen UI dari menu (GameObject > Create UI), objek Canvas akan dibuat secara otomatis jika tidak ada satu di tempat kejadian yang sudah.

Screen Space - Overlay Set
Ruang Layar - Set Overlay
Screen Space - Camera Set
Ruang Layar - Set Kamera
World Space Set
World Space Set

Properties

Property: Function:
Render Mode Cara UI(User Interface) Memungkinkan pengguna untuk berinteraksi dengan aplikasi Anda. Unity saat ini mendukung tiga sistem UI. More info
Lihat di Glossary
diberikan ke layar atau sebagai objek di ruang 3D (lihat di bawah). Pilihan Ruang Layar - Overlay, Ruang Layar - Kamera dan Ruang Dunia.
Pixel Perfect (Screen Space modes only) Harus UI diberikan tanpa antialiasingTeknik untuk mengurangi artefak, seperti garis bergerigi (jaggies), dalam gambar untuk membuatnya tampak lebih halus. More info
Lihat di Glossary
untuk presisi?
Render Camera__ (modeRuang Layar - Kamera hanya)__ Kamera yang harus dirender UI (lihat di bawah).
Plane Distance (Screen Space - Camera mode only) Jarak di mana pesawat UI harus ditempatkan di depan kamera.
Event Camera (World Space mode only) Kamera yang akan digunakan untuk memproses acara UI.
Receives Events Apakah acara UI yang diproses oleh Canvas ini?

Details

Kanvas tunggal untuk semua elemen UI cukup tetapi beberapa Kanvas dalam 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
dimungkinkan. Hal ini juga memungkinkan penggunaan Kanvas bersarang, di mana satu Kanvas ditempatkan sebagai anak lain untuk tujuan optimasi. Kanvas bersarang menggunakan Mode Render yang sama sebagai induknya.

Secara tradisional, UI dirender seolah-olah desain grafis sederhana ditarik langsung di layar. Itu dikatakan, mereka tidak memiliki konsep ruang 3D yang dilihat oleh kamera. Unity mendukung jenis rendering ruang layar ini tetapi juga memungkinkan UI untuk membuat objek di tempat kejadian, tergantung pada nilai properti Modus. Mode yang tersedia adalah Screen Space - Overlay, Screen Space - Camera dan World Space.

Ruang Layar - Overlay

Dalam mode ini, Canvas berskala sesuai dengan layar dan kemudian dirender secara langsung tanpa referensi ke tempat kejadian atau kamera ( UI akan diberikan bahkan jika tidak ada kamera di tempat kejadian sama sekali). Jika ukuran atau resolusi layar diubah maka UI akan secara otomatis berskala sesuai. UI akan ditarik atas grafik lain seperti tampilan kamera.

Overlay UI rendered over scene objects
Overlay UI dibuat atas objek adegan

Catatan: Ruang Layar - kanvas Overlay perlu disimpan di tingkat atas hirarki. Jika ini tidak digunakan maka UI dapat hilang dari tampilan. Ini adalah batasan bawaan. Jaga Ruang Layar - Overlay kanvas di tingkat atas hierarki untuk mendapatkan hasil yang diharapkan.

Ruang Layar - Kamera

Dalam mode ini, Canvas dirender seolah-olah ditarik pada objek pesawat beberapa jarak di depan kamera yang diberikan. Ukuran layar UI tidak bervariasi dengan jarak karena selalu berskala sesuai dengan tepat dalam kamera frustum. Jika ukuran atau resolusi layar atau frustum kamera diubah maka UI akan secara otomatis berskala sesuai. Setiap 3D objectsPermainan 3D Objek seperti kubus, terrain atau ragdoll. More info
Lihat di Glossary
dalam adegan yang lebih dekat dengan kamera dari pesawat UI akan diberikan di depan UI, sementara objek di balik pesawat akan dikabur.

Camera mode UI with scene objects in front
Mode kamera UI dengan objek adegan di depan

Ruang Dunia

Mode ini membuat UI seolah-olah itu adalah objek pesawat di tempat kejadian. Tidak seperti mode Ruang Layar - Kamera, bagaimanapun, pesawat tidak perlu menghadapi kamera dan dapat berorientasi namun Anda suka. Ukuran Canvas dapat diatur menggunakan Transform Rect tetapi ukuran layarnya akan tergantung pada sudut pandang dan jarak kamera. Objek adegan lain dapat melewati, melalui atau di depan Canvas.

World space UI intersecting scene objects
Ruang dunia UI mengganggu objek adegan

Hints

  • Baca lebih lanjut tentang mengatur Kanvas Ruang Dunia di halaman Membuat UI Ruang Dunia.
  • Untuk informasi tentang membuat skala Canvas dan UI Anda untuk resolusi yang berbeda atau aspect ratiosHubungan dimensi proporsional gambar, seperti lebar dan tingginya.
    Lihat di Glossary
    , lihat halaman Merancang UI untuk Beberapa Resolusi serta halaman CatalogMengontrol skala keseluruhan dan kepadatan piksel dari semua elemen UI di Kanvas, termasuk ukuran font dan batas gambar. More info
    Lihat di Glossary
    .
Komponen Kanvas
Catalog