Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. Corona SDK
Code

Bangun Game Scroller Ostrich Infinite

by
Difficulty:IntermediateLength:LongLanguages:

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

Dalam seri tutorial ini, saya akan menunjukkan kepada Anda cara membuat gim scroller tak terbatas dengan Corona SDK dengan membangun game Ostrich Runner. Anda akan belajar tentang menggulir objek, manipulasi fisika, kontrol sentuh, dan deteksi tabrakan. Tujuan dari permainan ini adalah untuk memindahkan karakter dan mengumpulkan item untuk menaikkan skor. Baca terus!


1. Ikhtisar Aplikasi

Menggunakan grafis siap pakai kita akan membuat kode permainan yang menghibur menggunakan Lua dan API Corona SDK.

Pemain akan dapat menggunakan layar sentuh pada perangkat untuk memindahkan karakter dan mengumpulkan item. Anda dapat memodifikasi parameter dalam kode untuk menyesuaikan permainan.


2. Perangkat Target

Hal pertama yang harus kita lakukan adalah memilih platform yang kita inginkan untuk menjalankan aplikasi kita, dengan cara ini kita akan dapat memilih ukuran untuk gambar yang akan kita gunakan.

Platform iOS memiliki karakteristik ini:

  • iPad 1/2/Mini: 1024x768px, 132 ppi
  • iPad Retina: 2048 x 1536, 264 ppi
  • iPhone/iPod Touch: 320x480px, 163 ppi
  • iPhone/iPod Retina: 960x640px, 326 ppi
  • iPhone 5/iPod Touch: 1136x640, 326 ppi

Karena Android adalah platform terbuka, ada banyak perangkat dan resolusi yang berbeda. Beberapa karakteristik layar yang lebih umum adalah:

  • Asus Nexus 7 Tablet: 800x1280px, 216 ppi
  • Motorola Droid X: 854x480px, 228 ppi
  • Samsung Galaxy S III: 720x1280px, 306 ppi

Dalam tutorial ini, kita akan berfokus pada platform iOS dengan desain grafis, yang khusus dikembangkan untuk distribusi ke iPhone / iPod touch, tetapi kode yang disajikan di sini akan berlaku untuk pengembangan Android dengan Corona SDK juga.


3. Antarmuka

Antarmuka yang sederhana dan ramah akan digunakan. Antarmuka akan melibatkan banyak bentuk, tombol, bitmap, dan banyak lagi.

Sumber antarmuka grafis yang diperlukan untuk tutorial ini dapat ditemukan di unduhan terlampir.


4. Grafik Ekspor

Tergantung pada perangkat yang Anda pilih, Anda mungkin perlu mengekspor grafik dalam PPI yang disarankan. Anda dapat melakukan ini menggunakan editor gambar favorit Anda.

Saya menggunakan fungsi Adjust Size... dalam aplikasi Pratinjau di Mac OS X.

Ingat untuk memberikan gambar nama deskriptif dan menyimpannya di folder proyek Anda.


5. Konfigurasi Aplikasi

File eksternal akan digunakan untuk membuat aplikasi menjadi fullscreen di seluruh perangkat, file config.lua. File ini menunjukkan ukuran layar asli dan metode yang digunakan untuk mengukur konten jika aplikasi dijalankan dalam resolusi layar yang berbeda.


6. Main.lua

Sekarang mari kita menulis aplikasi!

Buka editor Lua pilihan Anda (semua Editor Teks akan berfungsi, tetapi Anda tidak akan memiliki penyorotan sintaks) dan bersiap untuk menulis aplikasi mengagumkan Anda. Ingatlah untuk menyimpan file sebagai main.lua di folder proyek Anda.


7. Struktur Kode

Kita akan menyusun kode seolah-olah itu Kelas. Jika Anda tahu ActionScript atau Java, Anda harus menemukan struktur yang dikenalnya.


8. Menyembunyikan Status Bar

Kode ini menyembunyikan bilah status. Status bar adalah bilah di bagian atas layar perangkat yang menunjukkan waktu, sinyal, dan indikator lainnya.


9. Impor Fisika

Kita akan menggunakan perpustakaan Fisika untuk menangani tabrakan. Gunakan kode ini untuk mengimpornya:


10. Background

Grafik sederhana digunakan sebagai background untuk antarmuka aplikasi, baris kode selanjutnya menyimpannya.


11. Title View

Ini adalah Tampilan Judul, ini akan menjadi layar interaktif pertama yang muncul di game kami. Variabel-variabel ini menyimpan komponen:


12. Credits View

Tampilan ini akan menunjukkan kredit dan hak cipta dari game. Variabel ini akan digunakan untuk menyimpannya:


13. Game Background

Tingkat background, itu juga menambahkan bidang teks skor.


14. Pesan Petunjuk

Pesan instruksi akan muncul di awal permainan, itu akan di-tween keluar setelah 2 detik.


15. Karakter

Grafik karakter. Tujuan dari gim ini adalah untuk memindahkannya ke atas dan ke bawah di layar untuk mengumpulkan ceri.


16. Ceri

Grafik ceri. Ada juga ceri buruk yang akan membuat Anda kehilangan permainan.


17. Pad

Grafik pad. Ketuk mereka untuk memindahkan karakter.


18. Peringatan

Ini adalah peringatan yang akan ditampilkan ketika cherry yang buruk dikumpulkan. Ini akan menyelesaikan level dan mengakhiri permainan.


19. Suara

