Membuat Responsive Guitexture Di Unity (Guitexture Auto Resize Menyesuaikan Ukuran Layar)
Hai Sobat blogger.. Sepertinya sudah cukup usang saya tidak menulis artikel. Mungkin sekitar 1 bulan saya sama sekali tidak ngurus blog. Ini alasannya saya sedang sangat sibuk seminar kiprah tamat di kampus saya, sampai-sampai hampir tidak ada waktu buat ngeblog. Ok lah.. kali ini saya sudah kembali dengan artikel wacana Responsive GUITexture di Unity. Apa itu dan bagaimana cara membuatnya, kita simak saja artikel di bawah.
GUITexture merupakan salah satu component di Unity yang berfungsi untuk menciptakan texture 2D menyerupai menu, button, dsb. GUITexture cukup gampang dipakai alasannya tampilannya terlihat terang ketika game belum di running, tidak menyerupai OnGUI yang mengharuskan game di running semoga tampilannya terlihat di layar. Untuk menata letak GUITexture memakai Pixel Inset, dimana Pixel Inset merupakan kelas Rect dengan parameter x, y, width, dan height.
Secara default GUITexture di Unity mempunyai ukuran dan margin yang fix, ialah ditentukan memakai Pixel Inset menyerupai dijelaskan di atas. GUITexture tidak bersifat responsive sehingga ukuran GUITexture bersifat tetap, berapapun ukuran layarnya. Hal ini seringkali dikeluhkan oleh Unity programmer alasannya seringkali GUITexture yang telah disusun secara rapi sanggup menjadi sangat kacau bila dijalankan pada perangkat dengan resolusi layar yang berbeda dengan PC yang dipakai ketika proses develop.
Ok.. Langsung saja ke intinya. Dari problem di atas, kemudian bagaimana solusinya? Pada artikel kali ini saya akan sedikit membuatkan Asset yang saya buat sendiri untuk menciptakan GUITexture menjadi bersifat Responsive auto-resize, sehingga akan selalu terlihat sama pada resolusi layar berapapun sesuai dengan proses desainnya. Ok.. Langsung saja ke TKP kita mulai tutorialnya dibawah :
Langkah 1 : Download asset
Assetnya saya kasih nama AzharLab. Kenapa saya kasih nama menyerupai itu gak penting lah, daripada gak ada nama. Ok pribadi saja, assetnya sanggup di download disini, download saja versi terbaru. Saya akan selalu berusaha mengupdate asset untuk menambah asset lain atau sekedar perbaikan bug. Dan pastinya, akan selalu saya share secara gratis.
Langkah 2 : Masukkan ke project
Langkah pertama masukkan assetnya ke project. Disini tidak perlu saya jelaskan panjang lebar, cukup buka project, kemudian double klik Assetnya. Setelah asset masuk ke project, Anda akan melihat script ResponsiveGUITexture.cs menyerupai pada gambar di bawah.
Langkah 3 : Buat dan desain GUITexture
Gak perlu juga lah saya jelaskan panjang lebar, sebagai Unity programmer niscaya sudah hafal. Tinggal klik Game Object >> Create Other >> GUITexture, kemudian desain tata letaknya. Ini saya beri sedikit pola menyerupai di bawah.
Langkah 4 : Tambahkan script ResponsiveGUITexture di GUITexture
Caranya cukup mudah, tinggal select object GUITexture yang akan dibentuk responsive dan tambahkan scriptnya dengan cara drag & drop.
Langkah 5 :Sesuaikan ukuran
Sesuaikan EditorWidth dan EditorHeight dengan resolusi ketika melaksanakan desain GUITexture. Jika Anda mendesain GUITexture pada ukuran layar 800x480 maka pada ResponsiveGUITexture harus memasukkan ukuran yang sama, ialah 800x480. Lihat gambar di bawah
Jika Anda tidak mengetahui berapa ukuran layar ketika mendesain, dan hanya tertulis 'Free Aspect' maka Anda sanggup menciptakan ukuran custom sesuai keinginan, misal 800x480. Cara membuatnya tampaknya tidak perlu saya jelaskan panjang lebar. Klik saja tulisak 'Free Aspect', di paling bawah ada bab untuk menciptakan ukuran custom.
Langkah 6 : Uji coba
Sampai disini seharusnya GUITexture sudah responsive, kita lakukan saja uji coba. Script hanya berjalan ketika dilakukan Start. Kaprikornus bila merubah ukuran layar ketika jadwal tidak running atau sehabis jadwal running maka tidak akan ada efeknya. Kemudian bagaimana cara yang benar? berikan scriptnya >> tentukan ukuran layarnya >> jalankan programnya.
Tampilan GUITexture pada resolusi 320x240 sebalum memakai scrip RexponsiveGUITexture / sebelum jadwal dijalankan sanggup dilihat pada gambar dibawah
Jika sudah dijalankan dan script berjalan maka jadinya menyerupai pada gambar di bawah
Nah jadinya tampilan GUITexture akan mengecil mengikuti ukuran layar. GUITexture kini menjadi responsive mengikuti ukuran layar.
Ok.. Mungkin demikian sedikit artikel yang sanggup saya tulis. Jika ada klarifikasi yang kurang lengkap silahkan komen aja. Mohon maaf bila ada kesalahan. Terima kasih sudah membaca, tetap semangat dan terus berkarya... :)
Artikel yang mungkin bekerjasama :
Artikel yang mungkin bekerjasama :
