Membuat Game Tebak Gambar Dengan Animasi Flash 8

      Pada Permainan ini alpi 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 frme 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.

                             jika sobat telah melakukan semua langkah-langkah diatas Insya Allah semua akan                                berjalan sesuai dengan yang kita harapkanselamat sekarang anda sudah berhasil                                      Membuat Game Tebak Gambar Dengan Animasi Flash 8, terimakasih atas                                             kunjungan sobat alvisahrin.blogspot.com dan mohon maaf atas segala kekurangan                            saya masih harus banyak belajar lagi cara menulis yang baik hehehe semoga sedikit membantu :D

Share :

Tweet

More

Related Post