Tutorial Membuat Animasi Jam Analog Di Adobe Flash CS

Tutorial Membuat Animasi Jam Analog Di Adobe Flash CS6

1.     Pertama –tama buka aplikasi adobe flash  cs6 dan kemudia buat lah new document dengan “Action Script 2.0”

2.      Buath lingkaran seperti berbentuk jam analog

3.      Lalu buat lah Garis untuk jamnya. Bualt lah : garis jam lebih panjang dari garis menit, garis menit lebih panjang dari garis detik, garis detik lebih panjang dari garis jam

4.      Seleksi garis yang paling kecil, kemudian tekan F8. Pada panel yang muncul masukkan “jam_mc” dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah bagian bawah lalu tekan ok.

5.      Seleksi atau klik jarum  jam  tersebut lalu di sebelah kanan atas ada bar properties. Ada kotak berisi “instane name”. klik dan isi dengan tulisan “jam_mc”.

6.      Lakukan hal yang sama pada jarum menit dan jarum jam. Untuk jarum menit dengan nama ”menit_mc” dan untuk jarum detik “detik_mc”.

7.      Setelah itu letakan posisi ketiga jarum di tengfan tengah lingkaran jam analog yag sudah dibuat dengan posisi menmpuk.

8.      Lalu klik layer 1 dan frame 1. Tekan F9 dan isi kotak script berikut

//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;

};

9.      Setelah itu tekan CTRL+ENTER untuk preview hasilnya

DONE!!!Kalian Berhasill!!!!