Follow us on Facebook

Membuat Presentasi Sederhana di Flash

Untuk menangkap user input ada banyak cara yang bisa dilakukan, diantaranya dengan memberikan if pada event EnterFrame, kemudian melalui event pada Button/MovieClip, dan melalui listener. Yang akan saya jelaskan di sini adalah menggunakan listener, karena listener adalah cara yang paling cocok untuk navigasi pada saat menjalankan presentasi.
Kalo kita melakukan presentasi, agar kita pindah ke slide berikutnya, tentunya kita menekan tombol kanan atau bawah pada keyboard kan.?? nah, sekarang kita akan mencoba seperti itu.
Langsung aja kita praktek :
  • Seperti biasa kita buat sebuah dokumen flash 8 baru. (Actionscript 2.0 ya)
  • Kemudian gambar frame 1 sebuah layout cover presentasi kita. :)
    cover
    cover
  • Sekarang kita buat frame kedua, caranya yaitu klik kanan pada frame 2 pada layer 1, kemudian pilih Insert Blank Keyframe.
    insert blank keyframe
    insert blank keyframe
  • Setelah itu, kita gambar layout presentasi halaman 1 :)
    halaman 1
    halaman 1
  • Kalo sudah, sekarang lakukan hal yang sama pada frame 3, tetapi kali ini kita pilih insert keyframe, supaya frame yang kita copy, sama seperti sebelumnya.
    insert keyframe
    insert keyframe
  • Setelah sudah selesai, kita edit frame 3 agar berbeda dengan frame 2
    halaman 2
    halaman 2
  • Sudah, sekarang kita beralih ke scripting. Fungsi scripting ini digunakan untuk memindah timeline head menuju frame yang kita inginkan berdasar tombol yang ditekan.
  • Sekarang klik pada frame 1, kemudian tekan F9 untuk menampilkan panel Actions – Frame.
    action frame
    action frame
  • Ketikkan script berikut :
    01//digunakan untuk menghentikan animasi timeline
    02stop();
    03//membuat listener baru
    04var keyListener:Object = new Object();
    05//memberikan event pada listener
    06keyListener.onKeyUp = function() {
    07    if(Key.getCode()==Key.RIGHT){
    08        _root.nextFrame();
    09    }
    10    if(Key.getCode()==Key.UP || Key.getCode()==Key.LEFT){
    11        _root.prevFrame();
    12    }
    13};
    14 
    15//menambahkan listener hanya pada saat flash sudah diload.
    16_root.onLoad=function(){
    17    //menambahkan listener pada tombol keyboard.
    18    Key.addListener(keyListener);
    19}
  • Setelah itu tekan Ctrl + Enter untuk mengetest movie :)
  • Selesai deh :P
Untuk download, klik di SINI

Posting Komentar

0 Komentar