RSS

Flash8 & FlashCS3 — Membuat Pengatur Besar Kecil Suara

27 Nov

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]

Flash dari postingan ini bisa di lihat di sini

  • 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. (^_^)

 
6 Komentar

Ditulis oleh pada November 27, 2011 in Flash

 

Tag: , ,

6 responses to “Flash8 & FlashCS3 — Membuat Pengatur Besar Kecil Suara

  1. aegisalena

    November 29, 2011 at 6:33 pm

    wah asik nih blog… bisa jadi bahan acuan saya nih,,,🙂

    Suka

     
    • 8oni

      November 30, 2011 at 1:05 pm

      Makasih dah mampir😀 Blog aegisalena juga bagus, ntar kapan kapan saya jalan jalan ke sana lagi🙂

      Suka

       
  2. esya asyari

    April 4, 2014 at 8:49 am

    gan tidak bisa di download nihhhh

    Suka

     
    • 8oni

      April 4, 2014 at 4:37 pm

      ??? Masak sih? Saya dl baik-baik saja kok. Bingungkah pakai Ziddu?

      Suka

       
  3. Ganis Sang Aji

    Mei 10, 2015 at 10:26 am

    biar musiknya bisa d looping, tambah action skrip nya bagaimana ya

    Suka

     
    • 8oni

      Mei 13, 2015 at 6:37 am

      Maaf sekali gan, saya sudah tidak memegang lagi AS2, dan sekarang saya lagi fokus ke software lain jadi belum sempat belajar AS3. Kapan-kapan saya update tentang AS3 yang suara, untuk bulan ini belum bisa tapi. Maaf lama membalas dan tidak bisa membantu😦

      Suka

       

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

 
%d blogger menyukai ini: