RSS

Flash8 & FlashCS3 — Membuat Jam Digital

22 Apr

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 :P] 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.

Flash dari postingan di atas bisa dilihat 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. (^_^)

 
4 Komentar

Ditulis oleh pada April 22, 2011 in Flash

 

Tag: , , ,

4 responses to “Flash8 & FlashCS3 — Membuat Jam Digital

  1. richo

    Oktober 31, 2011 at 7:02 am

    makasih ya .
    sangat membantu tutornya..

    Suka

     
    • 8oni

      Oktober 31, 2011 at 7:04 am

      Sama sama. Senang bisa membantu🙂

      Suka

       
  2. 8oni

    Desember 2, 2011 at 9:07 am

    Revisi kurang tulisan bulan “September” sudah diperbaiki per tanggal ini. Mohon maaf bagi yang sudah mendowload yang salah, bila ada kesalahan yang lain mohon diberi komentarnya. Terima kasih🙂

    Suka

     

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

 
%d blogger menyukai ini: