Panggil Gambar dan Suara

Flash Tutorial - Gambar dan Sound


Masih dengan pembahasan Flash. Pada judul tutorial kali ini saya beri nama Panggil Gambar dan Suara. Mengapa saya beri judul Panggil Gambar dan Suara? Karena tutorial ini dibuat untuk memanggil Gambar dan Suara yang ada didalam Library.

Cerita sedikit mengenai tutorial kali ini. Pada tutorial ini saya membuat tampilan Sederhana yang memperlihatkan gambar dan teks ketika menekan tombol huruf. Jadi, misalkan saya menekan tombol huruf "A" maka pada tampilan akan muncul huruf A dan gambar Apel. Contohnya bisa Anda lihat seperti pada gambar dibawah ini :

Gambar - muncul huruf A dan gambar Apel ketika menekan tombol A.
Gambar - muncul huruf A dan gambar Apel ketika menekan tombol A.
Saat menekan tombol A tidak hanya gambar Apel dan huruf A saja yang muncul tetapi juga suara "A". Dan jika menekan tombol B akan muncul huruf B dan gambar yang mewakili huruf B serta suara "B" akan keluar, begitu seterusnya sampai pada huruf D.

Untuk membuat permainan sederhana tersebut hanya membutuhkan dua buah layer, yaitu Layer 1 dan Layer 2. Berikut sosok layer yang saya gunakan :

Gambar - dua buah layer yang dibutuhkan
Gambar - dua buah layer yang dibutuhkan
Dan pada tampilan untuk tutorial sederhana ini dapat Anda lihat pada gambar dibawah ini :

Gambar - tampilan sederhana  Gambar dan Sound
Pada library terdapat beberapa objek yang kiranya diperlukan. Seperti yang terlihat pada gambar dibawah ini :

Gambar - 14 items yang Anda perlukan
Gambar - 14 items yang Anda perlukan
Jika Anda mengklik bagian kolom Char maka pada panel Options akan menemukan Variable huruf_tampil.

Gambar - variable huruf_tampil pada panel options
Gambar - variable huruf_tampil pada panel options
Jika Anda kembali ke frame 1 Layer 1, tekan F9 Anda akan menemukan script action-frame.

//sound constructor
suara1 = new Sound();
suara1.attachSound("a");
suara2 = new Sound();
suara2.attachSound("b");
suara3 = new Sound();
suara3.attachSound("c");
suara4 = new Sound();
suara4.attachSound("d");

array_huruf = ["A", "B", "C", "D"];
huruf_tampil = "-";
for (i=1; i<=4; i++) {
    _root[i+"_btn"].no = i;
    _root[i+"_btn"].onPress = function() {
        huruf_tampil = array_huruf[this.no-1];
        masukkan_gambar(this.no);
        _root["suara"+this.no].start(0, 1);
    };
}


function masukkan_gambar(angka) {
    removeMovieClip(gambar);
    gambar = attachMovie("gambar"+angka, "gambar", _root.getNextHighestDepth(), {_x:gambar_tampil._x, _y:gambar_tampil._y});
}



Yeps, selesai dengan coding-nya Anda bisa Running program dengan cara menekan Ctrl+Enter.

Untuk lebih jelasnya unduh file disini.

Flash Tutorial || Belajar Flash || Belajar Membuat Game dan Animasi

Panggil Gambar dan Suara Panggil Gambar dan Suara Reviewed by Ardy S on January 25, 2016 Rating: 5

No comments:

Powered by Blogger.