membuat jam analog di flash

Cara membuat jam analog dengan macromedia flash (adobe flash)

cara membuat jam analog pada macromedia flash (adobe flash)

pada kali ini saya akan menjelaskan bagaimana cara membuat jam analog                                           pada macromedia flash (adobe flash) mungkin jam analog sudah tak asing                                         lagi di mata kalian tapi dalam penjelasan kali ini saya akan menjelaskan                                       langkah demi langkah dengan detail untuk anda yg ingin membuatnya,                                                 style jam bisa di ubah dengan menggunakan foto kalian yg sedang bergaya                                       hehe, dan nantinya hasil file swf bisa dijadikan sebagai walpaper handphone                                       yg mendukung file swf, seperti nokia

mari langsung saja ketahapannya

1. langkah awal seperti biasa buat project flash baru

2. lalu buat 5 layer ( insert layer) dan beri nama cover, jam , menit detik,                                               dan baground jam, letakan secara berurutan dari atas ke bawah, lihat                                                 gambar 2.0

gambar 2.0

3. lalu buatlah 3 buah jarum menggunakan rectangle

tool pertama jarum jam, jarum menit dan jarum detik

seperti pada gambar 3.0.

gambar 3.0

gambar 3.1

• pertama buat jarum jam di layer jam setelah itu                                                             convert to symbol (F8), pilih type Movie clip pada titik                                                registration pilih paling bawah tengah (b2), lalu berinama                                                  jarum jam pada instance name,seperti pada gambar 3.1
• seperti pada langkah sebelumnya buat jarum menit                                                            di layer menit setelah itu convert to symbol (F8),                                                                pilih type Movie clip pada titik registration pilih paling                                                        bawah tengah (b2),lalu beri nama jarum menit pada instance                                               name seperti pada gambar 3.1
• selanjutnya buat jarum detik di layer detik setelah                                                             itu convert to symbol (F8), pilih type Movie clip pada                                                             titik registration pilih paling bawah tengah (b2), lalu beri                                                   nama jarum detik pada instance name seperti pada gambar 3.1

4. selanjutnya letakan ketiga jarum tersebut secara sejajar

5. kemudian buat lingkaran menggunakan oval tool pada layer cover                                                          lihat gambar 5.0

gambar 5.0

6. setelah itu buat kotak atau bebas ( bisa juga gambar atau foto)                                                           pada layer baground jam ,di sini saya membuatnya sederhana                                                              menggunakan rectangle tool, lalu buat nomer 1 sampai 12                                                                    menggunakan static text dan taruh ke 12 nomer tersebut                                                                    secara beraturan seperti layaknya jam dinding di rumah anda

7. setelah semua langkah telah di kerjakan lalu seleksi seluruh objek                                                  atau layer dan convert to symbol dengan type movie clip lihat gambar 7.0

gambar 7.0

8. selanjutnya buka panel action pada movie clip 

yg tadi di buat lalu masukan scrip berikut ini

onClipEvent (enterFrame) {

MyDate = new Date();

hour = MyDate.getHours();

minute = MyDate.getMinutes();

second = MyDate.getSeconds();

rotasijam=hour*12;

rotasimenit=minute*6;

rotasidetik=second*6;

if (hour > 11) {

hour = hour-12;

}

this.jarumjam._rotation=rotasijam;

this.jarummenit._rotation=rotasimenit;

this.jarumdetik._rotation=rotasidetik;

}

setelah semuanya telah selesai dilakukan lalu tekan Ctrl + Enter                                                           untuk melihat hasilnya

selamat mecoba :)