Oyun Geliştirme
Canvas nedir?
Canvas'ın tüm UI öğelerinin kök kapsayıcısı olduğunu öğrenirsin.
Canvas nedir?
Canvas, Unity'de kullanıcı arayüzü (UI) ögelerinin (butonlar, metinler, resimler) çizildiği temel kök (root) kapsayıcıdır. Sahnede ekrana çizilecek her UI elemanı mutlaka hiyerarşide bir Canvas nesnesinin çocuğu (child) olmak zorundadır.
// Canvas bileşenine erişim ve çizim modu
Canvas canvas = GetComponent<Canvas>();
canvas.renderMode = RenderMode.ScreenSpaceOverlay;
Canvas bulunmayan bir sahnede UI elemanları ekranda görüntülenemez ve kullanıcı etkileşimine giremez.
Canvas Render Mode türleri
Canvas üç temel çizim moduna sahiptir: Screen Space - Overlay (ekranın tam üstüne 2D olarak çizer), Screen Space - Camera (belirli bir kameranın önüne yansıtır) ve World Space (3D oyun dünyasının içine yerleştirir).
// Karakter üstü can barı için World Space modu
canvas.renderMode = RenderMode.WorldSpace;
Karakterlerin tepesindeki isim etiketleri veya sağlık barları için 3D dünya koordinatlarında duran World Space tercih edilir.
Uygulama Canvas kök ve mod bilgisini yazdır
uiRoot değişkenine "Canvas", mode değişkenine "ScreenSpaceOverlay" ata. Ekrana UI Root: Canvas | Mode: ScreenSpaceOverlay yazdır.
Örnek çözümü göster
using System;
class Program
{
static void Main()
{
string uiRoot = "Canvas";
string mode = "ScreenSpaceOverlay";
Console.WriteLine("UI Root: " + uiRoot + " | Mode: " + mode);
}
}
Kendini test et
-
Unity'de buton, metin ve sağlık barı gibi UI ögelerinin ekranda çizilebilmesi için temel kural nedir?
- Nesnelerin MeshRenderer materyali içermesi
- Nesnelerin bir Rigidbody bileşenine sahip olması
- Nesnelerin hiyerarşide bir Canvas altında yer alması
- Sahnede en az üç farklı AudioSource bulunması
Cevabı göster
Nesnelerin hiyerarşide bir Canvas altında yer alması — Tüm UI ögeleri çizim alanı olarak bir Canvas'a ihtiyaç duyar ve onun alt hiyerarşisinde bulunmalıdır.
-
Ekran üstü çizim modunu belirle
canvas.renderMode = RenderMode.____;
Cevabı göster
canvas.renderMode = RenderMode.ScreenSpaceOverlay;
-
Canvas kavramları
- Canvas
- Tüm UI ögelerini barındıran kök bileşen
- Screen Space - Overlay
- UI'ı en üst ekrana doğrudan çizen mod
- World Space
- UI'ı 3D dünyada nesne gibi çizen mod
- EventSystem
- Kullanıcı girdilerini UI'a ileten nesne
Sıradaki ders: Text ve TMP
