Advertisement
  1. Code
  2. Mobile Development

Bekerja dengan Alat 2D Unity

by
Read Time:12 minsLanguages:

Indonesian (Bahasa Indonesia) translation by Yusuf Samin (you can also view the original English article)

Dalam tutorial ini, saya akan menunjukkan kepada Anda bagaimana memanfaatkan Alat 2D baru yang termasuk dalam Unity untuk membuat Game 2D.

1. Ikhtisar Aplikasi

Dalam tutorial ini, Anda akan belajar cara membuat proyek Unity 2D dan membuat game seluler menggunakan C# dan Unity.

Tujuan dari permainan ini adalah untuk menembak sinar teleporting sapi sebelum mereka dapat mencapai gudang keselamatan .

Dalam proyek ini Anda akan mempelajari aspek-aspek pengembangan Unity berikut:

  • menyiapkan proyek 2D di Unity
  • menjadi akrab dengan antarmuka Unity
  • membuat Prefab
  • melampirkan skrip ke objek game
  • bekerja dengan tabrakan fisika
  • menggunakan timer

2. Buat Proyek Unity Baru

Buka Unity dan pilih New Project dari menu File untuk membuka dialog proyek baru. Pilih direktori untuk proyek Anda dan Set up defaults for ke 2D.


3. Pengaturan Build 

Pada langkah berikutnya, Anda disajikan dengan antarmuka Unity. Atur proyek untuk pengembangan seluler dengan memilih Build Settings dari menu File dan pilih platform pilihan Anda.

Unity dapat dibangun untuk iOS, Android, BlackBerry, dan Windows Phone 8, yang sangat bagus jika Anda berencana untuk membuat game mobile untuk berbagai platform.


4. Perangkat

Karena kita akan membuat game 2D, hal pertama yang perlu kita lakukan setelah memilih platform yang kita targetkan, adalah memilih ukuran artwork yang akan kita gunakan dalam game.

iOS:

  • iPad tanpa Retina: 1024px x 768px
  • iPad dengan Retina: 2048px x 1536px
  • 3.5" iPhone/iPod Touch tanpa Retina: 320px x 480px
  • IPhone 3.5 / iPod dengan Retina: 960px x 640px
  • 4" iPhone/iPod Touch: 1136px x 640px

Karena Android adalah platform terbuka, ada banyak perangkat, resolusi layar, dan kepadatan piksel yang berbeda. Beberapa yang lebih umum tercantum di bawah ini.

  • Asus Nexus 7 Tablet: 800px x 1280px, 216 ppi
  • Motorola Droid X: 854px x 480px, 228 ppi
  • Samsung Galaxy SIII: 720px x 1280px, 306 ppi

Dan untuk Widows Phone dan BlackBerry:

  • BlackBerry Z10: 720px x 1280px, 355 ppi
  • Nokia Lumia 520: 400px x 800px, 233 ppi
  • Nokia Lumia 1520: 1080px x 1920px, 367 ppi

Meskipun kami akan fokus pada platform iOS dalam tutorial ini, kode ini dapat digunakan untuk menargetkan platform lain mana pun.


5. Ekspor Grafik

Tergantung pada perangkat yang Anda targetkan, Anda mungkin perlu mengubah artwork ke ukuran dan kerapatan piksel yang disarankan. Anda dapat melakukan ini di editor gambar favorit Anda. Saya telah menggunakan fungsi Adjust Size ... di bawah menu Tools di aplikasi Preview OS X.


6. Antarmuka Unity

Pastikan untuk mengklik tombol 2D di panel Scene. Anda juga dapat memodifikasi resolusi yang digunakan untuk menampilkan adegan di panel Game.


7. Antarmuka Game

Antarmuka pengguna game kami akan sederhana. Anda dapat menemukan artwork untuk tutorial ini di file sumber tutorial ini.


8. Bahasa

