Cara Membuat Animasi Jam Analog dengan Adobe Flash cs6

1. Pertama, buat dokumen flash terlebih dahulu, disini kita menggunakan Adobe Flash
Professional CS6, dengan ActionScript 2.0.
2. Selanjutnya masukan background jam di frame 1 layer 1 seperti gambar di bawah
ini:

3. Seleksi gambar jam, kemudian tekan F8. Kemudian akan muncul sebuah panel, isi
panel tersebut jam sebagai name dan movie clip sebagai type. Pastikan titik
registration dari gambar jam berada di tengah-tengah lalu tekan ok.

4. Setelah itu, buat tiga buah garis sebagai jarum jam. Garis yang panjang
menunjukan detik, garis yang sedang menunjukan menit, dan garis pendek
menunjukan jam, di layer 2 frame 1.

5. Seleksi garis yang paling pendek, kemudian tekan F8. Setelah itu akan muncul
sebuah panel, masukkan jam_mc pada name dan movie clip sebagai type. Pastikan
titik registrationnya berada di tengah bagian bawah lalu tekan ok.

6. Setelah itu seleksi movie clip garis yang paling pendek kembali, kemudian tekan
Ctrl+F3. Maka, akan muncul panel properties. Masukan jam_mc sebagai instance
name pada panel tersebut.
7. Seleksi garis ke dua (garis yang sedang), kemudian tekan F8. Setelah itu akan
muncul sebuah panel, masukkan menit_mc pada name dan movie clip sebagai
type. Pastikan titik registrationnya berada di tengah bagian bawah lalu tekan ok.
8. Setelah itu seleksi movie clip garis yang sedang kembali, kemudian tekan Ctrl+F3.
Maka, akan muncul panel properties. Masukan menit_mc sebagai instance name pada
panel tersebut.

9. Seleksi garis ke tiga (garis yang paling panjang), kemudian tekan F8. Setelah itu
akan muncul sebuah panel, masukkan detik_mc pada name dan movie clip sebagai
type. Pastikan titik registrationnya berada di tengah bagian bawah lalu tekan ok.

10. Setelah itu seleksi movie clip garis yang paling panjang kembali, kemudian tekan
Ctrl+F3. Maka, akan muncul panel properties. Masukan detik_mc sebagai instance
name pada panel tersebut.

11. Letakan movie clip jam_mc di tengah lingkaran yang kita buat sebelumnya.

12. Setelah itu letakan juga movie clip menit_mc di tengah lingkaran (tempatkan pada
posisi yang sama dengan movie clip jam_mc).

13. Selanjutnya, letakan juga movie clip detik_mc di tengah lingkaran (tempatkan pada
posisi yang sama dengan movie clip jam_mc dan movie clip menit_mc).

14. Maka ketiga movie clip akan terlihat saling bertumpukan seperti gambar di bawah
ini

15. Setelah semuanya terpasang, klik frame 2 layer 2 dan tekan F9. Maka akan muncul
panel action. Masukan skrip seperti di bawah ini pada panel action:
//perintah yang dijalankan ketika frame dimainkan
onEnterFrame = function () {
//membuat variable waktu sebagai date object
waktu = new Date();
//membuat variable jam dengan nilai sama dengan jam pada komputer
jam = waktu.getHours();
//membuat variable menit dengan nilai sama dengan menit pada komputer
menit = waktu.getMinutes();
//membuat variable detik dengan nilai sama dengan detik pada komputer
detik = waktu.getSeconds();
//digunakan jika komputer menggunakan sistem 12 jam
//jika nilai variable jam lebih dari 12 maka akan dikurangi 12
if (jam>12) {
jam -= 12;
}
//movie clip jam_mc akan berotasi sesuai nilai variable jam dikali 30 yang ditambah nilai variable menit
di bagi 2
jam_mc._rotation = jam*30+(menit/2);
//movie clip jam_mc akan berotasi sesuai nilai variable menit dikali 6
menit_mc._rotation = menit*6;
//movie clip detik_mc akan berotasi sesuai nilai variable detik dikali 6
detik_mc._rotation = detik*6;

Skrip digunakan agar jam analog dapat bergerak secara otomatis.

16. Proses pembutatan animasi jam analog telah selesai, tekan Ctrl+Enter untuk melihat
hasilnya.