Jumat, 30 September 2011

SLIDER OBJEK

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.

0 komentar:

Posting Komentar