Unity Tutorial Indonesia : Mobile - UI Panel Pop Up [part 1/3]

Untuk memahami apa itu animasi Pop Up, vcg sudah membuat file apk hasil dari tutorial ini.
Download : Pop Up.apk (14 MB - Mediafire).

screenshot Pop Up.apk

Tekan 1x objek pada layar jendela HP, maka animasi Pop Up akan muncul.

MULAI

Part 1 akan menjelaskan tentang persiapan apa saja yang harus dilakukan dalam tutorial kali ini.

Buat proyek unity baru kemudian tambahkan beberapa komponen berikut :

1. Directional Light

2. Objek Cube "si Kotak"

3. Objek Sphere "si Bulat"

Buat 4 folder utama :

1. Scenes, dan simpan scene dengan nama "pop" atau bebas sesuai selera

2. Scripts, dan buat C# Script beri nama "PopUpManager"

3. Folder animasi

4. Texture, masukkan 1 texture yang nantinya akan dibuat image background.

Tambahkan script "PopUpManager" ke objek main camera.

Tambahkan UI Panel.

Ubah nama panel menjadi "Panel Pop Up" kemudian :

1. Tambahkan UI Image ke dalam panel dan ubah nama menjadi "Image Background"

2. Atur scale panel sesuai selera masing-masing.

3. Atur achor point pada panel tepat pada point tangah atas layar.

1. Klik komponen "Image Bacground" dan ubah texture.

2. Klik Panel "Panel Pop Up" lihat inspektor pada menu warna ubah nilai warna A menjadi 0.

Ingat agar texture dapat digunakan pada komponen UI , ubah texture menjadi "Sprite 2D & UI"

Atur posisi "Panel Pop Up" tepat berada di atas canvas, bertujuan agar panel tidak terlihat pada layar HP.

Part 2 akan menjelaskan bagaimana proses pembuatan animasi Pop Up pada Komponen UI Panel.

Terraligno