Anda dapat menggunakan salah satu dari tiga bahasa di Unity, C#, UnityScript, bahasa yang mirip dengan JavaScript dalam hal sintaks, dan Boo. Setiap bahasa memiliki pro dan kontra, tetapi terserah Anda untuk memutuskan mana yang Anda sukai. Preferensi saya menuju sintaks C#, jadi itulah bahasa yang akan saya gunakan dalam tutorial ini.

Jika Anda memutuskan untuk menggunakan bahasa lain, maka pastikan untuk melihat pada Referensi Skrip Unity untuk contoh.


9. Grafik 2D

Unity telah membangun nama sebagai platform hebat untuk membuat game 3D untuk berbagai platform, seperti Microsoft Xbox 360, Sony PS3, Nintendo Wii, web, dan berbagai platform mobile.

Sementara itu selalu mungkin untuk menggunakan Unity untuk pengembangan game 2D, itu tidak sampai rilis Unity 4.3 yang termasuk dukungan 2D native. Kita akan belajar cara bekerja dengan gambar sebagai sprite alih-alih tekstur pada langkah selanjutnya.


10. Efek Suara

Saya akan menggunakan sejumlah suara untuk meningkatkan pengalaman game. Efek suara yang digunakan dalam tutorial ini dapat ditemukan di Freesound.org.


11. Mengimpor Aset

Sebelum kita mulai coding, kita perlu menambahkan aset kita ke proyek Unity. Ada beberapa cara untuk melakukan ini:

  • pilih Import New Asset dari menu Assets
  • tambahkan item ke folder assets di proyek Anda
  • seret dan lepas aset di jendela proyek

Setelah menyelesaikan langkah ini, Anda akan melihat aset di folder Assets proyek Anda di panel Project.

12. Membuat Scene

Kami siap membuat adegan permainan kami dengan menyeret objek ke panel Hierarchy atau Scene.


13. Latar Belakang

Mulailah dengan menyeret dan melepaskan latar belakang ke panel Hierarchy. Kemudian akan muncul di panel Scene.

Karena panel Scene diatur untuk menampilkan tampilan 2D, Anda akan melihat memilih Main Camera di Hierarchy menunjukkan preview dari apa yang akan ditampilkan oleh kamera. Anda juga dapat melihat ini di tampilan game. Untuk membuat seluruh adegan terlihat, ubah nilai Size Main Camera menjadi 1,6 pada panel Inspector.


14. Kapal

Kapal juga merupakan elemen statis yang tidak dapat berinteraksi dengan pemain. Posisikan di tengah scene


15. Gudang

Pilih gudang dari panel Assets dan seret ke scene. Posisikan seperti yang ditunjukkan pada screenshot di bawah ini.


16. Collider Gudang

Untuk memastikan gudang diberitahu ketika seekor sapi menabraknya - memasuki gudang - kita perlu menambahkan komponen, Box Collider 2D tepatnya.

Pilih gudang di scene, buka panel Inspector, dan klik Add Component. Dari daftar komponen, pilih Box Collider 2D dari bagian Physics 2D. Pastikan untuk mencentang kotak Is Trigger.

Kami ingin sapi bereaksi ketika menyentuh pintu gudang sehingga kami perlu membuat collider sedikit lebih kecil. Buka Inspector dan ubah nilai Size dan Center collider untuk memindahkan kotak lebih dekat ke pintu gudang.


17. Script Tabrakan Gudang

Saatnya menulis beberapa kode. Kita perlu menambahkan skrip sehingga aplikasi dapat menanggapi tabrakan ketika seekor sapi memasuki gudang.

Pilih gudang dan klik tombol Add Component di panel Inspector. Pilih New Script dan beri nama OnCollision. Ingatlah untuk mengubah bahasa ke C#.

Buka file yang baru dibuat dan tambahkan snippet kode berikut.