Kita akan menggunakan Efek Suara untuk meningkatkan perasaan permainan, Anda dapat menemukan musik yang digunakan dalam contoh ini di playonloop.com. Suara dibuat dalam as3sfxr.


20. Variabel

Ini adalah variabel yang akan kita gunakan. Baca komentar di kode untuk mempelajari lebih lanjut tentang mereka.


21. Deklarasikan Fungsi

Deklarasikan semua fungsi sebagai lokal di awal.


22. Konstruktor

Selanjutnya kita akan membuat fungsi yang akan menginisialisasi semua logika permainan:


23. Tambahkan Tampilan Judul

Sekarang kita menempatkan TitleView di panggung dan memanggil fungsi yang akan menambahkan tap pendengar ke tombol.


24. Mulai Tombol Pendengar

Fungsi ini menambahkan pendengar yang diperlukan ke tombol TitleView.


25. Tampilkan Kredit

Layar kredit ditampilkan ketika pengguna mengetuk tombol sekitar. Seorang pendengar tap ditambahkan ke tampilan kredit untuk menghapusnya.


26. Sembunyikan Kredit

Ketika layar kredit disadap, itu akan keluar dari panggung dan dihapus.

27. Tampilkan Tampilan Game

Saat tombol Play diketuk, tampilan judul di-tween dan dihapus, memperlihatkan tampilan permainan. Ada banyak bagian yang terlibat dalam pandangan ini, jadi kita akan membaginya dalam langkah selanjutnya.


28. Pesan Instruksi

Baris berikut menambahkan instruksi permainan.


29. Skor TextField

Bagian ini menciptakan Score TextField di atas panggung.


30. Ostrich

Tambahkan karakter ostrich ke tingkat.


31. Pad

Ini adalah kontrol layar untuk game.


32. Fisik

Selanjutnya, kita menambahkan fisika ke objek game. Kita juga membuat Tabel untuk ceri dan memanggil fungsi gameListeners.


33. Pendengar Game

Fungsi ini menambahkan pendengar yang diperlukan untuk memulai logika permainan.


34. Mulai Game

Di bagian ini, kita menghapus pesan instruksi, mulai memainkan musik background permainan, dan membuat timer yang akan menambahkan ceri setiap 400 milidetik.


35. Membuat Cherry

Potongan kode berikutnya menciptakan cherry biasa atau buruk berdasarkan nomor acak dan menempatkannya di layar. Objek yang dihasilkan ditambahkan ke mesin fisika untuk memeriksa tabrakan.


36. Pindahkan Player

Kita mengubah posisi Y dari Ostrich menggunakan kontrol pad yang kami buat sebelumnya.


37. Meningkatkan Kecepatan

Pengatur waktu akan meningkatkan kecepatan setiap 5 detik. Ikon ditampilkan untuk mengingatkan pemain tentang perubahan kecepatan.


38. Perbarui Fungsi

Fungsi ini menangani gerakan ceri. Ini menggunakan variabel kecepatan untuk menentukan berapa banyak piksel untuk memindahkan ceri setiap frame.


39. Tabrakan

Sekarang kita periksa apakah cherry bertabrakan dengan Ostrich menggunakan kode berikut. Skor meningkat ketika cherry bertabrakan biasa dan peringatan disebut ketika ceri buruk disentuh. Dalam kedua kasus, ceri dihapus dan suara dimainkan.


40. Peringatan

Fungsi peringatan menciptakan tampilan peringatan, menjiwainya, dan kemudian mengakhiri permainan.


41. Panggil Fungsi Utama

Untuk memulai permainan, fungsi utama perlu dipanggil. Dengan kode di atas di tempat, kita akan melakukannya di sini:


42. Memuat Layar

File Default.png adalah gambar yang akan ditampilkan tepat ketika Anda memulai aplikasi sementara iOS memuat data dasar untuk menampilkan Layar Utama. Tambahkan gambar ini ke folder sumber proyek Anda, itu akan secara otomatis ditambahkan oleh kompiler Corona.


43. Ikon

Menggunakan grafik yang Anda buat sebelumnya, Anda sekarang dapat membuat ikon yang bagus dan bagus. Ukuran ikon untuk ikon iPhone non-retina adalah 57x57px, tetapi versi retina adalah 114x114px dan toko iTunes memerlukan versi 512x512px. Saya sarankan membuat versi 512x512 terlebih dahulu dan kemudian turunkan untuk ukuran lainnya.

Tidak perlu memiliki sudut bulat atau silau transparan, iTunes dan iPhone akan melakukannya untuk Anda.


44. Pengujian di Simulator

Saatnya melakukan tes terakhir. Buka Simulator Corona, ramban ke folder proyek Anda, lalu klik buka. Jika semuanya berjalan sesuai harapan, Anda siap untuk langkah terakhir!


45. Membangun

Di Simulator Corona, buka File > Build dan pilih perangkat target Anda. Isi data yang dibutuhkan dan klik build. Tunggu beberapa detik dan aplikasi Anda akan siap untuk pengujian perangkat dan / atau pengiriman untuk distribusi!


Kesimpulan

Dalam seri ini, kita telah belajar tentang perilaku fisika, pendengar ketuk, dan tabrakan. Keterampilan ini bisa sangat berguna dalam berbagai permainan!

Bereksperimenlah dengan hasil akhir dan cobalah untuk membuat versi khusus dari game Anda!

Saya harap Anda menyukai tutorial ini dan merasa terbantu. Terima kasih telah membaca!

Advertisement
Advertisement
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.