Flash8 & FlashCS3 — Membuat Jam Digital

Halo

Post kali ini terinspirasi dari tutorial di kirupa.com tentang membuat jam digital.  [Karena blogger yang baik selalu mencantumkan sumber ] Saya mengambil sedikit [banyak] code dari postingan di kirupa dan membuat ulang versi saya sendiri, dan saya menyarankan agar Anda sekalian juga melakukan hal yang sama – mencoba membuat ulang versi Anda sendiri  – untuk hal apapun yang didapat dari mana pun [hint : internet ] karena dengan begitu ilmu yang didapat akan menjadi milik Anda sendiri. [Tapi kalau ilmu nya membuat bom ya jangan di praktekkan... (^^”)]

Software yang di gunakan :

Flash 8 dan Flash CS3

AS [ActionScript] yang digunakan :

AS 2.0

Preview hasil jadi :

2 buah jam digital dengan 2 format yang berbeda.

Swf di atas bisa di dl di sini.

• Rename layar 1 dengan nama Jam dan buat bentuk jam yang diinginkan. Untuk memberi efek pada bentuk jam bisa di lihat di sini.  Saya membuat 2 buah jam digital, untuk saat ini ikuti dulu contoh saya, nanti Anda bisa memilih sendiri format jam digital mana yang paling Anda sukai.

• Buat 4  buah Text Field [setiap jam menggunakan 2 buah Text Field] menggunakan Text Tool dengan type Dynamic Text, atur posisi mereka pada bentuk jam yang sudah dibuat. Silakan atur sendiri jenis huruf, ukuran dan warna huruf yang di inginkan.

Jangan lupa memberi nama txt_waktu1 pada kotak Instance name.

Jangan lupa memberi nama txt_tanggal1 pada kotak Instance name.

Jangan lupa memberi nama txt_waktu2 pada kotak Instance name.

Jangan lupa memberi nama txt_tanggal2 pada kotak Instance name.

• Buat layer baru dan beri nama Actions. Kemudian ketikkan code di bawah ini. Penjelasan code akan diberikan nanti.

onEnterFrame = function()

{

var now = new Date();

var hari:Array = new Array(“Minggu”, “Senin”, “Selasa”, “Rabu”, “Kamis”, “Jumat”, “Sabtu”);

var bulan2:Array = new Array(“Januari”, “Februari”, “Maret”, “April”, “Mei”, “Juni”, “Juli”, “Agustus”, “September”, “Oktober”, “November”, “Desember”);

var bulan:String = now.getMonth() + 1;

var jam:String = now.getHours();

var menit:String = now.getMinutes();

var detik:String = now.getSeconds();

txt_waktu1.text = jam + ” : ” + menit + ” : ” + detik;

txt_tanggal1.text = now.getDate()+ ” / ” + bulan + ” / ” + now.getFullYear();

txt_waktu2.text = jam + ” : ” + menit;

txt_tanggal2.text = hari[now.getDay()] + ” , ” + now.getDate() + ” ” + bulan2[now.getMonth()] + ” ” + now.getFullYear();

}

• Test movie dengan menekan Ctrl + Enter.

Penjelasan code :

Lihat yang di kirupa saja ya? :p

Canda (^^)v peace

onEnterFrame = function()

{

Saat movie berjalan dan memasuki frame

var now = new Date();

Akan dibuat sebuah variabel bernama now dengan tipe data Date.

var hari:Array = new Array(“Minggu”, “Senin”, “Selasa”, “Rabu”, “Kamis”, “Jumat”, “Sabtu”);

Akan dibuat sebuah variabel bernama hari dengan tipe data Array yang berisi nama nama hari. Urutan hari menurut Flash dimulai dari hari Minggu maka array hari ini dimulai dengan hari Minggu dan seterusnya.

var bulan2:Array = new Array(“Januari”, “Februari”, “Maret”, “April”, “Mei”, “Juni”, “Juli”, “Agustus”, “September”, “Oktober”, “November”, “Desember”);

Akan dibuat sebuah variabel bernama bulan2 dengan tipe data Array yang berisi nama nama bulan.

var bulan:String = now.getMonth() + 1;

Akan dibuat sebuah variabel bernama bulan dengan tipe data String yang di isi dengan hasil pemanggilan dari fungsi getMonth. Fungsi getMonth akan menghasilkan nilai mulai dari 0-11, untuk itu nilai hasil pemanggilan ditambahkan 1 agar sesuai dengan bulan sekarang.

var jam:String = now.getHours();

var menit:String = now.getMinutes();

var detik:String = now.getSeconds();

Akan dibuat sebuah variabel bernama jam, menit dan detik dengan tipe data String yang akan di isi dengan jam, menit dan detik sekarang.

txt_waktu1.text = jam + ” : ” + menit + ” : ” + detik;

Menampilkan waktu dengan format Jam : Menit : Detik.

txt_tanggal1.text = now.getDate()+ ” / ” + bulan + ” / ” + now.getFullYear();

Menampilkan waktu dengan format Tanggal / Bulan / Tahun.

txt_waktu2.text = jam + ” : ” + menit;

Menampilkan waktu dengan format Jam : Menit.

txt_tanggal2.text = hari[now.getDay()] + ” , ” + now.getDate() + ” ” + bulan2[now.getMonth()] + ” ” + now.getFullYear();

Menampilkan waktu dengan format Hari, Tanggal Bulan Tahun.

Hasil jadi (*.fla) bisa di lihat di

FLASH8

FLASHCS3

Terima kasih sudah mampir dan membaca blog saya. (^_^)