Cara membuat game flapy bird dengan Adobe Flash

Tahu dengan game Flappy Bird? Nah, game Flappy Bird ini pernah terkenal dan sampai dibahas di stasiun TV. Karena game ini dikenal dengan game yang paling membuat orang kesal. Flappy Bird terbilang game dengan tingkat kesulitannya yang sangat tinggi dalam menerbangkan burung aneh ini. Game Flappy Bird diluncurkan untuk Mobile Android dan dimainkan dengan menyentuh layar agar burung bisa terbang layaknya melompat di udara.

Contoh project akan akan kita buat

Nah, kali ini saya akan menerangkan bagaimana membuat Flappy Bird di Flash dengan program Adobe Flash CS3. Game ini saya beri nama “Flashpy Bird”, penasaran bagaimana membuat game Flashpy Bird? Yuk langsung simak tutorialnya dibawah ini.

Langkah 1

Kita mulai program Adobe Flash CS3 dengan memilih Action Script 2.0.

Langkah 2

Berikutnya mulailah mendesain karakter Flappy Bird dan ubah karakter yang telah dibuat menjadi movie clip. Untuk movie clip bisa diberi nama apa saja tetapi beri nama Instance Name untuk digunakan pada Action Script karakter ini.

Langkah 3

Nah, sekarang kita mulai ke tahap memberi script agar karakter ini dapat bergerak sesuai dengan perintah. Pertama, buat karakter burung ini otomatis turun dengan memberi script pada frame pertama.

burung.onEnterFrame=function(){
this._y+=10;
}

Langkah 4

Dengan script sebelumnya maka berikutnya kita buat agar karakter burung tidak jatuh dan tetap bisa bertahan di atas dengan mengklik tombol mouse sebagai pengganti tap pada layar touchscreen. Beri scriptpada karakter Flappy Bird dengan meletakkan script tepat pada movie clip Flappy Bird itu sendiri.

onClipEvent (mouseDown) {
this._y-=50;
}

Berikutnya cobalah proses jalanya animasi ini. Setiap kali anda mengklik tombol kiri mouse anda, maka burung Flappy Bird buatan di Flash ini akan bergerak naik sementara ada efek gravitasi yang memaksa untuk karakter burung ini jatuh.

Langkah 5

Agar lebih menarik, di dalam movie clip burung ini cobalah diberi animasi frame by frame seolah-olah karakter burung ini jatuh. Seperti contoh gambar karakter tiap frame di bawah ini.

Dan jangan lupa beri script “stop();” pada frame terakhir pada animasi movie clip ini dan berikan nama pada frame pertama dengan nama “turun”.

Langkah 6

Apabila telah membuat animasi pada movie clip burung, maka script yang kita berikan pada movie clip burung ini bisa kita ganti dengan script seperti dibawah ini.

onClipEvent (mouseDown) {
this._y-=50;
gotoAndPlay("turun");
}

Jadi, apabila script di atas diterapkan pada movie clip burung, maka burung tidak hanya bergerak naik saja. Karakter burung ini juga akan memainkan animasi seolah-olah burung ini bergerak naik dan juga perlahan-lahan turun ditarik gravitasi. Coba deh dengan menekan tombol CTRL + ENTER dan test animasinya.

Nah, sekian dulu cara buat animasi burung flappy birdnya. Sebagai tugas kuliah dan referensi :). 
maaf jika ada kesalaahan

silahkan dicoba :) di komputer anda