Tutorial Membuat Level Scroll Di Unity 3D

ada kalanya ketika membuat game kita ingin
menambahkan Menu Scroll ke dalam permainan, misalnya, kita menggunakannya untuk Seleksi Level Menu. Nah disini saya akan memberi tutorialnya untuk Unity 4.6.

1. Pertama kita perlu membuat Project baru diunity, jika salah satu tidak ada sudah. Buat tema baru bernama Level Select.

2. Buat Canvas dengan menekan Create-> UI->Canvas di Hierarchy.

3. Buat Empty GameObject dan rename menjadi ScrollView. Setelah itu masukan ScrollView tadi ke dalam Canvas.

4. Tekan ScrollView di Hierarchy tadi,
kita beralih ke panel Inspector tambahkan Component->UI->Scroll Rect ke dalam ScrollView dan atur settingnya sesuai gambar dibawah.

(  Penjelasan pada Content biar kosong dulu nanti kita bahas dibawah, Horizontal dan Vertikal disini untuk menentukan arah Srollnya ke arah bawah atau kesamping, Movement Type untuk menentukan jenis gerakan Scrolnya silahkan dipilih sesuai keingina, dan dibagian Decelerarion Rate untuk mengatur kecepatan Scrollnya.)

5. Tambahkan komponen Teks dalam Canvas kita buat sebelumnya dan beri nama TextSelectlevel.

- Mengubah Teks yang akan ditampilkan dalam teks (Script) sebagai LEVEL SELECT.

- Periksa Fit kotak centang Terbaik. Mengatur Min Size 10 dan Max Ukuran ke 50 (atau nilai apapun yang Anda suka).

- Tempatkan Teks di suatu tempat di dekat bagian atas agar terlihat seperti Heading Menu. Posisi empat jangkar poin di tepi Teks.

                  (Lihatlah gambar di bawah ini)

6. Pilih Rect Transform alat dari alat bagian dan mengubah ukuran ScrollView seperti pada GIF bawah

7. Klik kanan pada ScrollView di Hierarchy dan menciptakan sebuah Panel. Mengubah ukuran panel seperti yang ditunjukkan pada gif di bawah ini untuk menambahkan tombol Tingkat kami.

Catatan: Jika anda ingin Geser Rect Resize dinamis, menempatkan titik jangkar itu ke sudut seperti pada gambar di bawah

8. Buat Tombol dalam Panel. Mengubah nama sebagai Level1 dan mengatur itu komponen Text to LEVEL 1.

Posisi itu dekat ujung atas Panel. Mengubah ukurannya sesuai kebutuhan Anda dan menempatkan anchorpoints untuk itu tepi untuk mengubah ukuran button dynamically tersebut.

Periksa kotak centang Fit Terbaik dari Textcomponent untuk mengubah ukuran teks tersebut.

9. Duplikat Tombol dengan menekan ctrl D sedangkan tombol Level1 dipilih. Mengubah nama dan reposisi tombol sesuai dengan kebutuhan Anda. Juga, reposisi jangkar setiap tombol untuk tepi mereka. Di bawah gambar menunjukkan susunan sampel dari tombol.

10. Drag dan drop Panel ke dalam Contentfield komponen naskah Scroll Rect objek ke ScrollView. Setelah Anda melakukan itu Anda dapat menggulir menu untuk melihat tombol tingkat yang tidak mungkin sebelumnya.

11. Jika teks LEVEL SELECT tidak pusat sejajar, Anda dapat melakukannya seperti pada gambar di bawah

     

12. Anda dapat menambahkan gambar yang akan ditampilkan di balik teks LEVEL SELECT sehingga tampak estetika. Anda dapat mencoba berbagai kombinasi warna dan desain menu Anda yang Anda inginkan.

Saya tidak pernah menjadi desainer yang baik, tapi saya telah berhasil merancang satu untuk ini, mungkin tidak sebaik yang Anda orang mungkin lakukan meskipun. Alasan di balik melakukan ini adalah untuk menunjukkan seberapa kuat sistem Unity UI baru.

   

13. Jika Anda menambahkan gambar latar belakang untuk Pilih LEVEL SELECT, ingat untuk menempatkannya di atas teks dalam inspektur, sebagai satu dengan posisi yang lebih rendah ditempatkan di atas benda-benda di atas di Hierarchy..

 Untuk yang masih kesulitan bisa download Projectnya disini DOWNLOAD PROJECT