Langkah-langkah membuat Animasi “Digital Clock”

v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}

Normal
0
false

false
false
false

EN-US
X-NONE
X-NONE

/* Style Definitions */
table.MsoNormalTable
{mso-style-name:”Table Normal”;
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-qformat:yes;
mso-style-parent:””;
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin-top:0cm;
mso-para-margin-right:0cm;
mso-para-margin-bottom:10.0pt;
mso-para-margin-left:0cm;
line-height:115%;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:”Calibri”,”sans-serif”;
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-fareast-font-family:”Times New Roman”;
mso-fareast-theme-font:minor-fareast;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:”Times New Roman”;
mso-bidi-theme-font:minor-bidi;}

Langkah-langkah membuat Animasi “Digital Clock” adalah sebagai berikut :

A. Mendesain Interface

 

1. Buatlah halaman baru, clcik File > New > Flash File (Action Script 2.0).

 

 

 

 2. Pada properti bar, ubahlah nilai  Width : 30 dan Height : 100 dengan Frame Rate : 12 fps, kemudian simpan dengan nama “Digital Clock.fla”.

 

 

 

3. Buatlah layer “Action”, “Jam”, “Background” menggunakan tombol(button)  New Layer. Sehingga hasilnya akan tampak seperti gambar berikut.

 

 

 

4. Aktifkan layer Background.

5. Click Toolbox kemudian pilih Ractangle Tool (R).

6. Buatlah kotak sebesar ukuran Stage /  Kanvas. (warna bebas)

 

 

 

Selanjutnya, seleksi semua object dan ubah ukuran Line : 5 dan warnanya terserah Anda saja.


Setelah itu, Anda click saja dibagian luar agar object yang tadi Anda seleksi tidak terseleksi lagi.

Kemudian click pada bagian tengah object dan hapus menggunakan tombol Delete, agar Fill / bagian tengah dari object terhapus. Dan hasilnya akan tampak seperti gambar berikut.

src=”http://2.bp.blogspot.com/-ZsBG-Q_PhpQ/UNbeVMjiQlI/AAAAAAAAAQs/HoevlmPa4yw/s400/6.png” border=”0″ height=”140″ width=”400″>

7. Desain interface Anda nantinya akan seperti gambar di bawah ini.


 8. Aktifkan layer Jam

Keterangan Desain Interface:

Cara membuat : 

1. Click tombol Text (T) pada toolbar dan drag drop untuk  membuat desain seperti gambar Interface (1). Setting properti bentuk instan : txtJam, Tipe Text : “Dynamic Text”, Font Size : 30 px.


2. Click tombol Text (T) pada toolbar dan drag drop untuk  membuat desain seperti gambar Interface (2). Setting properti bentuk instan Tipe Text : “Static Text”, Font Size : 30 px.


3. Click tombol Text (T) pada toolbar dan drag drop untuk  membuat desain seperti gambar Interface (3). Setting properti bentuk instan : txtMenit, Tipe Text : “Dynamic Text”, Font Size : 30 px.

 

 

 

4. Click tombol Text (T) pada toolbar dan drag drop untuk  membuat desain seperti gambar Interface (4). Setting properti bentuk instan Tipe Text : “Static Text”, Font Size : 30 px.

 

 

 

5. Click tombol Text (T) pada toolbar dan drag drop untuk  membuat desain seperti gambar Interface (5). Setting properti bentuk instan : txtDetik, Tipe Text : “Dynamic Text”, Font Size : 30 px.

 

 

 

 

 

Menuliskan Action Script

1. Aktifkan frame 1 pada layer Actioin. Click kanan kemudian pilih Action atau langsung tekan tombol F9, lalu tuliskan script di bawah ini.

var tgl, timeint;
function timer() { tgl = new Date(); txtJam.text = tgl.getHours(); txtMenit.text = tgl.getMinutes(); txtDetik.text = tgl.getSeconds(); } timeint = setInterval (timer, 1000);

Setelah Anda selesai menuliskan script tersebut, maka Anda langsung jalankan saja program Anda dengan menekan ctrl + Enter.

Posted By : Ersyah

Sumber : http://click-ganda.blogspot.com

Normal
0

false
false
false

EN-US
X-NONE
X-NONE

/* Style Definitions */
table.MsoNormalTable
{mso-style-name:”Table Normal”;
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-qformat:yes;
mso-style-parent:””;
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin-top:0cm;
mso-para-margin-right:0cm;
mso-para-margin-bottom:10.0pt;
mso-para-margin-left:0cm;
line-height:115%;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:”Calibri”,”sans-serif”;
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-fareast-font-family:”Times New Roman”;
mso-fareast-theme-font:minor-fareast;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:”Times New Roman”;
mso-bidi-theme-font:minor-bidi;}

Sumber : http://click-ganda.blogspot.com

Normal
0

false
false
false

EN-US
X-NONE
X-NONE

/* Style Definitions */
table.MsoNormalTable
{mso-style-name:”Table Normal”;
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-qformat:yes;
mso-style-parent:””;
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin-top:0cm;
mso-para-margin-right:0cm;
mso-para-margin-bottom:10.0pt;
mso-para-margin-left:0cm;
line-height:115%;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:”Calibri”,”sans-serif”;
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-fareast-font-family:”Times New Roman”;
mso-fareast-theme-font:minor-fareast;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:”Times New Roman”;
mso-bidi-theme-font:minor-bidi;}

: http://click-ganda.blogspot.com

Normal
0

false
false
false

EN-US
X-NONE
X-NONE

/* Style Definitions */
table.MsoNormalTable
{mso-style-name:”Table Normal”;
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-qformat:yes;
mso-style-parent:””;
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin-top:0cm;
mso-para-margin-right:0cm;
mso-para-margin-bottom:10.0pt;
mso-para-margin-left:0cm;
line-height:115%;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:”Calibri”,”sans-serif”;
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-fareast-font-family:”Times New Roman”;
mso-fareast-theme-font:minor-fareast;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:”Times New Roman”;
mso-bidi-theme-font:minor-bidi;}

: http://click-ganda.blogspot.com

Normal
0

false
false
false

EN-US
X-NONE
X-NONE

/* Style Definitions */
table.MsoNormalTable
{mso-style-name:”Table Normal”;
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-qformat:yes;
mso-style-parent:””;
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin-top:0cm;
mso-para-margin-right:0cm;
mso-para-margin-bottom:10.0pt;
mso-para-margin-left:0cm;
line-height:115%;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:”Calibri”,”sans-serif”;
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-fareast-font-family:”Times New Roman”;
mso-fareast-theme-font:minor-fareast;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:”Times New Roman”;
mso-bidi-theme-font:minor-bidi;}

: http://click-ganda.blogspot.com

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s