Membuat Jam Dinding Sederhana

June 19, 2008

Materi ini adalah lanjutan dari “Membuat Jarum Berputar”

1. Pertama buatlah sebuah dasar dari sebuah jam dinding, seperti terlihat di bawah ini.

Background Jam Sederhana

2. Buatlah sebuah Dynamic Text untuk menampilkan jam digital. Berikan nama variabel ‘waktu’.

Dynamic Text

3. Buatlah sebuah jarum pendek untuk penunjuk jam. Jadikan movie-clip dan beri nama ‘jarumpendek’.

Jarum Pendek

4. Buatlah sebuah jarum panjang untuk penunjuk menit. Jadikan movie-clip dan beri nama ‘jarumpanjang’.

Jarum Panjang

5. Buatlah sebuah jarum kecil panjang untuk penunjuk detik. Jadikan movie-clip dan beri nama ‘jarumdetik’.

6. Klik pada frame 1, ketik F9 (buat action script), lalu ketikkan perintah berikut :

this.onEnterFrame = function()
{
//——-ambil data dari sistem
var my_date:Date = new Date();
jam=my_date.getHours();
menit=my_date.getMinutes();
detik=my_date.getSeconds();

//——-2digit jam digital
if(jam<10)
jam=”0″+jam
if(menit<10)
menit=”0″+menit
if(detik<10)
detik=”0″+detik

//——-tampilkan jam digital
waktu=jam+”:”+menit+”:”+detik

//——-posisi jarum pendek
jmenit=Number(menit)/60
jdetik=Number(detik)/3600
jjam=Number(jam)+Number(jmenit)+Number(jdetik)
jarumpendek._rotation=jjam*30

//——-posisi jarum panjang
mdetik=detik/60
mmenit=Number(menit)+Number(mdetik)
jarumpanjang._rotation=mmenit*6

//——-posisi jarum detik
jarumdetik._rotation=detik*6

}

//////———————————-

Action Script

7. Jalankan Ctrl+Enter.

Entry Filed under: Script Rotation. Tags: , , , , .

Leave a Comment

Required

Required, hidden

Some HTML allowed:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <pre> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Trackback this post  |  Subscribe to the comments via RSS Feed


Kategori

Arsip

Pencarian

@import url(http://www.google.com/cse/api/branding.css);
Custom Search