Tutorial Adobe Flash | Belajar Flash Animasi Multimedia

NAVIGASI MENU :
TUTORIAL > FLASH

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:
teks display

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

Agar lebih menarik kita tambahkan efek suara pada saat nyamuk mati dan pada saat game berakhir.

2.] Download file suara di bawah ini. <link download>

3.] Import file yang telah di download ke dalam library dengan memilih File > Import > Import to library.
import sound

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

5.] Pada linkage properties, centang pilihan Export for ActionScript 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 awal
stop();
banyakNyamuk=20;
jumNyamukMati=0;
counter=120;
soundFx1=new Sound();
soundFx1.attachSound("gameOver.wav");
soundFx2=new Sound();
soundFx2.attachSound("dead.wav");

//menggandakan nyamuk
for(i=0;i<banyakNyamuk;i++)
{
	duplicateMovieClip(_root.nyamuk,"nyamuk"+i,i);
	_root["nyamuk"+i]._x=Math.random()*800;
	_root["nyamuk"+i]._y=Math.random()*600;
}

_root.onEnterFrame=function()
{
	//menentukan waktu permainan
	waktuMain=Math.floor(counter/12);
	counter--;
	
	//jika waktu habis
	if(waktuMain<=0)
	{
		gotoAndStop("gameOver");
		for(i=0;i<100;i++)
		{
			_root["nyamuk"+i].removeMovieClip();
		}
	}
}

9.] Buat blank keyframe (F7) pada frame 2, buat tampilan seperti di bawah ini:
game over

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 %$#%*
Terima kasih, semoga tutorial Belajar Membuat Game ini bermanfaat

Tutorial terkait : Membuat Permainan Tebak Kata

Share URL

Share the URL of this Tutorial in IM, Email or post in forums

http://www.ilmugrafis.com/flash.php?page=membuat-game-tangkap-nyamuk-2

* Klik Link, copy (ctrl + c) dan paste (ctrl + v)

<> Info dan Kontak Penulis
Tentang penulis:
Irman Maulana lahir di Sukabumi, 27 september 1989. Kini sedang melanjutkan studi di AMIK BSI Sukabumi. Mengenal dunia komputer sejak duduk di bangku smp kelas 1. Hobi maen musik dan foto-foto.

Motto: Sebarkanlah ilmu walau hanya satu kata.
Email : ryuur3i@gmail.com
Facebook : irman.rightway
Website : http://www.bengkelflash.com

Rekomendasi ilmugrafis

Jasa Desain Grafis Terpercaya
Dapatkan jasa desain grafis berkualitas dari team ilmugrafis

Supported by ilmugrafis indonesia

Kembali Ke Atas