Tutorial Jam Analog

MEMBUAT ANIMASI JAM ANALOG

Kali ini kita akan membuat sebuah tutorial dimana akan mempelajari cara membuat sebuah animasi jam analog. Tampilan yang kita buat ini cocok untuk pemula yang ingin belaajr flash. Dengan tampilan yang sederhana dan tidak begitu rumit, ini akan mempermudah dalam proses pembuatannya. Berikut tutorialnya

1.      Open Aplikasi Adobe Flash.

2.      Buatlah sebuah flash document dengan nama yang disesuaikan keinginan.

3.      Buatlah 5 layer. Layer pertama beri nama Background (karena digunakan untuk tampilan background dan mempermudah anda agar saat pengerjaannya tidak tertukar dengan layer lainnya), layer kedua kita beri nama detik, layer ketiga kita beri nama menit, layer ke empat kita beri nama jam dan layer terakhir kita beri nama action (berfungsi untuk memasukan codingan script program kita).

4.      Pada frame 1 layer 1 buatlah gambar lingkaran dan angka dengan menggunakan oval tool, text tool dan panel transform untuk membuatnya.

5.      Pada layer 2 buatlah jarum untuk detik. Setelah itu, klik F8 rubah menjadi Type nya menjadi Movie clip dan untuk registrationnya arahkan ke bawah letak kotak hitam ditengah. Lalu beri nama pada movie clip dengan nama SecondsHand. Pada layaer 3 dan 4 pun lakukan hal yang sama. Hanya bedanya pada nama untuk movi clipnya. Jika pada layer 3 gunakan nama movie clipnya dengan MinutesHand dan Pada layer 4 dengan nama HoursHand.

 

6.      Pada layer 5 Action, klik F9 dan masukan script untuk programnya. Berikut ini saya gunakan script ini

_root.onEnterFrame = function()

{

            myDate = new Date ();

            Hours = myDate.getHours ();

            Minutes = myDate.getMinutes();

            Seconds = myDate.getSeconds();

            MilliSeconds = myDate.getMilliseconds ();

            Days = myDate.getDay();

            HoursHand._rotation = myDate.getHours()*30+(myDate.getMinutes()/2);

            MinutesHand._rotation = myDate.getMinutes()*6+(myDate.getSeconds()/10);

            SecondsHand._rotation = myDate.getSeconds()*6+(myDate.getMilliseconds()/166);

           

}

7.      Terakhir tekan Ctrl + Enter untuk membuka hasilnya.