Tutorial game desain kali saya akan membahas bagaimana membuat sebuah game edukasi bertema Mewarnai gambar. Jenis permainan ini sangat edukatif dan interaktif bagi kalangan anak-anak. Nah, berikut ini adalah tutorial nya:
1. Buka dokumen baru flash.
2. Buatlah gambar rumah, pohon dan matahari seperti gambar di bawah ini :
3. Jika sudah, ubah tiap bagian-bagian gambar seperti atap rumah,dinding rumah, pintu dll menjadi objek button dengan cara klik kanan pada objek kemudian pilih Convert to Symbol.
4. Beri instance name pada tiap bagian atau objek. Misalnya objek atap rumah di beri nama instance “atap”, dinding rumah diberi nama “dinding”.
5. Nah, sampai tahap ini anda sudah berhasil membuat objek-objek yang nantinya bisa diwarnai. Sekarang buka panel action kemudian ketikan script berikut:
6. Seleksi objek matahari, buka panel action kemudian ketikan script berikut:
7. Lakukan langkah 6 pada objek yang lainnya, Misalnya objek “atap”
maka ganti script di atas sesuai dengan nama variable masing-masing.
8. Lakukan test movie dengan menekan Ctrl+Enter.
Jelas, karena semua gambar mengacu pada satu variable warna yaitu warnaPeubah yang memiliki value 0x00ff00 (kode warna hijau). Nah kode warna ini di ambil dari indikator warna yang terdapat pada fill color.
Lalu, bagaimana jika ingin menggunakan bermacam-macam variasi warna? Lihat tutorial selanjutnya di sini.
sumber: http://www.bengkelflash.com/2013/02/membuat-game-edukasi-mewarnai-gambar/
1. Buka dokumen baru flash.
2. Buatlah gambar rumah, pohon dan matahari seperti gambar di bawah ini :
3. Jika sudah, ubah tiap bagian-bagian gambar seperti atap rumah,dinding rumah, pintu dll menjadi objek button dengan cara klik kanan pada objek kemudian pilih Convert to Symbol.
4. Beri instance name pada tiap bagian atau objek. Misalnya objek atap rumah di beri nama instance “atap”, dinding rumah diberi nama “dinding”.
5. Nah, sampai tahap ini anda sudah berhasil membuat objek-objek yang nantinya bisa diwarnai. Sekarang buka panel action kemudian ketikan script berikut:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
| //variable warna untuk tiap-tiap bagian pada gambarwarnaMatahari=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);warnaPeubah=0x00ff00; |
1
2
3
4
5
6
7
| on(press){_root.warnaMatahari.setRGB(_root.warnaPeubah);} |
1
2
3
4
5
6
7
| on(press){_root.warnaAtap.setRGB(_root.warnaPeubah);} |
This movie requires Flash Player 9
Lho, koq pas gambar di klik warna nya cuma warna hijau?Jelas, karena semua gambar mengacu pada satu variable warna yaitu warnaPeubah yang memiliki value 0x00ff00 (kode warna hijau). Nah kode warna ini di ambil dari indikator warna yang terdapat pada fill color.
Lalu, bagaimana jika ingin menggunakan bermacam-macam variasi warna? Lihat tutorial selanjutnya di sini.
sumber: http://www.bengkelflash.com/2013/02/membuat-game-edukasi-mewarnai-gambar/
Tidak ada komentar:
Posting Komentar