Cuplikan memeriksa tabrakan antara objek yang skripnya ditautkan, gudang, dan objek bernama cow(Clone), yang akan menjadi instance dari sapi Prefab yang akan kita buat nanti. Ketika tabrakan terjadi, suara dimainkan dan objek sapi dihancurkan.


18. Suara Gudang 

Untuk memainkan suara ketika seekor sapi menabrak gudang, pertama-tama kita harus melampirkan suara ke gudang. Pilih itu dari view Hierarchy atau Scene , klik tombol Add Component di panel Inspector, dan pilih Audio Source dari bagian Audio.

Hapus centang Play on Awake dan klik titik kecil di sebelah kanan, di bawah ikon roda gigi, untuk memilih suara gudang.

Anda dapat meningkatkan ukuran ikon di antarmuka pengguna Unity (gizmos) dengan mengklik Gizmos di panel Scene dan menyesuaikan posisi slider.


19. Sinar

Seret grafik sinar dari panel Assets ke scene dan tambahkan collider ke scene itu. Ini diperlukan untuk mendeteksi tabrakan dengan sapi naas. Centang opsi Is Trigger di panel Inspector.

20. Skrip Sinar

Buat skrip baru dengan mengulangi langkah-langkah yang saya uraikan beberapa saat yang lalu. Beri nama skrip Bullet dan ganti isinya dengan snippet kode berikut:

Itu banyak kode, tetapi tidak rumit. Mari kita lihat apa yang terjadi. Pertama, kami membuat instance AudioClip bernama cowSound, yang akan kami gunakan untuk menyimpan file audio. Ini hanyalah teknik lain untuk memutar suara jika Anda tidak ingin menambahkan dua komponen audio ke objek. Kami mendeklarasikan variabel sebagai publik sehingga kami dapat mengaksesnya dari Inspector. Klik titik kecil di sebelah kanan cowSound dan pilih file audio.

Kami kemudian membuat sinar tidak terlihat dengan menonaktifkan rendernya. Kami menggunakan objek yang sama sehingga kami dapat menghemat sumber daya, yang merupakan optimasi penting untuk perangkat yang kurang kuat.

Kami mendeteksi sentuhan pada layar, yang membuat sinar tampak dan memutar suara sinar (lihat di bawah). Jika objek terlihat, itu berarti bahwa ia akan turun untuk mengenai seekor sapi.

Ada juga kode untuk mendeteksi jika sinar berada di luar batas scene . Jika demikian, kami memposisikannya, siap untuk menembak lagi (periksa nilai x dan y ray pada Inspector).

Bagian terakhir memeriksa apakah sinar menabrak sapi. Jika ya, ia memainkan suara sapi dan menghancurkan sapi itu. Sinar itu kemudian dibuat tidak terlihat dan diposisikan ulang pada posisi semula, siap untuk ditembakkan lagi.


21. Sumber Audio Sinar

Untuk menambahkan audio untuk sinar, pilih di Hierarchy atau Scene view dan klik Add Component di panel Inspector. Pilih Audio Source dari bagian Audio. Hapus centang Play on Awake dan klik titik kecil di sebelah kanan untuk memilih file suara.


22. Tambahkan Sapi

Seret gambar untuk sapi dari panel Assets dan posisikan dalam scene seperti yang ditunjukkan di bawah ini.


23. Rigid Body 2D

Untuk mendeteksi tabrakan, setidaknya salah satu objek bertabrakan perlu memiliki komponen RigidBody2D yang terkait dengannya. Seperti sapi dapat berbenturan dengan gudang dan ray, terbaik untuk menambah komponen sapi.


24. Collider Sapi

Kita juga perlu menambahkan collider ke sapi sehingga kita dapat mendeteksi tabrakan dengan gudang dan sinar. Pastikan untuk centang kotak centang Is Trigger di Inspector.


25. Script Memindahkan Sapi

Tambahkan komponen skrip ke sapi dan ganti isinya dengan yang berikut:

