buat azzzznimasi kipas angin

5/22/2018 Buat Azzzznimasi Kipas Angin

1/6

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 jikatombol 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 sertapastikan titik registrationnya berada ditengah-tengah lalu tekan ok.
http://coretanlusuh.blogspot.com/2013/06/buat-animasi-kipas-angin.htmlhttp://coretanlusuh.blogspot.com/2013/06/buat-animasi-kipas-angin.htmlhttp://lh5.ggpht.com/-U1r6SU-QGrk/UcUBQAPDoOI/AAAAAAAAB64/mV9Cq-4okNQ/s1600-h/image%255B7%255D.pnghttp://lh5.ggpht.com/-Mrc8OW1LMRA/UcUBNIpnN_I/AAAAAAAAB6o/sF8aMr4U1OE/s1600-h/image%255B3%255D.pnghttp://lh5.ggpht.com/-U1r6SU-QGrk/UcUBQAPDoOI/AAAAAAAAB64/mV9Cq-4okNQ/s1600-h/image%255B7%255D.pnghttp://lh5.ggpht.com/-Mrc8OW1LMRA/UcUBNIpnN_I/AAAAAAAAB6o/sF8aMr4U1OE/s1600-h/image%255B3%255D.pnghttp://coretanlusuh.blogspot.com/2013/06/buat-animasi-kipas-angin.html


2/6

