CARA MEMBUAT JAM ANALOG
tanpa basa basi lagi saya bagikan kepada sobat bagaimana cara membuat sendiri jam analog menggunakan Macromedia Flash 8.
Step 1.
Buat dokumen flash baru dengan acuan seperti gambar dibawah.

Step 2.
Pada Layer 1, masukkan sebuah image bodi jam. Kemudian ganti nama Layer 1 menjadi Latar

Step 3.
Buat 3 buah Layer dan beri nama Layer 2 menjadi Jam, Layer 3 menjadi Menit, Layer 4 menjadi Detik.

Step 4.
Gunakan kreasi sobat untuk membuat image jarum jam. Buatlah jarum jam dan letakkan di layer Jam, jarum Menit di layer Menit dan jarum Detik di layer Detik.

Step 4,
Pastikan tab Properties aktif dahulu, kemudian klik image jarum Jam lanjutkan dengan menekan tombol F8 (Convert to Symbol), pada kotak dialog Convert to Symbol isikan seperti yang ada pada gambar berikut.

Dan pada tab properties isilan instance namenya dengan “jam”

Lakukan hal yang sama pada image Menit dan Detik.
Step 5.
Jika sobat selesai melakukan langkah-langkah yang ada di step 4, seleksi Layer 1 sampai dengan Layer 4, kemudian convertlah menjadi Movie Clip.
Kemudian aktifkan tab Action dan silahkan sobat copas action berikut :
- onClipEvent(enterFrame){
- MyDate = new Date();
- hour = MyDate.getHours();
- minute = MyDate.getMinutes();
- second = MyDate.getSeconds();
- rotasijam=hour*30;
- rotasimenit=minute*6;
- rotasidetik=second*6;
- if (jam>12) {
- hour -=12;
- }
- this.jam._rotation=rotasijam;
- this.menit._rotation=rotasimenit;
- this.detik._rotation=rotasidetik;
- }
Selesai…. Dan sobat bisa mencobanya dengan menekan Ctrl + Enter.
untuk file latihannya silahkan sobat unduh disini…
Tidak ada komentar:
Posting Komentar