Membuat game mewarnai dengan Adobe Flash

Pada artikel ini akan saya paparkan cara membuat game flash (game mewarnai). Game ini cocok dimainkan untuk anak usia dini agar kemampuan sensorik terhadap warna menjadi terasah. Software yang digunakan adalah adobe flash dengan action script 2. Bisa menggunakan Adobe flash CS3, atau yang lebih baru.

Kita mulai pembahasan tentang membuat game mewarnai dengan adobe flash ini.

LANGKAH MEMBUAT GAME FLASH (MEWARNAI)

1. Buka aplikasi Adobe Flash

2. Buat gambar rumah, pohon dan matahari seperti gambar di bawah ini :

3. Ubah tiap bagian-bagian gambar seperti atap rumah, dinding rumah, pintu dan lainnya menjadi objek button dengan cara klik kanan pada objek kemudian pilih Convert to Symbol. Kemudian memberi instance name pada tiap bagian atau objek.

Contoh:

4. Buat layer baru dengan nama action

5. Kemudian ketik script berikut:

//variable warna untuk tiap-tiap bagian pada gambar
warnaMatahari=new Color(matahari);
warnaAtap=new Color(atap);
warnaDinding=new Color(dinding);
warnaJendela1=new Color(jendela1);
warnaJendela2=new Color(jendela2);
warnaJendela3=new Color(jendela3);
warnaJendela4=new Color(jendela4);
warnaPintu=new Color(pintu);
warnaDaun=new Color(daun);
warnaBatangPohon=new Color(batangPohon);

6. Pilih masing-masing objek kemudian lakukan klik kanan memilih Action dan ketik script seperti gambar beriku berikut

7. Buat line di pinggir setiap objek, disesuaikan dengan gambar objek, dan di convert ke dalam graphic, kemudian atur line tiap-tiap objek terlatak di atas masing-masing objek, agar ketika di beri warna garis objek tetap terlihat.

8. Buat 8 buah kotak dengan warna menggunakan warna-warna dasar

9. Ubah objek masing-masing kotak menjadi simbol button dan dan memberi instance name

10. Lakukan klik di masing-masing movie clip warna lalu melakukan klik kanan memilih Action dan mengetikkan script seperti gambar beriku berikut

11. Kemudian buat sebuah indikator warna dimana pada saat objek warna di klik, maka warna pada indikator ini akan berubah. Buat gambar lingkaran kemudian ubah menjadi simbol movieclip.

12. Buka panel action(F9) kemudian ketikkan script berikut

onClipEvent(load){
warnaIndikator=new Color(this);
}
onClipEvent(enterFrame){
warnaIndikator.setRGB(_root.warnaPeubah);
}

13. Dalam mengganti Tampilan Kursor, langkah pertama yang dilakukan adalah membuat sebuah gambar yang akan dijadikan sebagai pengganti kursor. Kemudian seleksi gambar tersebut, menekan tombol F8 kemudian convert menjadi movie clip.

Contoh:

14. Pilih movie clip kursor. Kemudian aktifkan panel action lalu memasukan script

onClipEvent(load) {
Mouse.hide();
}
onClipEvent(enterFrame) {
startDrag(this, true);
updateAfterEvent();
}

16. Tambah button cek

17. Tambah button reset

 

HASIL MEMBUAT GAME FLASH (MEWARNAI)

Dengan menekan Ctrl+Enter animasi yang telah dibuat akan berjalan dan diperoleh hasil sebagai berikut :

Demo Download file .fla

 

Jika artikel ini bermanfaat, bagikan melalui media social anda.