20 Januari 2012

Membuat Jam Digital dan Analog pada Adobe Flash CS3

1. Jam Digital
Buat 3 buah teks untuk tampilan jam, menit, dan detik. Kemudian ubah tipe teks ketiga-tiganya menjadi dynamic text, pada kolom variabelnya berikan nama teks_displayJam, teks_displayMenit, teks_displayDetik.
buat 3 kotak teks
Terakhir baru berikan script di frame tersebut:
01var dateObj:Date;
02var jam:Number;
03var menit:Number;
04var detik:Number;
05var teks_displayJam:String;
06var teks_displayMenit:String;
07var teks_displayDetik:String;
08
09this.onEnterFrame= function()
10{
11    dateObj = new Date()
12    jam = dateObj.getHours();
13    menit = dateObj.getMinutes();
14    detik = dateObj.getSeconds();
15
16    if(jam < 10)
17        teks_displayJam = "0" + jam.toString();
18    else
19        teks_displayJam = jam.toString();
20
21    if(menit < 10)
22        teks_displayMenit = "0" + jam.toString();
23    else
24        teks_displayMenit = menit.toString();
25
26    if(detik < 10)
27        teks_displayDetik = "0" + detik.toString();
28    else
29        teks_displayDetik = detik.toString();
30}

hasil akhir
 
2. Jam Analog
Pertama-tama buat 3 buah movieclip berbentuk garis yang akan berperan sebagai jarum penunjuk pada jam (jam, menit, dan detik) berikan instance name pada masing2 jarum dengan nama mc_jarumJam, mc_jarumMenit, dan mc_jarumDetik. Satu hal yang perlu diperhatikan adalah saat mengconvert masing2 garis menjadi symbol, set registration point ke titik tengah-bawah (lihat kotak yg ditunjuk mouse). 
set registration point
Gambar sebuah kerangka jam yang akan ditempati jarum-jarum tersebut, kreasikan sendiri desain bentuk, warna, dan ukurannya sebagus mungkin. Buat juga sebuah titik tepat di tengah-tengahnya agar mudah menyusun jarum-jarumnya, sekarang pasangkan ketiga jarum yang kita buat di awal tadi saling tumpang tindih, dengan acuan bagian bawah ketiga movieclip jarum berada di titik tengah jam, sehingga bagian atasnya mengarah tepat ke angka 12.
susun jarum
Terakhir berikan script pada frame:
01this.onEnterFrame = function()
02{
03    var dateObj:Date = new Date();
04    var detik:Number = dateObj.getSeconds();
05    var menit:Number = dateObj.getMinutes();
06    var jam:Number = dateObj.getHours();
07
08    mc_jarumDetik._rotation = detik*6;
09    mc_jarumMenit._rotation = menit*6;
10    mc_jarumJam._rotation = jam*30;
11    mc_jarumJam._rotation += (menit/2);
12}
hasil akhir

0 komentar:

Poskan Komentar

Silahkan TInggalkan Komentar Anda di Blog Saya..
No SPAM and No PORN...
Terimakasih Telah meninggalkan Jejak Anda

Related Posts Plugin for WordPress, Blogger...
Award Pertama
Photobucket
Langganan Artikel Si Boersan :

Enter your email address:

Delivered by FeedBurner

Monggo Di Copy Linknya :
Text Link

Banner Link

Komunitas Blogger Indonesia Komunitas Blogwalking