‫Selamat datang kembali.
‫Dan video ini, kita akan melihat elemen UI dan khususnya kita akan melihat
‫teks.
‫Jadi saya telah membuat proyek baru.
‫Saya menyebutnya Dasar Pong.
‫Dan di sini saya ingin membuat elemen UI.
‫Jadi dalam hierarki Anda, saya pastikan saya melakukan klik kanan dan kemudian saya pergi ke UI.
‫Saya memiliki banyak pilihan di sini.
‫Saya memiliki gambar teks, tombol gambar mentah dan sebagainya.
‫Untuk saat ini saya hanya akan menggunakan teks.
‫Dan seperti yang Anda lihat, teks baru muncul di layar kami di kiri bawah.
‫Jadi jika kita zoom out ke posisi yang tepat, kita akan melihat di sinilah letak teks kita saat ini.
‫Itu di kiri bawah.
‫Jadi ini adalah mode render yang kita miliki untuk kanvas kita, yaitu overlay ruang hijau.
‫Jadi apa fungsinya, itu akan melapisi apa pun yang kita tetapkan ke lapisan UI atau ke ruang UI di sini di atas
‫mode permainan kita.
‫Ini adalah tampilan permainan kami sendiri.
‫Jadi sekarang, tidak peduli apa yang kita miliki di sana sebagai objek permainan kita, atau katakanlah kita menambahkan kubus 3D
‫dan posisinya, itu nol nol nol.
‫Ini adalah di mana itu.
‫Dan seperti yang Anda lihat, itu ada di sekitar sini.
‫Jadi mode permainan itu sendiri sangat kecil dibandingkan dengan layar besar ini.
‫Itu hanya lapisan besar, yang merupakan lapisan UI kami, kanvas kami, yang diletakkan di atasnya.
‫Jadi itulah yang dilakukan hamparan ruang layar.
‫Ada opsi lain untuk, misalnya, kamera ruang layar.
‫Apa yang akan dilakukan adalah Anda perlu memberikan kamera di sini, menjalankan kamera dan itu akan mengambil pendekatan yang
‫berbeda.
‫Jadi sekarang didasarkan pada di mana kamera saat ini dan Anda memiliki kanvas tertentu di antara kamera dan
‫mode putar.
‫Dan itu hampir seperti lapisan di atas, tapi itu masih pendekatan yang sedikit berbeda.
‫Kemudian Anda memiliki WorldSpace di mana Anda dapat menetapkan dengan dan tinggi tertentu untuk kanvas Anda dan Anda dapat melakukan
‫beberapa perubahan lapisan tambahan dan sebagainya.
‫Kami akan menggunakan mode rendering yang berbeda sepanjang kursus.
‫Jadi dalam kata-kata di sana, Anda akan melihatnya secara detail di video-video berikutnya atau di bab-bab berikutnya.
‫Saya hanya ingin menunjukkan kepada Anda berbagai mode dengan cepat.
‫Sekarang, di dalam kanvas kami memiliki teks dan pada saat yang sama kami juga telah membuat sistem acara.
‫Jadi, setiap kali kami membuat UI dan kami tidak memiliki elemen UI sebelumnya, kanvas dan sistem acara kami
‫dibuat untuk kami secara langsung, secara otomatis.
‫Dan saya membuat teksnya.
‫Seperti yang Anda lihat, itu adalah anak dari kanvas kami, jadi itu ada di dalam folder kanvas kami.
‫Dan sekarang kita dapat melanjutkan dan mengubah teks, misalnya.
‫Jadi di sini kami memiliki teks baru.
‫Mari kita ubah itu menjadi nol biasa.
‫Dan seperti yang Anda lihat, kita hampir tidak bisa melihat angka nol itu.
‫Jadi mari kita ubah ukuran font menjadi, katakanlah 50.
‫Dan sekarang Anda mungkin berkata, oh, --, kemana perginya?
‫Aku tidak bisa melihatnya lagi.
‫Itu ada hubungannya dengan fakta bahwa tinggi dan lebar tidak sesuai dengan ukuran font lagi.
‫Jadi teks kita.
‫Elemen itu sendiri, atau elemen UI teks memiliki tinggi hanya 30, jadi hanya jika saya meningkatkannya menjadi empat, misalnya, 60,
‫saya akan dapat melihat nomor saya lagi di teks saya lagi.
‫Sekarang, mari kembali ke 30 dan katakan saya masih ingin mempertahankannya di 30, tetapi saya masih ingin melihat nol saya, jadi bagaimana
‫saya bisa menyelesaikannya?
‫Jika tidak, yang dapat Anda lakukan adalah menggunakan overflow.
‫Jadi luapan horizontal dan luapan vertikal akan dilakukan sehingga seperti yang Anda lihat, nomor Anda akan tetap muncul.
‫Sekarang, bagaimanapun, itu terputus.
‫Jadi bagaimana cara memindahkan nol saya sementara Anda dapat memindahkannya dari sini?
‫Jadi mari kita perkecil ke titik di mana kita benar-benar dapat melihat sesuatu sehingga Anda dapat memindahkannya ke sini.
‫Seperti yang Anda lihat dengan editor transformasi kami di sini atau dengan alat transformasi kami.
‫Sekarang, Anda dapat menyeretnya dan Anda dapat melihat di mana letaknya.
‫Cara lain untuk mengubah posisi sesuatu adalah, tentu saja, mengubah, mengubah di sini secara langsung sehingga Anda
‫dapat menambahkan nilai di sini.
‫Jadi bisa dibilang zero zero adalah posisi yang tepat untuk Anda.
‫Sekarang, nol tidak di tengah.
‫Mengapa demikian?
‫Nah, itu karena perataan teks kita di sini tidak terpusat.
‫Jadi Anda dapat menyelaraskannya secara terpusat di kedua arah dan kemudian akan terpusat sempurna dan Anda masih
‫dapat mengubahnya dengan mengubah jangkar.
‫Jadi di sini, misalnya, sekarang ini adalah preset jangkar ke tengah.
‫Anda bisa menambatkannya ke kiri atas.
‫Jadi sekarang mari kita berlabuh ke kiri atas.
‫Seperti yang Anda lihat, tidak ada yang berubah kecuali untuk pos Y dan X, jadi kedua nilai itu sekarang telah berubah.
‫Jadi jika kami mengembalikannya ke nol dan nol, Anda dapat melihat bahwa nol kami kembali atau berjalan sempurna
‫ke tepi sudut kiri atas kami.
‫Sekarang, tentu saja, kami ingin memindahkannya sedikit sehingga kami masih melihat nol, jadi mari pindahkan
‫ke permainan kami sekarang, hitam mungkin bukan warna yang tepat untuk Anda.
‫Jika Anda ingin mengubahnya, Anda dapat pergi ke properti warna di sini dan mengubah warnanya menjadi, misalnya, merah atau
‫putih atau hijau atau apa pun yang Anda suka.
‫Baiklah.
‫Jadi mari kita ambil warna pink ini, karena cocok dengan warna biru.
‫Kita bisa melihatnya dengan sangat baik.
‫Dan kemudian yang dapat Anda lakukan adalah, tentu saja, mengubah spasi baris.
‫Jadi katakanlah Anda memiliki baris kedua di sini.
‫Kemudian Anda dapat mengubah spasi baris, jadi katakanlah Anda ingin memiliki jarak antar baris yang lebih besar,
‫jadi itulah spasi baris.
‫Satu benar-benar baik-baik saja.
‫Dan akhirnya, tentu saja, Anda dapat mengubah font kapan saja.
‫Jadi standarnya adalah Israel dan tidak ada font lebih lanjut.
‫Secara default, Anda dapat mengunduh font baik dari toko aset atau Anda dapat mengimpornya dari mana pun
‫Anda mengunduhnya.
‫Misalnya, Anda mengunduhnya ke mesin Anda dan kemudian Anda dapat mengimpornya dari sana.
‫Tetapi berhati-hatilah agar Anda tidak mengunduh font yang bukan milik Anda karena beberapa font sebenarnya membutuhkan biaya.
‫Kebanyakan dari mereka tidak.
‫Jadi cari saja font gratis atau font bebas royalti dan gunakan itu.
‫Baiklah.
‫Jadi itu tentang font dan teks.
‫Dan sekarang mari kita lihat bagaimana kita dapat mengubah angka itu secara terprogram di video berikutnya.