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

Corona SDK: Membuat Alphabet Soup Game

by
Difficulty:IntermediateLength:ShortLanguages:
This post is part of a series called Create an Alphabet Soup Game.
Corona SDK: Create an Alphabet Soup Game - Interaction

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

Dalam seri tutorial ini, Anda akan belajar cara membuat Game Alphabet Soup minimalis. Tujuan dari permainan ini adalah untuk memungkinkan pemain untuk memilih kata-kata dari seperangkat yang campur aduk. Baca terus!


Langkah 1: Aplikasi Overview

Menggunakan grafis yang sudah disiapkan, kami akan kode sebuah game yang menghibur menggunakan Lua dan Corona SDK API.

Pemain akan dapat menggambar garis di atas stage untuk menyoroti kata. Anda dapat memodifikasi parameter dalam kode untuk menyesuaikan gamenya.


Langkah 2: Perangkat Target

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

IOS platform memiliki karakteristik ini:

  • iPad: 1024x768px, 132 ppi
  • iPhone/iPod Touch: 320x480px, 163 ppi
  • iPhone 4: 960x640px, 326 ppi

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

  • Google Nexus One: 480x800px, 254 ppi
  • Motorola Droid X: 854x480px, 228 ppi
  • HTC Evo: 480x800px, 217 ppi

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


Langkah 3: Interface

Interface yang sederhana dan friendly akan digunakan, ini melibatkan beberapa shape, tombol, bitmaps dan banyak lagi.

Interface grafis resouce yang diperlukan untuk tutorial ini dapat ditemukan di download yang terlampir.


Langkah 4: Ekspor grafis

Tergantung pada perangkat yang Anda pilih, Anda mungkin perlu untuk ekspor grafis dalam ppi yang direkomendasikan, Anda dapat melakukannya di editor gambar favorit Anda.

Saya menggunakan Adjust Size... fungsi di app Tinjauan di Mac OS X.

Ingatlah untuk memberikan gambar nama deskriptif dan menyimpannya dalam folder proyek Anda.


Langkah 5: App konfigurasi

File eksternal akan digunakan untuk membuat aplikasi menjadi fullscreen di semua perangkat, config.lua file. File ini menunjukkan ukuran layar asli dan metode yang digunakan untuk skala konten dalam kasus app berjalan dalam resolusi layar yang berbeda.


Langkah 6: Main.lua

Mari kita menulis aplikasi!

Buka editor Lua yang dipilih (Editor teks apapun bisa dipakai, tapi Anda tidak akan memiliki penyorotan sintaks) dan persiapkan diri untuk menulis app. Anda ingat untuk Simpan sebagai file main.lua dalam folder proyek.


Langkah 7: Kode struktur

Kami akan struktur kode kita seolah-olah Class. Jika Anda tahu ActionScript atau Java, Anda harusnya merasa akrab dengan strukturnya.


Langkah 8: Sembunyikan Status Bar

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


Langkah 9: Latar Belakang Game

Grafis sederhana digunakan sebagai latar belakang untuk interface aplikasi, baris berikutnya kode menyimpannya.


Langkah 10: Title View

Ini adalah Title View, itu akan menjadi layar interaktif pertama muncul dalam permainan kami. Variabel ini menyimpan komponen:


Langkah 11: About View

Pandangan ini akan menunjukkan kredit, versi, dan hak cipta dari permainan. Variabel ini akan digunakan untuk menyimpannya:


Langkah 12: Daftar kata-kata

Daftar kata-kata untuk menemukan dan sudah menemukan akan disimpan oleh baris berikutnya.


Langkah 13: Game View

Tampilan Permainan terdiri oleh TextFields yang menyimpan satu huruf, garis yang digunakan untuk menyorot kata-kata dan alert yang digunakan ketika permainan selesai. Tambahkan baris berikut ke kode untuk menangani unsur-unsur ini.


Langkah 14: variabel

Ini adalah variabel-variabel yang akan digunakan. Baca komentar dalam kode untuk tahu lebih banyak tentang mereka. Beberapa nama-nama mereka sudah bisa dijelaskan, sehingga tidak ada komentar di sana.


Langkah 15: Kode Review

Berikut adalah kode lengkap yang ditulis dalam tutorial ini bersama dengan komentar untuk membantu Anda mengidentifikasi setiap bagian:


Selanjutnya...

Dalam bagian ini seri yang telah Anda Pelajari interface dan konfigurasi dasar dari game. Nantukan untuk bagian dua mana kita akan menangani logika aplikasi, tombol perilaku dan banyak lagi. Sampai jumpa lagi!

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.