- Back to Home »
- Tutorial Flash »
- Tutorial Flash Cara Buat Jam Analog
Posted by : Didib Absor
May 6, 2012
- Buka Aplikasi Macromedia Flash
- Pilih Flash Document
- Pilih size untuk mengganti properties dan dengan ukuran sesuai berikut :
- Persiapkan template atau latar belakang untuk jam analog. Sebaiknya sudah ditulis angka yang sudah tepat pada posisinya. Seperti gambar dibawah ini :
- Setelah mempersiapkan gambar import gambar ke Macromedia Flash 8 dengan cara File > Import > Import to Stage > Pilih File. Jika gambar terlalu besar atau melebihi batas halaman kecilkan dengan cara yang seperti dibawah ini :
- Nah, Sekarang buatlah tiga garis dengan panjang yang berbeda panjang, sedang, dan pendek.
- Lalu Klik selection tool ( tekan huruf V pada keyboard) klik pada garis yang pendek dan tekan F8 lalu tulislah jam_mc dan atur posisi bawah dengan tipe movie clip dan klik OK. Setelah itu pada <instance name> tulislah jam_mc.Seperti gambar berikut :
- Lakukan step sebelumnya pada garis yang lainya dengan properties yang berbeda yang berukuran sedang adalahmenit_mc dan posisi bawah dengan tipe movie clip dan yang berukuran panjang adalah detik_mc dan posisi bawah dengan tipe movie clip.
- Setelah selesai tinggal finishing dengan men-drag garis itu ke posisi tengah dan saling menutupi seperti gambar berikut :
- Sekarang tinggal berikan 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;
};
- Klik pada frame satu layer 1 seperti gambar berikut :
- Lalu tekan F9 dan copy paste kan script di atas seperti gambar berikut :
- Tinggal tekan CTRL + ENTER
SELESAI
Created By AE’dibz Absor
Saya akan senang jika anda ingin menampilkan di blog anda tetapi sertakan sumber pembuatnya.
Untuk dapatkan tutorial flash yang lain tetap kunjungi DIDIBSHARE.TK
Untuk dapatkan tutorial flash yang lain tetap kunjungi DIDIBSHARE.TK
Copyright reserved by DidibShare™. Powered by Blogger.