Kipas Berputar

Berikut ini kita akan membuat sebuah animasi kipas berputar. Dimana kipas yang dapat didrag akan berputar apabila menyentuh listrik dan akan berhenti berpuatar apabila tidak menyentuh listrik.
1. Buatlah sebuah flash document.
2. Buatlah sebuah objek berbentuk seperti gambar 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 kipas di stage dan tekan Ctrl+F3. Pada panel properties yang muncul masukkan baling sebagai instance name.
5. Gambarlah sebuah garis dari tengah movie clip baling ke bawah.
6. Buatlah sebuah persegi kecil dan seleksi persegi tersebut lalu tekan F8. Pada panel yang muncul masukkan kotak sebagai name dan movie clip sebagai type serta pastikan titik registrationnya berada ditengah-tengah lalu tekan ok.
7. Seleksi movie clip kotak dan masukkan kotak sebagai instance name pada panel properties.
8. Letakkan kotak di ujung bawah garis yang dibuat tadi sehingga objek di stage berbentuk seperti di bawah ini :

9. Seleksi seluruh objek di stage dan tekan F8. Pada panel yang muncul masukkan kipas sebagai name dan movie clip sebagai type serta pastikan titik registrationnya berada ditengah-tengah lalu tekan ok.
10. Seleksi movie clip kipas dan masukkan kipas sebagai instance name pada panel properties.
11. Buatlah sebuah objek seperti gambar di bawah ini :

12. Seleksi objek tersebut dan tekan F8. Pada panel yang muncul masukkan listrik sebagai name dan movie clip sebagai type lalu tekan ok.
13. Seleksi movie clip listrik di stage dan masukkan listrik di dalam kotak instance name pada panel properties.
14. Klik frame 1 dan tekan F9. Pada panel actions yang muncul masukkan script berikut :

kipas.onPress = function() {
 this.startDrag();
};
kipas.onRelease = kipas.onReleaseOutside=function () {
 this.stopDrag();
};

15. Tekan Ctrl+Enter untuk melihat hasilnya.

Selamat mencoba..

Download sourcenya disini

  

Posted in: Tutorial Flash