Animasi Kipas berputar

Selasa, 18 Oktober 2011

Animasi Kipas berputar

Sebelumnya kita membuat sebuah kipas yang bergerak apabila disentuhkan ke movie clip listrik. Kali ini kita akan membuat sebuah kipas yang bergerak apabila kita menekan tombol on dan berhenti bergerak apabila kita menekan tombol off.
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 :

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:

stop();

12. Tekan Ctrl+E untuk kembali ke stage scene 1.
13. Klik frame 1 dan pada panel actions masukkan script berikut :

//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.
15. Di bawah ini contoh lain hasil penerapan pada tutorial kali ini. Maaf gambarnya tidak begitu bagus. Tekan tombol lingkaran yang ada ditengah-tengah untuk menghidupkan dan mematikan kipas

Sourcenya dapat di download di sini