Game Tangkap Nyamuk

1.] Buka program macromedia flash atau adobe flash (sama saja karena script yang digunakan masih action script 2.0) 2.] Setting ukuran stage menjadi 800x600 pixel. Buat movie clip baru dengan memilih menu Insert > New Symbol. Beri nama nyamuk. 3.] Pada editor movieclip, buatlah gambar nyamuk! gak usah ribet-ribet yang penting kelihatan kayak nyamuk.

gambar : nyamuk 4.] Pada frame 2, buat blank keyframe baru (F7). lalu gambarlah objek darah seperti di bawah ini.

5.] Ubah gambar darah tadi menjadi movie clip dengan me ngklik kanan pada objek pilih Convert to

Symbol. 6.] Pada frame 10, buat keyframe(F6) kemudian buka panel propert ies. Kemudian ubah color dengan alpha dengan persentase 0%.

7.] Klik kanan di tengah frame lalu pilih Create Motion Tween.

8.] Pada frame 1. Buka panel action kem udian beri perintah stop(); 9.] Keluar dari editor, lalu masukan movieclip nyamuk yang telah kita buat dari library ke stage dengan cara mendrag nya. Taruh movieclip nyamuk di luar area stage karena movieclip yang asli tidak kita gunakan. 10.] Klik movie clip nyamuk kemudian buka panel action. Ketikan script di bawah ini.

//kondisi aw al onClipEvent(load) { moveX=0; moveY=0; nyamukMati=0; } onClipEvent(enterFrame) { //menentukan pergerakan acak pada nyamuk acakMoveX=Math.floor(Math.random()*10); acakMoveY=Math.floor(Math.random()*10); if(nyamukMati==0) { if(acakMoveX<2) { moveX =20; } else if(acakMoveX>6) { moveX =-20; } if(acakMoveY<2) { moveY =20; } else if(ac akMoveY>6) { moveY =-20; } if(this._y>600) { this._y=0; } else if(this._y<0) { this._y=600;

11.] Buka panel properties, kemudian pada kolom instance name beri nama nyamuk

12.] Selanjutnya, buat movie clip baru dengan nama raket. 13.] Buatlah 3 buah keyframe dan pada masing-masing frame gambarkan sebuah raket dengan be ntuk berbeda-beda seperti di bawah ini.

Langkah di atas di maksudkan untuk animasi raket saat tombol mouse di tekan. 14.] Seleksi gambar raket pada frame 1 dengan Selection Tool (V) tetapi tidak dengan pegangan raket. Liat gambar dibawah.

15.] Setelah diseleksi, ubah menjadi movieclip. Pada properties, beri nama area pada instance name. 16.] Pada frame 1, beri perintah stop(); 17.] Keluar dari editor, masukan movieclip raket ke stage kemudian beri action script di bwah ini:

//menghilangkan pointer w indow onClipEvent(load) { Mouse.hide(); } //mengganti pergerakan pointer dengan raket onClipEvent(enterFrame) { startDrag(this, true); updateAfterEvent(); } //animasi raket saat tombol mouse ditekan onClipEvent(mouseDow n) { this.play(); }

Lalu, buka panel propertise, beri nama instance “raket”

18.] Langkah terakhir, pada frame 1 main movie ketikan script berikut: //memperbany ak movieclip nyamuk for(i=0;i<10;i++) { duplicateMovieClip(_root.nyamuk,"nyamuk"+i,i);  _root["nyamuk"+i]._x=Math.random()*800;  _root["nyamuk"+i]._y=Math.random()*600; } //menyembunyikan movieclip nyamuk yang asli  _root.nyamuk._visible=0;

19.] Jalankan movie (CTRL+ENTER). 20.] Hasil nya seperti di bawah ini

Game Tangkap Nyamuk... Ciaaatttttt!!!! Nah, asik kaaannn??? Eittss,.. jangan senang dulu, karena tutorial ini masih berlanjut. Silahkan Akses Tutorial Game Nyamuk bag.2 karena disitu kita akan menambahkan efek suara, score dan counter time agar permainan ini jadi lebih menantang.

Membuat Game Tangkap Nyamuk (Part 2) Publish: 3 Agustus 2012 | Author & Copyright: Irman Maulana | Status: FREE tutorial Pada postingan sebelumnya kita telah menyelesaikan tutorial permainan tangkap nyamuk tahap  pertama. Selanjutnya, kita akan mengembangkan permainan menjadi lebih menarik lagi yaitu dengan menambahkan display jumlah nyamuk yang mati, counter time dan efek suara. Catatan: tutorial ini adalah lanjutan dari Bikin Game Tangkap Nyamuk (part 1) jadi anda harus memulai dari part 1 dulu sebelum mengikuti tutorial flash ini. Berikut langkah-langkahnya. 1.] Buat display teks seperti di bawah ini:

Untuk mengisi variable, isikan pada kolom var pada panel properties text.

Agar lebih menarik kita tambahkan efek suara pada saat nyamuk mati dan pada saat game  berakhir. 2.] Download file suara di bawah ini.

3.] Import file yang telah di download ke dalam library dengan memilih F ile > I mport > I mport

to library.

4.] Buka panel library, klik kanan pada sound clip dead.wav  kemudian pilih linkage.

5.] Pada linkage properties, centang pilihan E xport for ActionScri pt  kemudian OK.

6.] Lakukan langkah 4-5 untuk sound clip gameOver.wav . 7.] Seleksi movieclip nyamuk, buka panel action kemudian tambahkan script di bawah ini pada event mouse down setelah baris perintah nyamukMati=1; nyamukMati=1; //efek suara mati  _root.soundFx2.start(0,1); } } 8.] Pada frame 1 main movie, modifikasi script yang ada menjadi seperti di bawah ini: //kondisi variable aw al stop(); banyakNyamuk=20;  jumNyamukMati=0; counter=120; soundFx1=new Sound(); soundFx1.attachSound("gameOver.w av"); soundFx2=new Sound(); soundFx2.attachSound("dead.w av"); //menggandakan nyamuk for(i=0;i
9.] Buat blank keyframe (F7) pada frame 2, buat tampilan seperti di bawah ini:

10.] Klik objek tombol, buka panel action lalu ketikan script berikut: on(release) { gotoAndStop(1); } 11.] Klik frame 2 main movie, masukan script di bawah ini: stop(); Mouse.show(); soundFx1.start(0,1); 12.] Selesai!! Jalankan Movie. Hasilnya seperti di bawah ini :

Ayooo,. CEPAT!! Tangkap nyamuk sebanyak-banyaknya!! ^^ Pow-Bang-Bruk-Spak-Ouch %$#%*