Flash8 & FlashCS3 — Membuat Pengatur Besar Kecil Suara

Halo

Kali ini akan dibuat pengatur besar kecil suara.

Software yang di gunakan :

Flash 8 dan Flash CS3

AS [ActionScript] yang digunakan :

AS 2.0

Preview hasil jadi :

Pengatur besar kecil suara yang digunakan menggunakan Masking, dengan warna hitam adalah volume yang dijalankan dan warna jingga sebagai dasarnya [OOT : Sekilas mirip sabuk Kamen Rider ya XD]

• Rename layer 1 dengan nama Garis, kemudian buatlah garis pengatur suara, atur agar panjang garis 100 [ini ada sebabnya, jadi ikuti saja dulu petunjuk saya ]

• Buat layer baru, beri nama Masking. Copy paste garis yang sudah di buat di layer Garis ke layer Masking dan ubah warna garis tersebut menjadi hitam. Posisi kedua garis harus sama maka gunakan pilihan Paste in Place bukan Paste

• Buat layer baru, kemudian klik kanan pada layer tersebut dan pilih Mask. Buat kotak dengan menggunakan Rectangle Tool dan atur agar posisi kotak tersebut menutupi garis yang ada. Ubah kotak tersebut menjadi Movie Clip bernama mc_Masking dan beri nama mc_M pada kotak Instance name [lihat cara mengubah shape menjadi symbol di sini]

• Buat layer baru, beri nama Volume. Buat lingkaran dengan Oval Tool, hilangkan garis luar dan atur ukurannya 20×20. Ubah lingkaran tersebut menjadi Button bernama btn_Volume dan isi btn_Volume pada kotak Instance Name. Kemudian ubah lagi button tersebut menjadi Movie Clip dengan nama mc_Volume dan isi mc_Volume pada kotak Instance Name. Taruh lingkaran pada sudut kanan garis

• Masukkan suara [lihat caranya di sini].

• Buat layer baru dan beri nama Actions kemudian ketikkan kode di bawah ini. Penjelasan kode akan diberikan nanti.

Kode di atas bila menggunakan linkage untuk memasukkan suara. Bila menggunakan cara yang lainnya maka kode pada baris ke 2 dan ke 3 dijadikan komentar (diberi garis //) seperti contoh di bawah ini

• Test dengan menekan Ctrl+Enter

Penjelasan kode :

var suara:Sound = new Sound();

suara.attachSound(“suara1″);

suara.start();

Membuat variabel bernama suara dengan tipe Sound, kemudian menempelkan suara1 [nama linkage] ke objek suara tersebut dan kemudian memutar objek suara

mc_Volume.top = mc_Volume._y;

mc_Volume.bottom = mc_Volume._y;

mc_Volume.left = mc_Volume._x – 100;

mc_Volume.right = mc_Volume._x;

Membuat agar mc_Volume tidak bisa digerakkan naik turun, mengatur posisi sebelah kiri mc_Volume agar berada 100 pixel pada posisi mc_Volume sekarang dan mengisi posisi sebelah kanan mc_Volume agar berada pada posisi sekarang. Panjang garis pengatur suara diatur 100 pada bagian kode di sini sesuai dengan garis yang dibuat di awal, bila ingin mengurangi atau menambah garis tinggal mengubah angka 100 pada kode di sini.  

mc_Volume.btn_Volume.onPress = function() {

    startDrag(this._parent, false, this._parent.left, this._parent.top, this._parent.right, this._parent.bottom);

};

Pada saat mc_Volume [dan sekaligus btn_Volume] ditekan maka akan dijalankan fungsi startDrag.

mc_Volume.btn_Volume.onRelease = function() {

    stopDrag();

    var level:Number = Math.ceil(this._parent._x – this._parent.left);

    this._parent._parent.suara.setVolume(level);

};

mc_Volume.btn_Volume.onReleaseOutside = mc_Volume.btn_Volume.onRelease;

Pada saat mc_Volume [dan sekaligus btn_Volume] dilepaskan maka akan dijalankan fungsi stopDrag. Kemudian akan dicek berapa pergeseran volume yang terjadi kemudian sisa volume akan ditampung ke variabel bernama level dengan tipe Number, selanjutnya akan di set volume dari suara yang dijalankan sekarang dengan sisa volume tersebut. Fungsi yang sama akan dijalankan pada saat mc_Volume di lepaskan di luar garis pemandu.

onEnterFrame= function()

{

      mc_M._x = mc_Volume._x – 100;

}

Mengatur agar posisi mc_M sama dengan posisi mc_Volume dikurangi 100. Hal ini digunakan untuk membuat masking warna jingga berjalan saat terjadi pergeseran posisi slider volume.

Hasil jadi (*fla) bisa di dl dibawa ini, tetapi suara saya hilangkan untuk mencegah pelanggaran hak cipta [lebih baik cari aman saja ^^” ] jadi silakan tambahkan sendiri suaranya.

FLASH8

FLASHCS3

Terima kasih sudah mampir dan membaca blog saya. (^_^)