Indonesian (Bahasa Indonesia) translation by Arief Syahrir (you can also view the original English article)
Dalam seri tutorial ini, Anda akan belajar cara membuat game Bloons. Tujuan dari permainan ini adalah untuk menembak balon untuk meledakan mereka semua... Baca terus!
Langkah 1: Aplikasi Overview
Menggunakan grafis yang sudah disediakan kami akan meng kode sebuah permainan yang menghibur dengan Lua dan Corona SDK API.
Pemain akan mampu menembak acorn balon dengan menyentuh layar untuk tap dan melepaskan dan menembak. Anda dapat memodifikasi parameter dalam kode untuk menyesuaikan dengan permainan.
Langkah 2: Perangkat Target
Hal pertama yang harus kita lakukan adalah memilih platform yang akan menjalankan game kita. Dengan demikian, kami akan dapat memilih ukuran untuk foto-foto yang akan digunakan.
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, 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 harusnya 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 resource yang diperlukan untuk tutorial ini dapat ditemukan di download terlampir.
Langkah 4: Ekspor grafis
Tergantung pada perangkat yang telah Anda pilih, Anda mungkin perlu untuk mengekspor grafis dalam PPI yang direkomendasikan. Anda dapat melakukannya dengan 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: suara
Kita akan menggunakan Sound Effect untuk meningkatkan pengalaman permainan, Anda dapat menemukan suara yang digunakan dalam contoh ini di Soungle.com menggunakan kata kunci pop.
Langkah 6: App konfigurasi
config.lua file akan digunakan untuk membuat aplikasi pergi fullscreen di semua deviuce. File ini menunjukkan ukuran layar asli dan metode yang digunakan untuk skala konten dalam kasus app yang berjalan dalam resolusi yang berbeda.
application =
{
content =
{
width = 320,
height = 480,
scale = "letterbox"
},
} Langkah 7: Main.lua
Mari kita menulis aplikasi!
Buka edititor Lua yang dipilih (Editor teks apapun akan bekerja, tapi Anda tidak akan memiliki penyorotan sintaks) dan persiapkan diri untuk menulis app. Anda harus ingat untuk Simpan sebagai file main.lua dalam folder proyek.
Langkah 8: Kode struktur
Kami akan struktur kode kita seolah-olah class. Jika Anda tahu ActionScript atau Java, Anda harus akrab dengan strukturnya.
Necesary Classes
Variables and Constants
Declare Functions
contructor (Main function)
class methods (other functions)
call Main function Langkah 9: Sembunyikan Status Bar
display.setStatusBar(display.HiddenStatusBar)
Kode ini menyembunyikan status bar. Status bar adalah bar di atas layar perangkat yang menunjukkan waktu, sinyal, dan indikator lainnya.
Langkah 10: Impor Physics
Kita akan menggunakan perpustakaan Physics untuk menangani collision. Gunakan kode ini untuk mengimpor:
local physics = require('physics')
physics.start() Langkah 11: Background Game
Grafis sederhana digunakan sebagai backgrounc untuk interface aplikasi, baris berikutnya kode menyimpannya.
-- Graphics
-- [Background]
local bg = display.newImage('gameBg.png') Langkah 12: Title View
Title View ini, itu akan menjadi layar interaktif pertama muncul dalam game dan variabel ini akan menyimpan komponennya.
-- [Title View] local titleBg local playBtn local creditsBtn local titleView
Langkah 13: Kredit View
Pandangan ini akan menunjukkan kredit, versi, dan hak cipta dari game. Variabel ini akan digunakan untuk menyimpannya.
-- [CreditsView] local creditsView
Langkah 14: Game View
Tampilan Game terdiri oleh TextFields yang menyimpan Skor, target, dan biji-bijian yang tersedia. Hal ini juga menampilkan balon, tombol restart dan tupai yang menembak biji. Tambahkan baris berikut ke kode untuk menangani elemen-elemen ini. Tupai dan acorn grafis dari openclipart.org.
-- [Game View] local gCircle local squirrel local infoBar local restartBtn -- [TextFields] local scoreTF local targetTF local acornsTF
Langkah 15: variabel
Ini adalah variabel-variabel yang kita akan menggunakan. Membaca komentar dalam kode untuk tahu lebih banyak tentang mereka, beberapa nama-nama mereka bisa langsung ketahuan tanpa harus dijelaskan sana.
local titleView
local credits
local acorns = display.newGroup() -- stores the acorns thrown
local balloons = {} -- stores the balloons in stage
local impulse = 0 -- used shot the acorn
local dir = 3 -- default direction of the acorn Langkah 16: Kode Review
Berikut adalah kode lengkap yang ditulis dalam tutorial ini bersama dengan komentar untuk membantu Anda mengidentifikasi setiap bagian:
-- Balloons Physics Game
-- Developed by Carlos Yanez
-- Hide Status Bar
display.setStatusBar(display.HiddenStatusBar)
-- Physics
local physics = require('physics')
physics.start()
-- Graphics
-- [Background]
local bg = display.newImage('gameBg.png')
-- [Title View]
local titleBg
local playBtn
local creditsBtn
local titleView
-- [Credits]
local creditsView
-- [Game View]
local gCircle
local squirrel
local infoBar
local restartBtn
-- [TextFields]
local scoreTF
local targetTF
local acornsTF
-- Load Sound
local pop = audio.loadSound('pop.mp3')
-- Variables
local titleView
local credits
local world
local acorns = display.newGroup()
local contacts
local balloons = {}
local impulse = 0
local dir = 3 Selanjutnya...
Dalam bagian ini seri yang telah Anda Pelajari tentang interface dan konfigurasi dasar dari game. Nantikan untuk bagian kedua, dimana kami akan menangani logika aplikasi, tombol perilaku, dan banyak lagi. Sampi jumpa lagi!