Kelas MoveCow menggerakan sapi di layar menggunakan variabel bernama moveSpeed. Metode InvokeRepeating mengubah kecepatan sapi untuk membuatnya berlari dari saat mencapai tengah scene. Ini membuat game lebih menantang.


26. Membuat Prefab Sapi

Dengan komponen yang diperlukan ditambahkan ke sapi, saatnya untuk mengubahnya menjadi Prefab. Apa itu Prefab? Mari kita baca Manual Unity:

"Prefab adalah jenis aset — GameObject yang dapat digunakan kembali yang disimpan di Project View. Prefab dapat dimasukkan ke dalam sejumlah scene, beberapa kali per scene. Saat Anda menambahkan Prefab ke sebuah scene, Anda membuat instance dari itu. Semua instance Prefab ditautkan ke Prefab asli dan pada dasarnya adalah klonnya. Tidak peduli berapa banyak instance yang ada di proyek Anda, ketika Anda membuat perubahan pada Prefab, Anda akan melihat perubahan tersebut diterapkan pada semua instance. "

Jika Anda berasal dari Flash dan ActionScript, maka ini seharusnya terdengar familier. Untuk mengonversi sapi menjadi prefab, seret sapi dari panel Hierarchy ke panel Assets. Akibatnya, nama dalam Hierarchy akan berubah menjadi biru.

Mengubah sapi menjadi prefab memungkinkan kita untuk menggunakannya kembali, yang nyaman karena sudah mengandung komponen yang diperlukan.


27. Skrip Spawner 

Skrip Spawner bertanggung jawab atas munculnya sapi. Buka MonoDevelop — atau editor C# favorit Anda — dan buat skrip baru:

Kami memanggil metode InvokeRepeating untuk menelurkan sapi menggunakan nilai yang ditetapkan oleh spawnTime dan spawnDelay. cow GameObject diatur ke publik dan dibuat menggunakan Inspector. Klik titik kecil di sebelah kanan dan pilih Prefab sapi.


28. Game Object Spawner

Untuk membuat instance prefab cow, kami akan menggunakan grafik sapi yang telah kami tambahkan ke lokasi beberapa menit yang lalu. Pilih dan hapus komponennya. Kemudian tambahkan skrip Spawner.


29. Pengujian

Sudah waktunya untuk menguji game. Tekan Command + P untuk memainkan game di Unity. Jika semuanya berjalan seperti yang diharapkan, Anda siap untuk langkah terakhir.


30. Pengaturan Player

Saat Anda senang dengan game Anda, saatnya untuk memilih Build Settings dari menu File dan klik tombol Player Settings. Ini menampilkan Player Settings di panel Inspector tempat Anda dapat menyesuaikan parameter untuk aplikasi Anda.


31. Ikon Aplikasi

Menggunakan grafik yang Anda buat sebelumnya, sekarang Anda dapat membuat ikon yang bagus untuk game Anda. Unity menunjukkan ukuran yang diperlukan, yang bergantung pada platform yang Anda bangun.


32. Gambar Splash

Splash atau gambar peluncuran ditampilkan saat aplikasi diluncurkan.

33. Bangun

Setelah proyek Anda dikonfigurasikan dengan benar, saatnya untuk mengunjungi kembali Build Settings dan klik Tombol Build. Hanya itu yang diperlukan untuk membangun game Anda untuk pengujian dan/atau distribusi.

34. Xcode

Jika Anda membangun untuk iOS, Anda perlu Xcode untuk membangun biner aplikasi terakhir. Buka proyek Xcode dan pilih Build dari menu Product.

Kesimpulan

Dalam tutorial ini, kami telah belajar tentang kemampuan 2D baru dari Unity, deteksi tabrakan, dan aspek lain dari pengembangan game dengan Unity.

Eksperimen dengan hasilnya dan kustomisasi untuk menjadikan game  Anda sendiri. Saya harap Anda menyukai tutorial ini dan bermanfaat.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.