Pada tutorial belajardesain93 kali ini kita akan membuat animasi sebuah kipas yang akan berputar dan berhenti dengan tombol on/off. Ini adalah tutorial yang sangat menarik.. prosesnya tidak terlalu sulit dan mudah di mengerti. Langsung saja kita buat
1. Buatlah sebuah flash document.
2. Buatlah sebuah objek seperti di bawah ini :
3. Seleksi objek tersebut dan tekan F8. Pada panel yang muncul masukkan baling sebagai name dan movie clip sebagai type serta pastikan titik registrationnya berada ditengah-tengah lalu tekan ok.
4. Seleksi movie clip baling lalu tekan Ctrl+F3. Pada panel properties yang muncul masukkan baling dalam kotak instance name.
5. Buatlah sebuah static text berwarna putih bertuliskan OFF dan buatlah sebuah persegi panjang berwarna hitam dengan panjang dan lebar sama dengan panjang dan lebar static text bertuliskan OFF.
6. Seleksi static text dan persegi panjang tadi lalu tekan F8. Pada panel yang muncul masukkan onoff sebagai name dan movie clip sebagai type lalu tekan ok.
7. Seleksi movie clip onoff dan pada panel properties masukkan onoff sebagai instance name.
8. Pastikan anda masih menyeleksi movie clip onoff lalu tekan Ctrl+E untuk masuk ke dalam stage movie clip onoff.
9. Klik frame 1 dan tekan F9. Pada panel actions yang muncul masukkan script berikut :
1 | stop(); |
10. Klik kanan frame 2 dan pilih Insert Keyframe. Ubah warna static text di frame 2 menjadi merah dan juga ubah tulisannya menjadi ON.
11. Klik frame 2 dan masukkan script berikut pada panel actions:
1 | stop(); |
12. Tekan Ctrl+E untuk kembali ke stage scene 1.
13. Klik frame 1 dan pada panel actions 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 | //membuat variable bernama angka dengan nilai 0 angka = 0; baling.onEnterFrame = function() { //movie clip baling bertambah nilai rotasinya berdasarkan nilai variable angka this._rotation += angka; //jika movie clip onoff berada di frame 2 if (onoff._currentframe == 2) { //ubah nilai variable angka menjadi 7 angka = 7; //jika movie clip onoff tidak berada di frame 2 dan nilai variable angka lebih dari 0 } else if (angka>0) { //nilai variable angka dukurangi 0.2 angka -= 0.2; } }; //ketika tekanan pada movie clip onff dilepas setelah ditekan onoff.onRelease = function() { //jika movie clip ini berada di frame 1 if (this._currentframe == 1) { //mainkan frame 2 movie clip ini this.gotoAndStop(2); //jika tidak } else { //mainkan frame 1 movie clip ini this.gotoAndStop(1); } }; |
14. Tekan Ctrl+Enter untuk melihat hasilnya.
Selamat berkreasi...
bila anda mengalami kesulita silahkan download buku panduannya di sini
dan untuk memudahkan pekerjaan saya sertakan juga file latihannya untuk contoh di sini
source : warung flash
0 comments:
Posting Komentar