Skip to main content

UI System di Unity

Buatlah project baru di Unity atau cukup scene baru saja jika masih ingin menggunakan project yang sudah digunakan dalam materi sebelumnya. Tambahkan sebuah Plane dengan cara klik menu GameObject -> UI -> Panel.

Semua object UI memiliki satu mekanisme unik yang disebut dengan Anchor. Misalnya untuk panel yang baru saja kita pasang. Kita bisa melihatnya pada panel Transform bahwa secara default Anchor yang dimilikinya adalah Strecth x Strecth.




Gunakan Hand Tool standar atau tambahkan klik Kanan untuk mendapatkan pandangan Scene seperti di bawah ini :


Selanjutnya kita akan membuat tombol. Caranya klik menu GameObject -> UI -> Button. Pasang Button sebagai child dari Panel dengan cara drag langsung pada tab Hierarchy.


Selanjutnya buat sebuah InputField dengan cara klik menu GameObject -> UI-> InputField. GameObject ini berfungsi untuk menerima inputan dari user. Tempatkan Inputfield pada panel dan sesuaikan posisinya sesuai keinginan.


Klik GameObject PlaceHolder yang merupakan child dari GameObject InputField pada tab Hierarchy, lalu klik tab Inspector dan pada panel Text ganti parameter Textnya menjadi “Masukkan Nama Anda...”


Selanjutnya tambahkan sebuah Text dengan cara klik menu GameObject -> UI -> Text. Tempatkan text sebagai child dari panel. Atur posisi sesuai kebutuhan.


 Anda juga bisa mengganti text yang ada pada Button dengan klik pada Text pada child Button, klik Inspector lalu ubah parameter Text sesuai kebutuhan.


Selanjutnya kita akan buat Script C# baru dan beri nama KlikUI.cs lalu ubah script seperti di bawah ini:


Selanjutnya pasang script pada GameObject. Kita bisa pasang di sembarang GameObject, misalnya saja kita pasang pada Canvas, lalu sesuaikan dua buah parameter public yang dibuat tadi dengan GameObject yang telah kita buat sebelumnya di Scene. Untuk memudahkan, silahkan ganti nama GameObject Text yang menjadi target.


Selanjutnya klik Button pada Scene, cari panel event OnClick() pada tab Inspector, klik tombol + di pojok kanan bawah. Masukkan GameObject yang diberi script (dalam hal ini Canvas) pada parameter Object, dan klik combobox yang bertuliskan No Function dan pilih KlikUI. Dalam hal ini KlikUI adalah script yang dipasang pada GameObject Canvas.


Jalankan Game, isi InputField dengan nama seseorang dan klik buttonnya. Hasilnya sebagai berikut:

 
Sekian dan terima kasih.

Comments

Popular posts from this blog

GUI Skin & Manipulasi Kamera

Sebelum membuat GUI pada unity, silahkan sediakan beberapa objek seperti file gambar, suara, dan font, atau Anda dapat mengunduh file-file tersebut di Internet Browser Asset Store yang tersedia di Unity. Buatlah Project baru pada unity. Tambahkan sebuah GUISkin dengan cara klik menu Assets -> Create -> GUISkin . Beri nama " BelajarGUISkin " Setelah itu tambahkan beberapa Assets yang sudah diunduh tadi seperti assets untuk tombol (beberapa template gambar button berekstensi png) dan assets font. Untuk melakukan import Assets, dapat dilakukan dengan beberapa cara, salah satunya dengan cara klik menu Assets -> Import New Assets atau dengan drag filenya langsung dari Windows Explorer. Pastikan semua assets yang akan digunakan sudah di-import. Berikutnya kita kembali ke Skin “ BelajarGUISkin ” yang tadi kita buat. Ubah font khusus button dengan drag file font pada Assets ke Button -> Overflow . Atau klik tombol kecil di sebelaha kanan kolom Font lalu ...

Hal-hal dasar Unity

Interface Unity : Toolbar digunakan untuk memanipulasi Scene View dan objek-objek di dalamnya. Fungsinya beragam, yakni dari memindahkan posisi, rotasi, hingga skala.  Hierarchy Window digunakan untuk melihat daftar GameObject apa saja yang ada di dalam scene. Setiap objek yang ada di scene pasti masuk di Hierarchy. Scene View digunakan untuk melihat secara keseluruhan objek yang digunakan di game. Scenes Window juga dapat mengedit objek, baik itu dalam hal posisi, rotasi maupun skala. Game View digunakan untuk melihat hasil akhir dari game yang nantinya akan ditampilkan di layar user. Inspector Window digunakan untuk mengedit semua properties pada objek yang aktif. Project Window digunakan untuk menampilkan daftar asset yang dapat digunakan dalam project Anda. Ketika menambahkan asset baru, ia akan muncul di Project Window. Console Window digunakan untuk mengetahui log dalam script serta informasi error dan peringatan yang ada di dalam ...

Simple Animation di Unity

Buatlah project baru di Unity atau cukup scene baru saja jika masih ingin menggunakan project yang sudah digunakan dalam materi sebelumnya. Tambahkan sebuah Plane dengan cara klik menu GameObject -> 3D Obect -> Plane . Tambahkan sebuah Cube dangan cara klik menu GameObject -> 3D Obect -> Cube dan tempatkan Cube sedikit di atas Plane agar terlihat. Selanjutnya tampilkan jendela Animation dengan cara klik menu Window -> Animation . Rencananya kita akan membuat 3 animasi yang berbeda untuk si Cube.   Untuk membuat animasi, yang pertama harus dilakukan adalah membuat sebuah file *.anim yang berisi sebuah animasi. Caranya, klik GameObject Cube pada tab Hierarchy, klik jendela Animation dan klik Create. Lalu ketikan nama animasinya, misalnya: Animasi1.anim   Pastikan tombol record (tombol merah di pojok kiri atas) telah diklik yang menandakan Unity telah siap melakukan rekaman pergerakan apapun terhadap GameObject yang aktif. Untuk Animasi1...