BUAT ANIMASI KIPAS ANGIN

Berikut ini saya berbagi bagaimana cara membuat kipas angin sederhana menggunakan macromedia flash 8.

Pada tutorial ini kipas angin akan bergerak jika tombol ON ditekan dan akan berhenti jika tombol OFF ditekan.

Caranya sebagai berikut :

1. Buatlah sebuah flash dokument dan pada Layer 1 gambarlah obyek kipas seperti gambar di bawah.

2. Seleksi objek tersebut dan lanjutkan dengan klik Modify – Convert to Symbol atau 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.

3. Seleksi movie clip kipas lalu klik Windows - Properties – Properties (Ctrl + F3).

Pada panel properties yang muncul masukkan kipas_mc dalam kotak instance name.

4. Buatlah sebuah tombol dengan menggunakan rectangle tool dan tambahkan juga text bertuliskan OFF.

Kemudian seleksi gambar kotak dan tulisan OFF dan lajutkan dengan klik Modify – Convert to Symbol.

Pada panel yang muncul masukkan onoff sebagai name dan movie clip sebagai type lalu tekan ok.

Untuk properties tombol OFF berikan instance name dengan nama onoff_mc.

5. Dobel klik tombol OFF, tambahkan frame sebuah frame dengan mengklik kanan frame 2 – insert Keyframe.

Pada frame 2 tulisan OFF ganti dengan tulisan ON.

6. Kembali ke frame 1 kemudian tekan tombol F9 untuk menampilkan Actions. Pada panel Action tuliskan :

1. stop();

7. Kembali klik frame 2, tekan tombol F9 dan panel Actions tulisakan :

1. stop();

8. tekan Ctrl + E untuk kembali ke scene 1 kemudian lanjutkan dengan menekan F9 dan panel Actions tuliskan kode berikut :

1. //memberi nilai 0 untuk variabel angka.
2. angka = 0;
3. kipas_mc.onEnterFrame = function() {
4. //movie clip kipas_mc nilai putarannya bertambah berdasarkan nilai variable angka
5. this._rotation += angka;
6. //jika movie clip onoff_mc berada di frame 2
7. if (onoff_mc._currentframe == 2) {
8. //mengubah nilai variable angka menjadi 10
9. angka = 10;
10. //onoff_mc jika tidak berada di frame 2 dan nilai variable angka lebih dari 0
11. } else if (angka>0) {
12. //nilai variable angka dukurangi 0.2
13. angka -= 0.2;
14. }
15. };
16. //ketika ditekan kembali onoff_mc
17. onoff_mc.onRelease = function() {
18. //jika movie clip ini berada di frame 1
19. if (this._currentframe == 1) {
20. //mainkan frame 2 movie clip ini
21. this.gotoAndStop(2);
22. //jika tidak
23. } else {
24. //mainkan frame 1 movie clip ini
25. this.gotoAndStop(1);
26. }
27. };

9. Selesai dan coba jalankan animasinya di menekan Ctrl + Enter.

Technorati Tags: Tutorial Flash,Tutorial Macromedia Flash,Dasar Macromedia Flash,Dasar Flash,Flash Dasar,Macromedia Flash Dasar,Petunjuk,Sinau,Belajar,E-Learning,animasi kipas,animasi kipas angin,kipas angin