Berita Teknologi: Cara Membuat Animasi Jam Analog Dengan Adobe Flash 8

Selasa, 10 Mei 2016

Cara Membuat Animasi Jam Analog Dengan Adobe Flash 8

Kali Ini Saya Akan Memberikan Tutorial Cara Membuat Jam Analog Berikut Caranya :

1. buat dahulu background jam nya, Bulat loh bentuknya
     *ya iya lah, masa segitiga.
    nah buatnya pakai CorelDraw Atau Ps, supaya bentuknya lebih proporsional .
    gambarnya disimpan dengan format *jpg ya
2. buat dokumen baru di Flash 8.
3. kemudian impor background nya tadi itu, caranya : googling aja ya hehehe bercanda.
    pilih menu file >> import >> import to stage atau bisa juga dengan menekan ctrl + R.
    kalo bingung liat gambar dibawah :

4. pilih filenya kemudia Ok.
akan tampak seperti ini.

Jelek ya, hehehehe gak jadi masalah bro
5.buat angkanya dengan Text tools atau tekan T kemudian jarum nya ya 3 saja sudah cukup, 4 boleh sih kalau mau

tidak usah disusun dahulu, buat aja pokoknya, tampilan punya saya begini nih :

6. atur posisi angkanya seperti jam pada umumnya, kalau anda mau setting sendiri ya silakan , yang pusing juga anda nantinya,, hahahahah

mau liat punya saya ??? boleh boleh,, ini nih

gak rapi ya,, ya kreasikan lah dengan imajinasi kalian

7. sekarang masuk ke coding nya, nah loh bakalan pusing. pilih selection tools atau tekan V

klik jarum yang menjadi penunjuk detik (yang paling panjang itu loh) kemudian tekan f8

maka akan tampil seperti ini

pada " name " kita isi dengan "dtk" sebenarnya terserah, tapi berhubung string rumus nya menggunakan itu

yang saya sarankan ikuti saja dahulu, kalau sudah paham bisa dirubah sesuka hati. tipeny pilih movie clip

dam registrarion nya pilih titik tengah bawah

8. kemudian di Enter / klik OK .. tekan ctrl + f3 akan keluar tampilan berikut

di bagian "instance name " isi dengan " dtk " juga . samakan saja pokoknya dengan "instance of "supaya tidak eror saat dijalankan

9. lanjutkan dengan jarum menit seperti no.7 isi nama dengan "mnt" dilanjutkan dengan mengisi instance name seperti no.8 samakan saja namanya

10. jarum penunjuk jam nya juga ya, nama nya "jm"

11. susun jarum nya dengan posisi penunjuk jam di bawah, penunjuk menit di tengah dan penunjuk detik di atas

seperti ini :

12. jika sudah kita mulai coding nya, pilih frame nya, tekan kotak kecil yang ada di bawah no 1 itu, sampai kotak tersebut berubah menjadi hitam, lebih jelas lihat gambarnya

nah itu, kalau benar angka yang di halaman kerja akan ada kotaknya.

13. sekarang tekan f9.

kemudian masukkan kode 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 jm akan berotasi sesuai nilai variable jam dikali 30 yang ditambah nilai variable menit di bagi 2

jm._rotation = jam*30+(menit/2);

//movie clip mnt akan berotasi sesuai nilai variable menit dikali 6

mnt._rotation = menit*6;

//movie clip dtk akan berotasi sesuai nilai variable detik dikali 6

dtk._rotation = detik*6;

paste kan di kolom tersebut, sekarang coba di play dengan cara menekan ctrl + enter

jalan kan jam nya, gak haru pakek batre abc lagi ..

hahahha..

ini bisa lo dijalankan di HP nokia loh.
caranya gini,
1. setelah selesai di play, tekan ctrl+alt+shift+s
2. pilih tipenya *swf
3. save
4. kirim saja ke Hp nokia, via apa aja deh mau bluetoth,kabel data,via pos,via jne ..