Membuat Game Tebak Gambar Dengan Animasi Flash 8
Assalamu'alaikum wr.wb.
Pada game ini saya akan membuat
permainan , dimana anda harus menjawab pertanyaan yang diberikan dengan
beberapa pilihan gambar yang ada, oke sob baiklah ini cukup mudah untuk
dipraktekkan buat sobat untuk yang pemula sekalipun, karena ketikanku
dilengkapi dengan pedoman bergambar yang memudahkan teman2 sekalian, aplikasi
yang digunakan terserah dah mau Versi berapa yang penting untuk pemograman
Flash lah,,,okay cekidot dengan bismillah mari kita mulai.
Saya buat game ini karena tugas dari pak dosen juga sih wkwkwkwk. Ikuti
beberapa langkah-langkah Sub-sub (bukan sub ayam ya).
Dibawah ini, jangan ada yang tertinggal ya kawan entar Error lagi hahah
Mari kita Simak-------------->>>>
Membuat dokumen lembar kerja
1. pilih menu File >
Imfort > Import to stage
2. pilih gambar yang akan dijadikan bground
3. ok
4. pilih Free Transform tool
5. dengan tool tersebut, atur ukuran gambar
artis dibawah agar sesuai dengan lembar ukuran dokumen.
Lihat gambar
dibawah
1. Pilih text tool , pastikan jenis text yang
anda pilih adalah static text
2. Tentukan color dengan warna kuning
3. Ukuran text 21 pt
4. Buat lah teks seperti berikut
1. Pada panel properties agak diberik lah
efek glow. Biar lebih menarik sih.
2. Selanjut nya buat teks lagi dengan tulisan
“Klik salah satu jawaban gambar yang menurut anda benar” pastikan anda
menggunakan jenis text Static Text
3. Atur text tersebut dengan warna
merah dan ukuran “18pt”
1. Langkah berikutnya adalah membuat objek
tombol . tampilkan panel library Button dengan memilih menu window > common
libraries > Button.
2. Pada tampilan panel , klik button
rounded
Pilih rounded
green
1. Drop dan drag tombol tersebut ke dalam
dokumen
2. Atur ukuran tombol menggunakan Free
Transform tool
3. Letakkan dibagian tengah dokumen
4. Klik ganda objeck tombol tersebut hingga
anda akan masuk ke dalam scene tombol
5. Ubah tampilan teks dengan tulisan “MASUK”
menggunakan Text tool.
6. Klik scene 1 untuk kembali ke dokumen
7. Tampilan dokumen frame 1 akan tampak sbb:
Membuat Frame Kedua
Sabar ya kawan dikit lagi sudah mau selesai ya game
ini hehehe, oche Pada frame kedua berisi pertanyaan berserta pilihan
jawabannya, berikut langkah-langkah pembuatannya :
1. klik frame 2 pada panel
timeline
2. klik kanan, kemudian pilih insert
blank keyframe
1. Tempatkan beberapa objek gambar yang akan
digunakan sebagai pilihan jawaban, pilih menu file > import >
import to stage
2. Dengan Free Transform tool, atur objek
gambar seperti berikut:
1. Ketikkan teks diantara gambar yang akan
digunakan sebagai teks pertanyaan.
Gunakan font
ariak dan warna biru untuk teks tersebut
1. Tahap selanjutnya adalah membuat Invisible
button, pilih Rectangle tool
2. Buatlah sebuah objek persegi , kmu dapat
membuatnya di luar dokumen
3. Lakukan seleksi terhadap objek
4. Klik kanan objek persegi tersebut
5. Pilih convert to symbol
6. Ketikkan “inv” pada kolom name
7. Untuk type = button
8. Klik ok
9. Selanjutnya klik ganda objek tersebut
Pada tampilan
timeline, geser frame Up KE frame Hit
1. Klik scene 1 untuk kembali ke dokumen.
Selanjutnya
duplikasi invisible button tersebut dengan menekan ctrl+d sebanyak
tiga kali
Membuat Frame Selanjutnya
Cara membuat frame ketiga ini sama dengan frame kedua, yang membedakan
hanya tampilannya, berikut alpi buatkan langkah-langkahnya
1. Klik frame ketiga
pada panel Timeline
2. Pilih Insert
Blank keyfrme
3. Tempatkan beberapa
gambar kedalam dokumen selanjutnya beri teks pertanyaan seperti tampak pada
gambar dibawah.
4. Beri warna pada teks
dengan warna yang berbeda, misalkan warna hijau tua
1. Selanjutnya beri
invisible button pada tiap-tiap gambar dengan langkah-langkah sebelumnya.
Dengan langkah
yang sama buat pada frame 4
1. Buat beberapa gambar
agar lebih menarik
Membuat Skor
Tampilan skor berisi nilai benar/salah , jika anda menjawab sebuah pertanyaan
dengan benar maka skornya adalah satu, demikian juga dengan skor yang salah,
berikut akan kita bahas langkah-langkahnya :
1. Klik frame berikutnya
2. Pilih insert blank
keyframe
3. Pilih baground untuk
skor dengn import gambar
4. Selanjutnya pilih text
tool , pastikan jenis teks yang digunakan static text
5. Tentukan warna sesuai
dengn warna baground
Tempatkan
masing-masing teks seperti gambar berikut
6. Selanjutnya pilih teks tool
7. Ubah jenis teks menjadi dynamic
text.
1. Buat color
teks = putih
2. Lakukan seleksi pada
dynamic tekst dibagian teks benar
Tampikan
pengaturan Option pada panel properties kolom variable ketikkan “benar_skor”.
1. Lakukan hal yang sama
pada untuk teks salah ketik “ Salah_skor”. Pada kolom variable.
Membuat ActionScript
Tahap selanjutnya adalah membuat actionScript. Kita punya 5
frame sekarang, nah pada Frame pertama berisi pembukaan permainan, frame ke dua
hingga ke 4 berisi peratanyaan dan jawaban , oche simak langkah-langkah berikut
dengan teliti kkkk
1. Klik frame pertama pada
panel timeline.
2. Tampilkan panel Actions.
3. Tulis kode script
berikut :
stop();
benar = 0;
salah =0;
tot_frame=4;
array_frame=[];
for(i=2;i<=tot_frame;i++){
array_frame.push(i);
}
array_frame.sort(function(){
return random(2)? 1:-1;
});
jml_frame =array_frame.length;
4. Beri kode script hanya
untuk tombol “masuk” pada frame 1. Lakukan seleksi pada tombol , kemudian beri
script berikut pada panel action :
on(release){
jml_frame--;
gotoAndPlay(array_frame[jml_frame]);
}
5. Selanjutnya klik frame
kedua pada timeline.
6. Ketikkan kode berikut
Stop();
7. Berikan kode scrip
seperti frame diatas hingga frame 4
8. Selanjutnya tampilkan
frame kedua
9. Lakukan seleksi pada
invisible button dari jawaban gambar benar.
10. Ketikkan kode script
berikut :
on(release){
benar+=1;
if(jml_frame>=0){
jml_frame--;
gotoAndStop(array_frame[jml_frame]);
}
if(jml_frame<0){
gotoAndStop(5);
}
}
11. Sedangkan kode script
invisible button untuk jawaban yang salah adalah :
on(release){
salah+=1;
if(jml_frame>=0){
jml_frame--;
gotoAndStop(array_frame[jml_frame]);
}
if(jml_frame<0){
gotoAndStop(5);
}
}
12. Berikan kode invisible
button jawaban benar seperti diatas pada frame lainnya, dair frame 2 -4
13. Berikan juga kode
invisible button jawaban salah seperti diatas pada frame lainnya, dair frme 2
-4
14. Klik frame ke 5 atau
yang terakhir
15. Berikan script berikut :
stop();
benar_skor = benar;
salah_skor = salah;
16. Mainkan permainan dengan
menekan Ctrl+ Enter.
selesai :),
Sekarang kalian bisa mencoba langkah-langkah diatas, semoga tutorial ini dapat membantu :)
0 komentar:
Posting Komentar