Berikut akan dijelaskan cara pembuatan game Flappy Bird dengan meggunakan gamesalad.
Peralatan yang dibutuhkan:
- Gamesalad, bisa di download di www.gamesalad.com
- Gambar untuk si flappy bird, tiang, dan background
- Gambar lain untuk animasi
Langkah - langkah pembuatan (bagi yang sudah mengerti gamesalad bisa langsung loncat ke step 5):
1. Buka gamesalad dan pilih blank project
2. Isi project info dan pilih portrait untuk platform (karena kita akan memainkan game ini secara portrait / posisi device berdiri)
3. Pilih dan klik initial scene
4. Sedikitnya kita membutuhkan 4 obyek aktor untuk game ini (bisa lebih)
- Aktor untuk burung
- Aktor untuk papan score
- Aktor untuk tiang bawah (set aktor ini masuk ke tags tiang)
- Aktor untuk tiang atas (set aktor ini masuk ke tags tiang)
- Variabel posisiX, untuk menentukan posisi tiang pertama (isi awal dengan 500)
- Variabel posisiX2, untuk menentukan posisi tiang kedua (isi awal dengan 500)
- Variabel tinggibawah, untuk mengetahui hasil random tinggi tiang bawah. Kita menginginkan setiap tiang yang muncul selalu memeliki tinggi yang berbeda
- Variabel score, untuk mencatat perolehan score
- Variabel lebarbawah, variabel ini bisa digunakan bisa tidak. Jika digunakan akan memudahkan kita karena tidak perlu mengatur lebar tiang bagian atas secara manual, kita asumsikan lebar tiang bawah dan atas sama kan?
6. Klik pada scene, lalu set gravity pada 500
7. Sekarang isi behaviors untuk aktor tiang bagian bawah
- Isi variabel lebarbawah dengan lebar dari tiang bawah
- Tentukan tinggi tiang bawah dari hasil random 50-300
- Isi variabel tinggibawah dengan tinggi dari tiang bawah (gunakan constrain attributes, karena tinggi tiang selalu berubah)
- Disini dibutuhkan posisi tiang Y selalu tetap jadi gunakan constrain attributes untuk menjaga posisi Y (Posisi Y = 1/2 dari tinggi tiang)
- Juga isikan posisiX dengan posisi X tiang ini (untuk isian posisiX2 akan kita bahas selanjutnya)
- Gerakkan tiang ke arah kiri dengan behaviors move, dengan kecepatan 50, searah 180
- Untuk memunculkan kembali tiang, kita gunakan rule
8. Isi behaviors untuk tiang atas
Untuk menentukan tinggi tiang atas gunakan rumus:
Untuk menentukan posisiY tiang atas gunakan rumus:
9. Isi behaviors untuk papan score
10. Isi behaviors untuk flappy
- Disini sebagai contoh digunakan aktor burung akan bergerak naik 90 derajat dengan kecepatan 175 apabila tombol mouse ditekan/klik.
- Score akan bertambah apabila posisi si burung telah melewati posisiX dari kedua tiang yang akan muncul (apabila digunakan 3 tiang maka diperlukan 3 posisi X untuk dicek keberadaannya)
11. Selanjutnya tinggal susun aktor yang ada tadi di scene yang ada disebelah kanan. Sebagai contoh bisa digunakan setting sebagai berikut:
Kenapa? Karena posisiX pertama selalu menyimpan posisiX tiang yang terakhir. Cara untuk mengisi klik pada aktor yang ada di scene. JANGAN klik pada aktor disebelah kiri (prototype)
13. Apabila dibutuhkan animasi untuk background yang bergerak, gunakan cara yang sama dengan aktor tiang
14. Untuk mendeteksi apabila burung mengenai tiang, gunakan behaviors collide dengan kondisi collide dengan aktor dengan tags tiang
15. Untuk mendeteksi apabila burung jatuh ke tanah bisa menggunakan posisiY burung di 0 atau gunakan satu aktor lagi (biasa disebut ground). Apabila menggunakan aktor tambahan, bisa gunakan collide
- Taruh aktor burung di posisi tengah sebelah kiri (X = 0, Y = 284)
- Taruh posisi tiang bawah pertama di X = 160
- Taruh posisi tiang atas pertama sembarang
- Taruh posisi tiang bawah kedua di X = 320
- Taruh posisi tiang atas kedua sembarang
Kenapa? Karena posisiX pertama selalu menyimpan posisiX tiang yang terakhir. Cara untuk mengisi klik pada aktor yang ada di scene. JANGAN klik pada aktor disebelah kiri (prototype)
13. Apabila dibutuhkan animasi untuk background yang bergerak, gunakan cara yang sama dengan aktor tiang
14. Untuk mendeteksi apabila burung mengenai tiang, gunakan behaviors collide dengan kondisi collide dengan aktor dengan tags tiang
15. Untuk mendeteksi apabila burung jatuh ke tanah bisa menggunakan posisiY burung di 0 atau gunakan satu aktor lagi (biasa disebut ground). Apabila menggunakan aktor tambahan, bisa gunakan collide


