30
Jun

Slider Objek

Written by admin


Hampir sama pada tutorial sound slider. Kali ini kita tidak akan mengubah volume suara tetapi mengubah ukuran suatu objek.

1. Buatlah sebuah flash document.

2. Buatlah sebuah persegi dengan ukuran panjang 5px dan lebar 20px. Seleksi persegi tersebut dan  tekan F8. Pada panel yang muncul masukkan kotak2 sebagai name dan movie clip sebagai type serta titik registrationnya berada di tengah-tengah lalu tekan ok.

3. Seleksi movie clip kotak2 di stage dan tekan Ctrl+F3. Pada panel properties yang muncul masukkan kotak2 sebagai instance name.

4. Pastikan anda masih menyeleksi movie clip kotak2 lalu tekan F8. Pada panel yang muncul masukkan kotak1 sebagai name dan movie clip sebgai type serta titik registrationnya berada di tengah-tengah lalu tekan ok. 5. Seleksi movie clip kotak1 dan masukkan kotak1 sebagai instance name pada panel properties. 6. Klik kanan movie clip kotak1 dan pilih Edit maka anda akan masuk ke dalam stage movie clip kotak1. 7. Buatlah sebuah persegi dengan panjang 100px dan lebar 5px. Letakkan seperti pada gambar di bawah ini :

letak-slider-objek

Letakkan persis seperti gambar di atas

8. Tekan Ctrl+E untuk kembali ke stage scene 1.

9. Buatlah sebuah lingkaran, seleksi lingkaran tersebut dan tekan F8. Pada panel yang muncul masukkan lingkaran sebagai name dan movie clip sebagai type lalu tekan ok.

10. Seleksi movie clip lingkaran di stage dan masukkan lingkaran sebagai instance name pada panel properties.

11. Buatlah sebuah dynamic text, seleksi dynamic text tersebut dan masukkan angka sebagai Var pada panel properties

12. 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
kotak1.kotak2._x = 100;
kotak1.kotak2.onEnterFrame = function() {
	angka = 0+this._x;
	lingkaran._xscale = 0+this._x;
	lingkaran._yscale = 0+this._x;
};
kotak1.kotak2.onPress = function() {
	startDrag(this, false, 0, this._y, 100, this._y);
};
kotak1.kotak2.onRelease = kotak1.kotak2.onReleaseOutside=function () {
	stopDrag();
};

13. Tekan Ctrl+Enter untuk melihat hasilnya.

Gerakkan kotak berwarna merah pada slider untuk mengatur ukuran lingkaran

14. Untuk mengubah ukuran slider lebih baik seleksi movie clip kotak1 dan ubah ukurannya dengan menggunakan Free Transform Tool atau ubah ukuran movie clip kotak1 melalui panel properties.

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 “Slider Objek”

  1. iwonk Says:

    persis spt yg sy butuhkan, terimakasih tutorialnya, mudahan makin banyak penggemar flash untuk kepentingan pendidikan. :idea: =D>

  2. saiful black Says:

    thanks ya kak. kalo misal untuk mobil smakin ke kanan slider mobil semakin cepat gmanan?

  3. admin Says:

    Kalau kecepatan mobilnya diatur dengan menggunakan script _x maka ubah scriptnya menjadi :
    kotak1.kotak2.onEnterFrame = function() {
    angka = 0+this._x;
    lingkaran._x += this._x;
    };

  4. MANG DADAN Says:

    HATUR NUHUN MAKASIH!

  5. flambuni Says:

    bagaimana slide nya berputar seperti jarum jam tetapi jadi meng hilang

  6. Sachroni Says:

    wah ada yg buat AS3 kang ?

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.