3. Seleksi movie clip kipas lalu klik Windows - PropertiesProperties (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 textbertuliskan OFF.
http://lh3.ggpht.com/-i-34fH_5I0U/UcUBUcUsglI/AAAAAAAAB7o/UhrjJi_iu14/s1600-h/image%255B19%255D.pnghttp://lh5.ggpht.com/-TLOx-CL5siA/UcUBTGxTgSI/AAAAAAAAB7Y/sMjKw9B_yJo/s1600-h/image%255B16%255D.pnghttp://lh5.ggpht.com/-8msOb_GzqWg/UcUBRo8xkFI/AAAAAAAAB7I/MqImVbUiR0Y/s1600-h/image%255B12%255D.pnghttp://lh3.ggpht.com/-i-34fH_5I0U/UcUBUcUsglI/AAAAAAAAB7o/UhrjJi_iu14/s1600-h/image%255B19%255D.pnghttp://lh5.ggpht.com/-TLOx-CL5siA/UcUBTGxTgSI/AAAAAAAAB7Y/sMjKw9B_yJo/s1600-h/image%255B16%255D.pnghttp://lh5.ggpht.com/-8msOb_GzqWg/UcUBRo8xkFI/AAAAAAAAB7I/MqImVbUiR0Y/s1600-h/image%255B12%255D.pnghttp://lh3.ggpht.com/-i-34fH_5I0U/UcUBUcUsglI/AAAAAAAAB7o/UhrjJi_iu14/s1600-h/image%255B19%255D.pnghttp://lh5.ggpht.com/-TLOx-CL5siA/UcUBTGxTgSI/AAAAAAAAB7Y/sMjKw9B_yJo/s1600-h/image%255B16%255D.pnghttp://lh5.ggpht.com/-8msOb_GzqWg/UcUBRo8xkFI/AAAAAAAAB7I/MqImVbUiR0Y/s1600-h/image%255B12%255D.png


3/6

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.
http://lh6.ggpht.com/-35gRBsdBypU/UcUBYzK1qLI/AAAAAAAAB8Y/Qdf4HhJeUaw/s1600-h/image%255B31%255D.pnghttp://lh4.ggpht.com/-0JfItUhi3R0/UcUBXffR2gI/AAAAAAAAB8I/GqH9FD96wOM/s1600-h/image%255B27%255D.pnghttp://lh6.ggpht.com/-OnscRGniq6o/UcUBV-ZluTI/AAAAAAAAB74/JgGMdQnIIGE/s1600-h/image%255B23%255D.pnghttp://lh6.ggpht.com/-35gRBsdBypU/UcUBYzK1qLI/AAAAAAAAB8Y/Qdf4HhJeUaw/s1600-h/image%255B31%255D.pnghttp://lh4.ggpht.com/-0JfItUhi3R0/UcUBXffR2gI/AAAAAAAAB8I/GqH9FD96wOM/s1600-h/image%255B27%255D.pnghttp://lh6.ggpht.com/-OnscRGniq6o/UcUBV-ZluTI/AAAAAAAAB74/JgGMdQnIIGE/s1600-h/image%255B23%255D.pnghttp://lh6.ggpht.com/-35gRBsdBypU/UcUBYzK1qLI/AAAAAAAAB8Y/Qdf4HhJeUaw/s1600-h/image%255B31%255D.pnghttp://lh4.ggpht.com/-0JfItUhi3R0/UcUBXffR2gI/AAAAAAAAB8I/GqH9FD96wOM/s1600-h/image%255B27%255D.pnghttp://lh6.ggpht.com/-OnscRGniq6o/UcUBV-ZluTI/AAAAAAAAB74/JgGMdQnIIGE/s1600-h/image%255B23%255D.png


4/6

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();
http://lh5.ggpht.com/-RLxi39gimBg/UcUBdNuTSEI/AAAAAAAAB9I/fSPnRnLsU-k/s1600-h/image%255B44%255D.pnghttp://lh4.ggpht.com/-YxSvliaiY6w/UcUBbpN4tWI/AAAAAAAAB84/G6uoT9jtIeU/s1600-h/image%255B37%255D.pnghttp://lh4.ggpht.com/-bzWYTGKRLlg/UcUBaLEqhfI/AAAAAAAAB8o/9PIexgv8rJM/s1600-h/image%255B34%255D.pnghttp://lh5.ggpht.com/-RLxi39gimBg/UcUBdNuTSEI/AAAAAAAAB9I/fSPnRnLsU-k/s1600-h/image%255B44%255D.pnghttp://lh4.ggpht.com/-YxSvliaiY6w/UcUBbpN4tWI/AAAAAAAAB84/G6uoT9jtIeU/s1600-h/image%255B37%255D.pnghttp://lh4.ggpht.com/-bzWYTGKRLlg/UcUBaLEqhfI/AAAAAAAAB8o/9PIexgv8rJM/s1600-h/image%255B34%255D.pnghttp://lh5.ggpht.com/-RLxi39gimBg/UcUBdNuTSEI/AAAAAAAAB9I/fSPnRnLsU-k/s1600-h/image%255B44%255D.pnghttp://lh4.ggpht.com/-YxSvliaiY6w/UcUBbpN4tWI/AAAAAAAAB84/G6uoT9jtIeU/s1600-h/image%255B37%255D.pnghttp://lh4.ggpht.com/-bzWYTGKRLlg/UcUBaLEqhfI/AAAAAAAAB8o/9PIexgv8rJM/s1600-h/image%255B34%255D.png


5/6

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 angka5. this._rotation += angka;6. //jika movie clip onoff_mc berada di frame 27. if (onoff_mc._currentframe == 2) {8. //mengubah nilai variable angka menjadi 109. angka = 10;10. //onoff_mc jika tidak berada di frame 2 dan nilai variable angka lebih

dari 011. } else if (angka>0) {12. //nilai variable angka dukurangi 0.213. angka -= 0.2;14. }15. };16. //ketika ditekan kembali onoff_mc17. onoff_mc.onRelease = function() {18. //jika movie clip ini berada di frame 119. if (this._currentframe == 1) {20. //mainkan frame 2 movie clip ini21. this.gotoAndStop(2);22. //jika tidak23. } else {24. //mainkan frame 1 movie clip ini25. this.gotoAndStop(1);26. }27. };
http://lh6.ggpht.com/-U0XoKXtk7DQ/UcUBenoy8WI/AAAAAAAAB9Y/0tJLk1qo7aM/s1600-h/image%255B48%255D.png


6/6

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

buat azzzznimasi kipas angin

Documents