16
Oct

Sound Slider 2

Written by admin


Tutorial berikut ini adalah versi lain dari Sound Slider. Pada tutorial sound slider, pengatur suaranya digerakan secara horisontal tapi kali ini kita akan membuatnya bergerak secara vertikal. Caranya masih hampir sama dengan sebelumnya hanya ada beberapa yang akan kita ubah.

1. Buatlah sebuah flash document.

2. Buatlah sebuah lingkaran kecil. Lingkaran ini akan digunakan sebagai slidernya. Seleksi lingkaran tadi dan tekan F8. Pada kotak dialog yang muncul masukkan slider sebagai name, movie clip sebagai Type dan pastikan titik registration berada di tengah-tengah lalu tekan ok.

3. Seleksi movie clip slider kemudian tekan Ctrl+F3. Pada panel properties yang muncul masukkan slider sebagai instance name.

4. Buatlah sebuah garis vertikal dengan panjang 200. 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 bagian bawah.

cts-garis

5. Seleksi movie clip garis dan pada panel properties masukkan garis sebagai instance name.

6. Buatlah 2 buah static text dengan masing-masing diberi tulisan MIN dan MAX

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

peletakan-objek-sound-slider

8. Masukkan suara ke dalam flash dengan memilih menu bar File>Import>Import to Library…

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

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

11. 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 suaraku ke dalam variable lagu
lagu.attachSound("suaraku");
//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
	kanan = _root.garis._x;
	//membuat variable kiri dengan nilai koordinat x movie clip garis
	kiri = _root.garis._x;
	//membuat variable atas dengan nilai koordinat y movie clip garis yang dikurangi 200
	atas = _root.garis._y-200;
	//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.setVolume(myPoint.y);
};
//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();
};

12. Tekan Ctrl+Enter untuk melihat hasilnya.

Gerakkan lingkaran ke atas atau ke bawah untuk memperbesar atau memperkecil suara

13. Apabila anda mau mengubah panjang garisnya maka ubah juga script atas = _root.garis._y-200; Misalnya anda mengubah panjang garisnya menjadi 100 maka script yang digunakan menjadi atas  _root.garis._y-100;

14. Maaf kami masih menggunakan suara rel kereta seperti kemarin karena jika menggunakan musik loop nanti sourcenya menjadi besar sehingga kami kesulitan untuk menguploadnya (koneksi internet kami jelek).

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

10 Responses to “Sound Slider 2”

  1. nama Says:

    thankz ya broe…….. ne qw jadi isa garap tugas dee /thanks2 qw dari kmeren g nemuin trus ampek /pukul. ya dah ea thankzzz yaa /bye

  2. admin Says:

    Sama-sama /jempol

  3. Anhar Says:

    Semuanya nuuuunduuuuuuk!!!!

    Fire In The Hole!!! :silent!:

    Fire in day hoy :)

  4. admin Says:

    /bos

  5. sato Says:

    permisi, salam kenal. mo nanya…..
    registration tuh fungsinya wat pa eaw????

  6. admin Says:

    Registration point kah maksudnya? Itu untuk titik pusat symbol.

  7. miizta Says:

    good job… thx buat inspirasinya… klo bleh … minta tutorial ttg mbuat video player dung + progres bar seperti play, stop, volume dll.
    thx atas perhatiannya,,, slm knl… :D

  8. iweks Says:

    :idea:

  9. Jay-w Says:

    pelajaran ini bgs untuk nilai dan menambah kreativitas saya. tapi saya agak kaget dgn suara yg ada di artikel ini. maju terus warung flash.

  10. Ray Says:

    TERIMA KASIH WARUNG FLASH.. maaf cma bisa bilang terima kasih. Tuhan memberkati. ;)

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.