Membuat aplikasi jam analog dengan flash

Kemarin saya mencoba membuat jam analog dengan flash dan ternyata hasilnya lumayan. Lalu saya ingin berbagi dengan anda-anda semua tentang cara membuat jam analog ini.

Yang saya tulis disini nanti adalah lebih ditekankan pada skrip (action script 2). Dengan asumsi pembaca harus menguasai dasar-dasar flash. Karena apabila dijelaskan semuanya disini maka akan terlalu panjang.

Elemen-elemen pembuatan jam ini ada 6 bagian yang berada pada layer yang berbeda-beda, Yaitu :

1. Frame

2. Angka

3. Jarum jam

4. Jarum menit

5. Jarum detik, dan

6. Kaca.

Kemudian perhatikan tata letak layer, sesuaikan dengan kondisi jam analog sesungguhnya. Paling bawah adalah layer untuk frame, diatasnya adalah angka, lalu jarum jam, menit, detik, dan yang paling atas adalah kaca.

Skrip untuk jarum jam :

onClipEvent(enterFrame)
{
var jam:Date=new Date();
if(jam.getMinutes()>=0 && jam.getMinutes()<12)
{
_rotation=((jam.getHours()+6) * 30);
}
else if(jam.getMinutes()>=12 && jam.getMinutes()<24)
{
_rotation=((jam.getHours()+6) * 30)+6;
}
else if(jam.getMinutes()>=24 && jam.getMinutes()<36)
{
_rotation=((jam.getHours()+6) * 30)+12;
}
else if(jam.getMinutes()>=36 && jam.getMinutes()<48)
{
_rotation=((jam.getHours()+6) * 30)+18;
}
else if(jam.getMinutes()>=48)
{
_rotation=((jam.getHours()+6) * 30)+24;
}
}

Skrip untuk jarum menit :

onClipEvent(enterFrame)
{
var mnt:Date=new Date();
_rotation=(mnt.getMinutes()+30) * 6 ;

}

Skrip untuk jarum detik :

onClipEvent(enterFrame)
{
var dtk:Date=new Date();
_rotation=(dtk.getSeconds()+30) * 6;
}
Apabila jam dijalankan (alt + enter) maka tampilan utuhnya adalah seperti ini :

Bagus kan… Selamat mencoba.