Membuat Animasi Jam Analog Pada Macromedia Flash

Membuat Animasi Jam Analog Pada Macromedia Flash

1. Pertama, buka Macromedia Flash 8 dan pilih Create New “Flash Document”

2. Siapkan gambar yang telah di edit berbentuk bulat atau berbentuk kotak juga boleh, kemudian Open gambar tersebut pada Macromedia Flash anda atau tekan Ctrl+O pada keyboard.

3. Setelah gambar terbuka, klik Text Tool pada tab tools kemudian tuliskan angka 1 sampai 12 untuk membuat angka-angka pada jam nanti.

4. Kemudian pindahkan angka tersebut ke dalam jam  menggunakan Selection Tool dan atur rapi seperti layaknya jam pada umumnya.

5. Pada tab tools pilih Line Tool atau tekan N pada keyboard, buatlah 3 garis yang menggambarkan jarum jam (garis pendek), jarum menit (garis sedang), dan jarum detik (jarum panjang). Beri warna agar terlihat menarik.

6. Kemudian masih pada Selection Tool, silakan klik jarum jam (garis pendek) yang kalian buat tadi lalu tekan F8 dimana akan keluar jendela “Convert To Symbol”.

Pada nama silakan isi “jam_mc”, typenya “movie clip” dan pada registration, titiknya berada pada tengah bawah (lihat gambar) dan OK.

Lalu pada tab Properties (lihat bagian bawah), di instance name silakan isi “jam_mc”.

Lakukan hal tersebut pada jarum menit dan detik juga dimana pada jarum menit silakan isi nama dengan “menit_mc” dengan type dan registration yang sama dengan jarum jam tadi.

Begitu pula dengan jarum detik, isi dengan nama “detik_mc” dengan type dan registration yang sama. Dan jangan lupa isi instance name nya masing-masing.

7. Setelah ketiga jarum tadi telah jadi, pada Selection Tool pindahkan jarum-jarum tersebut ke dalam jam, dimana ujung bawah jarum berada di tengah-tengah jam (lihat gambar).

8. Kemudian pada Timeline, klik di Frame 1 dan tekan F9, dimana akan muncul jendela Action-Frame.

9. Pada lembar kerja tersebut silakan isi script berikut:

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

};

10. Setelah coding berhasil silakan coba jam kalian dengan menekan Ctrl+Enter.

Hasil jam saya silakan lihat disini: Jam One Piece