19
Jun

Pan Slider

Written by admin


Selain slider untuk memperbesar dan memperkecil suara ada juga slider untuk mengatur suara yang keluar di speaker sebelah kanan ataupun di speaker sebelah kiri. Seperti yang dapat anda baca pada tutorial di bawah ini:

1. Buatlah sebuah flash document kemudian buatlah sebuah lingkaran kecil di stage. Lingkaran ini akan digunakan sebagai slidernya. Seleksi lingkaran tadi dantekan F8. Pada kotak dialog yang muncul masukkan slider sebagai name, movie clip sebagai Type dan pastikan titik registration berada di tengah-tengah.

2. Buatlah sebuah garis dengan panjang 200 pixel. Garis ini akan digunakan sebagai tempat slider. Seleksi garis tersebut dan tekan F8. Pada kotak dialog yang muncul masukkan garis sebagai name, movie clip sebagai type dan ubah titik registrationnya menjadi berada di tengah tengah.

3. Buatlah 2 buah static text dengan masing-masing diberi tulisan left dan right.

4. Letakkan objek-objek tadi seperti di bawah ini :

letak-pan-slider

5. Masukkan suara kedalam flash dengan memilih File>Import>Import to Library…

6. Pada kotak dialog yang muncul cari suara yang diinginkan dan tekan open.

7. Tekan Ctrl+L untuk memunculkan kotak library. Klik kanan suara di dalam kotak library dan pilih linkage. Pada kotak dialog yang muncul berikan tanda contreng/centang/cek pada Export for Actionscript dan masukkan musik sebagai Identifier lalu tekan OK.

8. Klik frame 1 dan tekan F9. pada panel actions yang muncul masukkan script berikut :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
//membuat new sound lagu
lagu = new Sound();
//memasukkan suara berlinkage musik ke dalam variable lagu
lagu.attachSound("musik");
//mainkan suara di dalam variable lagu sebanyak 999 kali
lagu.start(0, 999);
//ketika movie clip slider ditekan
slider.onPress = function() {
	//membuat variable kanan dengan nilai koordinat x movie clip garis yang ditambah 100
	kanan = _root.garis._x+100;
	//membuat variable kiri dengan nilai koordinat x movie clip garis yang dikurang 100
	kiri = _root.garis._x-100;
	//membuat variable atas dengan nilai koordinat y movie clip garis
	atas = _root.garis._y;
	//membuat variable bawah dengan nilai koordinat y movie clip garis
	bawah = _root.garis._y;
	//movieclip ini bergerak mengikuti gerakan mouse dengan titik pusat movieclip ini sebagai titik pusat gerakan
	//batas gerakan kiri moviclip ini adalah nilai dari variable kiri
	//batas gerakan atas moviclip ini adalah nilai dari variable atas
	//batas gerakan kanan moviclip ini adalah nilai dari variable kanan
	//batas gerakan bawah moviclip ini adalah nilai dari variable bawah
	startDrag(this, true, kiri, atas, kanan, bawah);
};
//ketika movie clip slider digerakkan
slider.onMouseMove = function() {
	//membuat new object myPoint
	myPoint = new Object();
	//nilai x mypoint sama dengan koordinat x movie clip ini
	myPoint.x = this._x;
	//nilai y mypoint sama dengan koordinat y movie clip ini
	myPoint.y = this._y;
	_root.garis.globalToLocal(myPoint);
	//nilai pan suara dalam variable lagu sama dengan nilai x mypoint
	_root.lagu.setPan(myPoint.x);
};
//ketika tekanan pada movie clip slider dilepaskan ketika mouse bearda di atasnya ataupun tidak
slider.onRelease = slider.onReleaseOutside=function () {
	//movie clip ini tidak dapat didrag
	stopDrag();
};

9. Tekan Ctrl+Enter untuk melihat hasilnya.

Gerakkan lingkaran untuk mengganti letak suara yang keluar

Sourcenya dapat di download di sini





Apakah tutorial di atas menarik atau bermanfaat bagi anda? Bantulah Warung Flash agar tetap ada dan memberikan tutorial-tutorial yang lebih bagus dan bermanfaat lagi. Silahkan klik link berikut ini untuk lebih jelasnya : Bantu Warung Flash



Bookmark and Share

6 Responses to “Pan Slider”

  1. aLL Says:

    thanks buat tutorialnya..bisa nambahin tidak buat slider besar/kecilvolume musik?
    ech maksudnya…slider load panjang musik..thx

  2. made Says:

    bang admin buat musik pake software apa sich??? /??

  3. admin Says:

    Kurang tahu ya coba cari di google.

  4. MANG DADAN Says:

    Kang Admin, hatur nuhun, alias terima kasih. Oh ya buat yang nanya software musik pake Sonar aja atw Cubase SX…. hehe sekedar bantuin Kang admin yang udah banyak ngebantu sayah! Makasih Mudah2an Kang Admin diberkahi Tuhan yah!

  5. Human Says:

    kk admin itu nama lagunya apa ya
    pengen tau

  6. Ryan Says:

    Admin,
    ada gk cara bikin knob geser atau putar, yg muncul angka nya..
    Terima kasih..

Leave a Reply

B-) =DV <:-P ;)) ;) :yeye: :respect: :peace: :p :idea: :hope: :I: :D :-SS :-? :-/ :)) :) :(( 8-> more »

Komentar yang berisi pertanyaan atau request tutorial kemungkinan besar tidak bisa kami jawab dan penuhi. Hal ini dikarenakan kesibukan kami yang padat . Oleh karena itu kami mohon maaf dan pengertiannya.