Ada yang tau Permainan Hangaroo atau Hangman? Yap, keduanya adalah jenis permainan dimana kita harus menebak kata yang tersembunyi dengan mengandalkan petunjuk (hint) yang ada. Selain menantang, permainan ini bisa menambahkan pengetahuan juga lho! Bagaimana cara membuatnya? mari simak tutorial Flash berikut ini
Oke! Langsung aja. Mari kita berlajar cara membuat permainan tebak kata seperti hangaroo.
1. Buat tombol alfabet masing-masing dari A sampai Z seperti gambar di bawah ini:
2. Klik tombol abjad “A”, kemudian buka panel action. Masukan script di bawah ini
on(release) { cekChar("a"); } |
3. Lakukan langkah 2 pada tombol abjad lainnya dengan mengganti karakter yang ada pada fungsi cekChar(); misal pada tombol “B”. maka fungsi cekChar menjadi cekChar(“b”); dst.
4. Buat TextField dengan desain seperti berikut:
5. Setelah itu, klik frame 1, buka panel action kemudian ketikan script di bawah ini:
6. Buat blank keyframe(F7) pada frame 2. Buat teks dengan tulisan “Anda Menang!!!”.
7. Buat lagi text field dengan type Dynamic Text. Pada instance name beri nama “disPhrase”.
8. Buka panel action kemudian ketikan script berikut:
stop(); disPhrase.text=phrase; |
9. Buat Blank Keyframe pada frame 3. Buat teks dengan tulisan “Anda Kalah”.
10. Buat sebuah tombol dengan label “Main Lagi”. Kemudian beri script seperti di bawah ini:
on(release) { gotoAndStop(1); } |
11. Letakan tombol “Main Lagi”. Pada frame 2 dan 3
12. Selesai. Jalankan movie.
Hasilnya kira - kira seperti ini:
Game Tebak Kata dengan Adobe Flash
Cara bermain : klik huruf yang anda inginkan untuk menjawab pertanyaan tebak kata di atas :-)
Selain pembuatan games tebak kata dengan cara di atas, sebenarnya masih ada lagi cara yang lebih kompleks dengan memanfaatkan integrasi data XML sehingga permainan menjadi lebih kompleks. Source Code dari game Tebak - Tebakan kata ini bisa di Download Disini. Terus berkreasi dan gali potensi diri, terima kasih... Semoga cara pembuatan games tebak kata di atas bermanfaat bagi anda semua.
Tutorial Terkait Lainnya: tutorial game tangkap nyamuk
Share URL | Share the URL of this Tutorial in IM, Email or post in forums * Klik Link, copy (ctrl + c) dan paste (ctrl + v) |
0 comments:
Post a Comment