logo ilmugrafis
Home Tutorials Store Blog Fonts Download Gallery
Google Powered Search
+ Silahkan masukkan kata kunci untuk mencari konten website

ilmu grafis » MACROMEDIA DAN ADOBE FLASH

Membuat Permainan Tebak Kata

Publish: 1 November 2012 | Author & Copyright: Irman Maulana | Status: FREE tutorial

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:
abjad alphabet

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:
setting layout tebak kata

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)
android apk IlmuGrafiscom Apk | rss Berlangganan ilmuGrafis.com via Email


author
<> Info dan Kontak Penulis
Tentang penulis:
Irman Maulana lahir di Sukabumi, 27 september 1989. Kini sedang melanjutkan studi di AMIK BSI Sukabumi. Mengenal dunia komputer sejak duduk di bangku smp kelas 1. Hobi maen musik dan foto-foto.

Motto: Sebarkanlah ilmu walau hanya satu kata.
Email : ryuur3i@gmail.com
Facebook : irman.rightway
Website : http://www.bengkelflash.com


Rekomendasi Resmi dari ilmuGrafis.com
Dapatkan hanya di ILMUGRAFIS STORE
FLA4
Adobe Flash CS4

CD Video Tutorial Flash mengajarkan membuat animasi, presentasi, banner dan web design
FLG
Flash CS4 Programmer

Video Tutorial Flash membahas Pemrograman dan Animasi berbasis Action Script Flash
AECS3
After Effect CS3

CD Video Tutorial After Effect CS3 untuk membuat efek animasi Profesional pada Film Movie / Film
3DS MAX 9 BASIC
3DS MAX 9 Basic Animation

CD Tutorial Basic bagi penggunaan 3DS Max 9 bisa juga untuk 3DS Max 7


ARTsense Dumetschool
Advertisement
PHOTOSHOP
» Photoshop Dasar
» Photoshop Teks Effect
» Photoshop Photo Efek
» Photoshop Alternatif
» Photoshop Plugins
CORELDRAW
» CorelDRAW Dasar
» CorelDRAW Logo
» CorelDRAW Bebas
» CorelDRAW Tools
BLENDER 3D
» Blender Dasar
PHOTOGRAPHY
» Lightroom
VECTORIZE
» Adobe Illustrator
ANIMATION
» Flash
» Swishmax
3D MODELING
» 3dsMAX
» AutoCAD
» Cinema 4D
VIDEO EDITING
» Adobe Premiere
» After Effect
» Pinnacle
WEB DESIGN
» Dreamweaver
» jQuery
PUBLISHING
» InDesign
» Ms. Paint
FREEWARE
» Gimp
» Inkscape
EXTRA
» News
» Artikel
» Liga Grafis
» Hall Of Fame
» Bursa Kerja
» Jasa Grafis
» Donasi
» Buku Tamu
» Kontak
DMCA.com Protection Status
Protected by Copyscape Duplicate Content Software

Banner IlmuGrafis :
banner ilmugrafis indonesia

kode html di atas bebas dan boleh dipasang di blog/website anda
Peta Situs Term of Use web edukasi - ilmugrafis.com Indonesia
© 2008 - 2014 ilmuGrafis.com | RSS | Subscribe | Design and Development by Random Computer
Hak Cipta Dilindungi Undang Undang