Membuat Jam dengan menggunakan Flash

What You Need :
– Microsoft Windows XP or later
– Adobe Flash

Untuk membuat animasi berupa jam dengan menggunakan Adobe Flash dapat dilakukan dengan cara sederhana.

1. Buat sebuah file baru dengan fitur ActionScrip 2.0: File > New….. > Flash File (ActionScript 2.0) klik OK, atau jika Anda ingin cepat cukup tekan tombol kombinasi Ctrl + N, Flash File (ActionScript 2.0) lalu klik OK.

2. Anda bisa mengatur ukuran dokumen melalui properties, pada size isi dengan “260px” dan “75px“.

3. Lalu buat 3 buah layer dengan mengklik icont insert layer, beri nama “action”, “text” dan “backround”. Untuk memberi nama sebuah layer, Anda cukup meng-klik 2 kali layer tersebut dan beri nama layer tersebut.

4. Pada layer backround Anda bisa membuat desain untuk dijadikan backround, Anda bisa menyisipkan gambar atau membuat sendiri dengan menggunakan Rectangle Tool.

5. Untuk layer text, klik “text tool” atau tekan saja tombol “T“, lalu pilihan opsi “Dynamic Text“. Anda bisa menentukan jenis, warna, posisi dari font. Disini saya menggunakan font “Digiface” ukuran 30 dan warna “#ffffff”. Anda bisa menyesuaikan dengan keinginan.

6. Lalu klik di atas gambar backgroun, Anda bisa mengatur lebar dan tinggi dengan menyeret kotak di tiap sisi gambar.

7. Buat nama variable pada Text dengan nama jam.

8. lalu pada layer actions ketikan script berikut pada frame 1. Untuk menampilkan jendela Layer Actions Frame klik tombol “F9”

time=new Date(); // time object
var seconds = time.getSeconds()
var minutes = time.getMinutes()
var hours = time.getHours()
if (hours<12) {
ampm = "AM";
}
else{
ampm = "PM";
}
while(hours >12){
hours = hours - 12;
}
if(hours<10)
{
hours = "0" + hours;
}
if(minutes<10)
{
minutes = "0" + minutes;
}
if(seconds<10)
{
seconds = "0" + seconds;
}
jam.text = hours + ":" + minutes + ":" + seconds +" "+ ampm;

Tekan kembali tombol “F9” untuk menyembunyikan Action Frame.

note : jika Anda mengkopi script ini, pastekan terlebih dahulu di notepad baru di copikan ke actions layer agar tidak terjadi kesalahan script tanda tanda petik  (“).

9. Masih pada layer actions, klik kanan frame 2 lalu klik “Insert blank keyframe“.

Kemudian tekan tombol “F9” kembali untuk menampilkan Actions Frame, dan ketikkan script ini.

gotoAndPlay(1);

Jika telah selesai menuliskan scrip, Anda bisa menyembunyikan jendela Action Frame dengan menekan tombol “F9” kembali.

10. Klik Layer “Text“, kemudian pada frame 2 klik kanan klik kanan lalu klik “Insert keyframe“. Hal yang sama juga Anda terapkan pada  Layer Background.

11. Untuk melihat preview dari hasil yang telah anda buat ini, lakukan test movie. Klik menu Control > Test Movie. Atau jika Anda ingin cara cepat tekan tombol Ctrl + enter.