Follow us on Facebook

Membuat Idle Time pada Flash

Sesuai judul yang saya maksudkan di sini adalah membuat sebuah kondisi dimana ketika user sama sekali tidak menyentuh atau tidak berinteraksi dengan flash kita layaknya ketika kita tidak melakukan apa-apa pada komputer kita dan muncul screen saver.
Sekarang kita mulai membuatnya :
  • Siapkan dokumen flash, dengan macromedia flash 8 saja sudah cukup. :)
  • Pertama, kita buat sebuah animasi saat idle time. Tekan Menu Insert -> New Symbol, pilih MovieClip.
    MovieClip
    MovieClip
  • Sekarang kita memasuki area untuk mengedit MovieClip yang kita buat, kemudian buat sebuah kotak dengan menggunakan Rectangle Tool, yang memiliki ukuran 550 piksel x 400 piksel. Pastikan titik pusat dari MovieClip berada di pojok kiri atas kotak.
    Rectangle
    Rectangle
  • Kemudian tambahkan sebuah teks sebagai objek yang bergerak.
    Teks
    Teks
  • Klik kanan teks tersebut, kemudian pilih Convert to Symbol dan pilih MovieClip. Bisa diberi nama sesuai keinginan Anda ;).
    Teks
    Teks
  • Sekarang beri teks tersebut instance name berupa teks_mc agar dapat dikenali oleh script.
    Instance Name
    Instance Name
  • Oke, cukup. sekarang kita bermain di script tahap pertama :D, masih di dalam MovieClip Frame, sekarang klik pada Frame 1 Layer 1 dan tekan F9 pada keyboard untuk menampilkan panel Actions Frame.
  • Ketik script berikut :
    01//mencari nilai acak antara -5 s/d 5
    02var posX = Math.random()*10-5;
    03var posY = Math.random()*10-5;
    04 
    05this.onEnterFrame=function(){
    06    //jika posisi x dari teks_mc melebihi kotak
    07    if(teks_mc._x<0 || teks_mc._x>550){
    08        //membalikkan arah
    09        posX = -posX;
    10    }
    11    //jika posisi y dari teks_mc melebihi kotak
    12    if(teks_mc._y<0 || teks_mc._y>400){
    13        //membalikkan arah
    14        posY = -posY;
    15    }
    16    //menambahkan posisi pada teks_mc
    17    teks_mc._x += posX;
    18    teks_mc._y += posY;
    19}
  • Sekarang tutup panel Actions, klik 2 kali pada area kosong untuk kembali ke stage utama.
  • Kita buka library dengan menekan F11, klik kanan pada Objek Frame, pilih linkage.
    Linkage
    Linkage
  • Maka akan muncul dialog dan samakan seperti pada gambar. Linkage ini digunakan sebagai pengenal agar actionscript mengenali objek yang berada pada library.
    Linkage
    Linkage
  • Klik ok, sekarang klik pada frame 1 pada layer 1, kemudian tekan F9 pada keyboard. Tuliskan script kedua berikut :
    01//deklarasi nilai awal counter
    02var counter = 0;
    03//memberikan timer dengan interval waktu 1 detik
    04var interval = setInterval(hitungWaktu,1000);
    05//deklarasi frame
    06var frame;
    07//fungsi yang dipanggil oleh interval
    08function hitungWaktu(){
    09    //jika lebih dari 3 detik
    10    if(counter>=3){
    11        //jika frame masih tidak berisi movieclip
    12        if(frame == undefined){
    13            //menambahkan movieclip
    14            frame = _root.attachMovie("Frame","frame",_root.getNextHighestDepth());
    15        }
    16    }else{
    17        //menambag counter
    18        counter ++;
    19    }
    20}
    21 
    22//event untuk mouse ketika bergerak
    23_root.onMouseMove=function(){
    24    //mereset counter menjadi 0
    25    counter = 0;
    26    //menghilangkan frame
    27    frame.removeMovieClip();
    28    frame = null;
    29}
  • Sekarang test movie dan tunggu selama 3 detik tanpa menggerakkan mouse. :)

Posting Komentar

0 Komentar