Senin, Oktober 24, 2011

Cara Membuat Jam Analog Menggunakan adobe Flash

Cara membuat jam analog, sebetulnya mudah saja jika kita sudah pernah bermain menggunakan macromedia flash maupun adobe flash,Tetapi kesulitannya hanya saja membuat jam analog maupun digital kita harus menambahkan script.
Langsung saja kita mulai,
langkahnya :
 


1. Tentu saja buka dahulu adobe flash atau macromedia 
flash anda setelah itu buka file bar,pilih actionscript 2.0,setelah itu ruba ukurannya sesuai dengan ukuran jam yang anda inginkan,klik tombol edit pada jendela properties,


2. Buatlah 6 layer yang terdiri dari
layer 1 = layer untuk background,yaitu gambar dari jam analog  beserta angka nya
layer 2 = layer untuk gambar jarum pendek (jam)
layer 3 = layer untuk gambar jarum panjang (menit)
layer 4 = layer untuk gambar jarum detik
layer 5 = layer untuk gambar bayangan kaca untuk memperbagus tampilan,jika tidak ada juga tidak apa-apa
layer 6 = layer untuk all action yaitu untuk meletakkan script nantinya.
Anda bisa juga merubah nama layer sesuai dengan gambarnya.


3. Masukkan terlebih dahulu gambar untuk background nya,yaitu gambar jam,ana bisa menyisipkan gambar atau membaut sebuah lingkaran dengan angka-angkanya


4. Buat gambar jarum pendek atau jika anda sudah memiliki gambar jarumnya,tinggal anda sisipkan pada layer 2,atau disini saya telah merubah nama layer menjadi jam ,anda bisa menggambarnya dengan menggunakan line tool,anda juga bisa mengatur ketebalan garis dan juga warnanya.lakukan hal yang sama untuk membuat jarum detik dan menit pada layer nya masing-masing.


5. Klik layer 1 atau jam tadi,dan rubah menjadi movieclip dengan cara tekan f8,


pilih movie clip,dan pilih titik tengah bawah seperti yang sudah dilingkari pada gambar,setelah itu tekan ok.
Setelah itu rubah instance name pada jendela properties, untuk jarum jam = jarumJam.
Lakukan hal yang sama untuk jarum menit dan detik,
untuk jarum menit,instance name = jarumMenit,untuk jarum detik = jarumDetik



6. Setelah itu,masukkan gambar untuk layer kaca,jika tidak ada,langsung saja ke langkah 7

7. masukkan script berikut pada layer allaction atau layer 6 tadi,dengan cara menekan tombol f9,atau klik kanan pada frame pertama pada layer action tadi,lalu pilih action.

_root.onEnterFrame = function() {    myTime = new Date ();
jarumJam._rotation = (myTime.getHours()*30)+(myTime.getMinutes()/2); 
jarumMenit._rotation = (myTime.getMinutes()*6)+(myTime.getSeconds()/10);
jarumDetik._rotation = (myTime.getSeconds()*6);};



jika sudah,coba anda tampilkan dengan cara menekan CTRL + ENTER.
Agar tampilan jam analog anda menjadi lebih bagus,anda bisa menambahkan button.
Itulah langkah-langkah bagaimana membuat jam analog menggunakan flash,jika ada kritik dan saran tolong komentar ya,terimakasih

2 komentar:

  1. Terima Kasih Atas tutorialnya .. artikel yang sangat bagus ..

    BalasHapus