‫Tekrar hoş geldiniz.
‫Bu videoda, kullanıcı arayüzü öğelerine ve özellikle de metinlere bir göz
‫atacağız.
‫Bu yüzden yeni bir proje oluşturdum.
‫Ben buna Pong Temelleri diyorum.
‫Ve burada bir UI öğesi oluşturmak istiyorum.
‫Böylece oluşturduğum hiyerarşi görünümünde sağ tıklıyorum ve ardından UI'ye gidiyorum.
‫Burada birden fazla seçeneğim var.
‫Metin, resim, ham resim, düğme ve benzerleri var.
‫Şimdilik sadece metin kullanacağım.
‫Ve gördüğünüz gibi, yeni metin ekranımızda sol altta beliriyor.
‫Yani doğru konuma yakınlaştırırsak göreceğiz.
‫Metnimizin şu anda bulunduğu yer burası.
‫Sol altta.
‫Bu, ekran alanı kaplaması olan tuvalimiz için sahip olduğumuz render modudur.
‫Bu da UI katmanına veya UI alanına atadığımız her şeyi oyun modumuzun veya oyun görünümümüzün
‫üzerine yerleştirir.
‫Şimdi oyun nesnemiz olarak orada ne olursa olsun, diyelim ki bir 3D küp ekledik ve onu
‫000'a konumlandırdık.
‫İşte burası.
‫Ve gördüğünüz gibi, buralarda bir yerde.
‫Yani oyun modunun kendisi, bu devasa ekrana ya da UI katmanımız olan bu devasa
‫katmana kıyasla çok küçüktür.
‫Ekran alanı kaplaması da bu işe yarar.
‫Örneğin, ekran alanı kamerası için başka seçenekler de vardır.
‫Bunun yapacağı şey, ona burada bir kamera vermeniz, kamera oluşturmanız ve farklı bir yaklaşım benimsemesidir.
‫Yani şimdi kameranın o anda nerede olduğuna dayanıyor ve kamera ile oyun modu arasında belirli bir tuvaliniz
‫var.
‫Ve neredeyse üstte bir katman gibi, ama yine de biraz farklı bir yaklaşım.
‫Ardından, tuvaliniz için belirli bir genişlik ve yükseklik atayabileceğiniz ve bazı ek katman değişiklikleri yapabileceğiniz
‫dünya alanınız vardır.
‫Kurs boyunca farklı render modlarını kullanacağız, bu yüzden endişelenmenize gerek yok.
‫Bunları sonraki videolarda veya sonraki bölümlerde ayrıntılı olarak göreceksiniz.
‫Sadece size farklı modları hızlıca göstermek istedim.
‫Şimdi tuval içinde metnimiz var ve aynı zamanda bir olay sistemi de oluşturduk.
‫Dolayısıyla, ne zaman bir kullanıcı arayüzü oluştursak ve daha önce bir kullanıcı arayüzü öğemiz olmasa, tuvalimiz ve olay sistemimiz
‫bizim için doğrudan, otomatik olarak oluşturulur.
‫Ve bir metin oluşturdum.
‫Gördüğünüz gibi, tuvalimizin alt öğesi, yani tuval klasörümüzün içinde ve şimdi devam edip örneğin metni değiştirebiliriz.
‫Yani burada yeni bir metin vardı.
‫Bunu düz sıfır olarak değiştirelim.
‫Ve gördüğünüz gibi, sıfırı zar zor görebiliyoruz.
‫Yazı tipi boyutunu diyelim ki 50 olarak değiştirelim.
‫Ve şimdi diyebilirsiniz ki, oh, --, nereye gitti?
‫Artık göremiyorum.
‫Bu, yükseklik ve genişliğin artık yazı tipi boyutuna uymamasıyla ilgilidir.
‫Yani metnimiz.
‫Elementin kendisi.
‫Metin UI öğemizin yüksekliği yalnızca 30'dur.
‫Yani sadece dörde, örneğin 60'a çıkarırsam, numaramı tekrar mesajımda görebileceğim.
‫Şimdi 30'a geri dönelim ve diyelim ki hala 30'da tutmak istiyorum, ama hala sıfırımı görmek istiyorum, peki başka
‫türlü nasıl çözebilirim?
‫Yapabileceğiniz şey taşma kullanmaktır.
‫Yani yatay taşma ve dikey taşma yapacaktır, böylece gördüğünüz gibi numaranız hala görünecektir.
‫Ancak şimdi kesildi.
‫Peki sıfırımı nasıl taşıyabilirim?
‫Buradan taşıyabilirsin.
‫Şimdi gerçekten bir şeyler görebileceğimiz noktaya yakınlaştıralım.
‫Böylece buralarda gezdirebilirsiniz.
‫Buradaki dönüştürme düzenleyicimizde veya Dönüştürme araçlarımızda görebileceğiniz gibi.
‫Şimdi, onu sürükleyebilir ve nerede olduğunu görebilirsiniz.
‫Bir şeyin konumunu değiştirmenin bir başka yolu da, elbette, buraya değerler ekleyebilmek için doğrudan
‫burayı değiştirmek, yönlendirmek, dönüştürmektir.
‫Yani sıfırın sizin için doğru pozisyon olduğunu söyleyebilirsiniz.
‫Şimdi sıfır merkezde değil.
‫Nedenmiş o?
‫Bunun nedeni, buradaki metnimizin hizalamasının ortalanmamış olmasıdır.
‫Böylece her iki yönde de ortalayarak hizalayabilirsiniz ve böylece mükemmel bir şekilde ortalanmış olur ve çapayı
‫değiştirerek bunu yine de değiştirebilirsiniz.
‫Örneğin burada, şimdi merkeze bir çapa ön ayarı var.
‫Sol üst tarafa sabitleyebilirsiniz, şimdi sol üst tarafa sabitleyelim.
‫Gördüğünüz gibi, Y direği ve X pozu dışında hiçbir şey değişmedi.
‫Yani bu iki değer artık değişti.
‫Dolayısıyla, bunları sıfır ve sıfıra geri getirirsek, sıfırımızın sol üst köşemizin kenarına geri döndüğünü veya mükemmel
‫bir şekilde gittiğini görebilirsiniz.
‫Şimdi, elbette, sıfırı hala görebilmek için onu biraz hareket ettirmek isteriz.
‫Öyleyse bunu oyunumuza taşıyalım.
‫Şimdi, Siyah sizin için doğru renk olmayabilir.
‫Bunu değiştirmek isterseniz, buradaki renk özelliğine gidebilir ve rengi örneğin kırmızı veya beyaz veya yeşil ya
‫da istediğiniz herhangi bir renkle değiştirebilirsiniz.
‫Tamam.
‫Bu pembeyi alalım çünkü maviye uyuyor.
‫Bunu çok iyi görebiliyoruz.
‫Ve sonra yapabileceğiniz şey, elbette, satır aralığını değiştirmektir.
‫Diyelim ki burada ikinci bir satırınız var.
‫Ardından satır aralığını değiştirebilirsiniz.
‫Diyelim ki çizgiler arasında daha büyük bir mesafe olmasını istiyorsunuz.
‫Yani satır aralığı bu.
‫Biri tamamen iyi.
‫Ve son olarak, elbette, yazı tipini istediğiniz zaman değiştirebilirsiniz.
‫Yani standart A'dır ve başka yazı tipi yoktur.
‫Varsayılan olarak.
‫Fontları varlık mağazasından indirebilir veya örneğin indirdiğiniz yerden içe aktarabilirsiniz.
‫Böylece onları makinenize indirirsiniz ve sonra oradan içe aktarabilirsiniz.
‫Ancak sahip olmadığınız yazı tiplerini indirmemeye dikkat edin çünkü bazı yazı tipleri gerçekten paralıdır, çoğu
‫ise değildir.
‫Bu yüzden sadece ücretsiz fontları veya telifsiz fontları arayın ve sonra bunları kullanın.
‫Tamam.
‫Yani yazı tipi ve metinle ilgili.
‫Şimdi de bir sonraki videoda bu sayıyı programatik olarak nasıl değiştirebileceğimize bir göz atalım.