Tutorial Membuat Jam Analog

Belajar Cara Membuat Jam Analog di Macromedia Flash 8

Hallo Anima…. Apa kabar nih? Dalam artikel-artikel sebelumnya kita sudah belajar beberapa cara membuat animasi. Kali ini saya akan berbagi mengenai cara membuat animasi jam analog di Macromedia Flash 8. Kalian tidak akan kesulitan dalam membuatnya karena saya akan menjelaskannya dengan bahasa yang mudah dimengerti  dan dipahami. Oke langsung saja yaa….

1. Langkah pertama, kalian buka aplikasi Macromedia Flash 8, lalu akan muncul tampilan dibawah ini. Setelah itu kalian pilih Flash Document pada Create New.

2.  Setelah halaman kerja terbuka langkah kedua yaitu buatlah lingkaran jam dengan menggunakan   tools ellips. Lakukan pengaturan pada stroke dan ukurannya. Setelah itu buat anak-anak jam   dengan menggunakan tools teks dan ubah menjadi static properties. Buat angka dari 1 hingga 12    sesuai posisi jam. 

3.  Setelah sudah terbentuk jam, buatlah garis-garis jam, menit detik dengan bantuan tools line. Pertama buat terlebih dahulu layer baru untuk membuat jarum jam. Buat garis lurus dengan Line Tool (N). buatlah garis yang lebih pendek kemudian tekan Ctrl+fn+f8 untuk  melakukan Convert to Symbol lalu beri beri nama jam_mc  dan ubah menjadi Movie Clip jangan lupa untuk mengubah regristrasi menjadi bottom-center agar posisi jarum jam sesuai yang diinginkan kemudian oke setelah itu ubah instance name pada properties menjadi jarum_jam untuk pemanggilan pada actionscript. 

4. Setelah itu buat tambahkan layer baru, ubah nama menjadi jarum menit. Buatlah garis yang lebih panjang dari jarum jam kemudian tekan Ctrl+fn+f8 untuk  melakukan Convert to Symbol lalu beri beri nama menit_mc  dan ubah menjadi Movie Clip jangan lupa untuk mengubah regristrasi menjadi bottom-center agar posisi jarum sesuai yang diinginkan kemudian oke setelah itu ubah instance name pada properties menjadi menit_mc untuk pemanggilan pada actionscript. Lalu letakan jarum menit sejajar jarum jam (usahakan pangkalnya menjadi satu).

5.      Selanjutnya tambahkan layer baru lagi, ubah nama menjadi jarum detik. Buatlah garis yang lebih panjang dari jarum jam dan jarum menit kemudian tekan Ctrl+fn+f8 untuk  melakukan Convert to Symbol lalu beri beri nama detik_mc  dan ubah menjadi Movie Clip jangan lupa untuk mengubah regristrasi menjadi bottom-center agar posisi jarum sesuai yang diinginkan kemudian oke setelah itu ubah instance name pada properties menjadi detik_mc untuk pemanggilan pada actionscript. Lalu letakan jarum detik sejajar jarum jam dan menit (usahakan pangkalnya menjadi satu). Seperti gambar dibawah ini :

7.    Nah untuk langkah terakhir masukan script untuk bisa menjalankan jam. Para jarum sudah siap. Sekarang tinggal masukin script-nya. Kembali ke layer jarum jam. Klik pada jarum tersebut. Buka actions (Window → Actions, atau dengan menekan F9). Kemudian isikan script seperti dibawah ini:

onEnterFrame = function(){

                                          waktu = new Date ();

                                         

                              jam = waktu.getHours();

                              menit = waktu.getMinutes();

                              detik = waktu.getSeconds();

                              if (jam>12){

                                          jam -= 12;

                              }

                              jam_mc._rotation = jam*30+(menit/2);

                              menit_mc._rotation = menit*6;

                              detik_mc._rotation = detik*6;

};

                                         

8.      Tahap terakhir tekan CTRL + Enter untuk menjalankan animasi kurang lebih gambar seperti ini:

Nah selesai  teman-teman. Gimana gampangkan? Selamat mencoba………..

Salam Anima……………