July 13, 2024

Tutorial Membuat Pengatur Volume Tipe Slider

2 min read

Halo semuanya. Bagaimana kabarnya hari ini? Luar biasa tentunya, iyakan! Baiklah, karena hari ini hari yang luar biasa pula, maka saya akan memberikan tutorial yang menarik bagi anda yang senang mendengarkan musik. Tutorial kali ini adalah bagaimana cara membuat animasi flash pengendali volume dengan Adobe Flash CS3 pada Action Script 2.0. Silahkan baca dan ikuti langkah-langkah membuat kontrol volume tipe slider ini.

Langkah 1

Buatlah sebuah garis sepanjang 200 pixel sebagai jalur slider yang akan kita buat nanti. Selanjutnya ubah garis tersebut menjadi movie clip dan pastikan titik registration point berada pada sisi kiri. Beri nama Instance Name dari objek movie clip ini dengan nama jalur.

Screen shot 2013-01-22 at 3.55.13 AM

Screen shot 2013-01-22 at 3.55.22 AM

Langkah 2

Selanjutnya buat tombol slider dimana dengan fungsi tombol inilah volume bisa diatur. Buatlah objek persegi (misalkan) dan ubah objek tersebut menjadi button. Kali ini pastikan titik registration point objek ini berada di tengah-tengah objek. Setelah itu ubah lagi objek ini menjadi movie clip dan letakkan tombol slider ini tepat pada garis slider sebelah kiri. Jadikan titik registration point sebagai acuannya.

Screen shot 2013-01-22 at 3.55.29 AM

Screen shot 2013-01-22 at 3.55.38 AM

Langkah 3

Sekarang saatnya menerapkan script pada objek flash. Klik dua kali pada objek movie clip slider dan pilih button slider dan tulis script dibawah ini.

on (press) {

//script untuk menentukan batas gerak dari bt slider mengikuti mc garis slider

kiri=_root.jalur._x;
kanan=_root.jalur._x+200;
atas=_root.jalur._y;
bawah=_root.jalur._y;
startDrag(this,true,kiri,atas,kanan,bawah);
}
on (release) {stopDrag();
}

Langkah 4

Setelah memberi script pada objek button kembali ke scene utama dan pilih movie clip mc slider. Beri script dibawah ini.


onClipEvent (mouseMove) {
//script titik dianggap sebagai pusat kontrol mengikuti garis jalur dan mengendalikan volume musik
titik=new Object();
titik.x=this._x;
titik.y=this._y;
_root.jalur.globalToLocal(titik);
_root.musik.setVolume(titik.x);
}
//action globalToLocal digunakan untuk mengubah koordinat objek titik menjadi koordinat relatif terhadap lintasan

Langkah 5

Selesai deh pengatur volume tipe slider ini. Selanjutnya tinggal memasukkan musik ke dalam animasi flash anda. Masukkan musik anda pada stage dan frame. Jangan lupa menerapkan script:

stop();

Pada frame anda agar musik tidak melakukan looping pada saat musik dimainkan juga menerapkan script

var musik:Sound=new Sound();

Untuk menerapkan variable musik sebagai objek suara.

Selamat mencoba ^_^

Hasil Akhir

0 thoughts on “Tutorial Membuat Pengatur Volume Tipe Slider

Leave a Reply

Your email address will not be published. Required fields are marked *

Copyright © All rights reserved. | Newsphere by AF themes.