Kamis, 11 Agustus 2011

MOVIE FLASH INTERAKTIF MENGGUNAKAN BEHAVIORS

Pada animasi biasanya hanya dijalankan secara berurutan dari frame ke frame berikutnya .Dengan adanya behaviors,animasi dapat menjadi movie yang lebih interaktif sehingga pengguna dapat berperan lebih aktif menggunakan keyboard dan mouse untuk mellompat ke movie lain yang diinginkannya,memindahkan objek,memasukkan informasi pada form ,mengontrol objek,video,suara,dan lain-lain.
Pada bagian ini ,kita akan langsung mengimplementasikan behaviors dalam bentuk tutorial dan latihan .
1.Menggunakan Behaviors
Behaviors juga termasuk salah satu fitur baru yang sangat menonjol di Flash.Behaviors merupakan ActionScript siap pakai yang dapat diaplikasikan pada suatu objek,baik itu movie clip,video maupun suara (sound).Fungsi utamanya adalah untuk mengontrol objek tersebut agar lebih terlihat lebih fleksibel dan interaktif.Asyiknya lagi ,semua itu dilakukan secara otomatis tanpa kita perlu menuliskan kode-kode ActionScript secara manual.
Behaviors lebih ditujukan untuk para developer Flash yang belum terbiasa / familiar dengan ActionScript yang kompleks sehingga dapat diaplikasikan dengan mudah pada objek ,video,suara, dan frame.
Untuk menampilkan Behaviors Panel,klik menu Window > Development Panels > Behaviors. Lihat gambar 1.

Gambar 1.Behaviors Panel
Kalau anda perhatikan pada gambar 1,Behaviors Panel terlihat sangat sederhana karena diperuntukkan bagi pengguna pemula.Apabila kita ingin memasukkan suatu Action,kita hanya perlu megklik tombol + ,maka tampil menu pilihanya ,lalu kita anda tinggal memilih kategori dan Action yang diinginkan .Utuk lebih jelasnya ,langsung saja kita praktekan ya prend.

a. Membuat Tombol Link
Tombol link adalah tombol yang digunakan untuk memanggil situs google atau bisa juga untuk berpindah ke alamat web lainnya ketika tombol di klik,contohnya seperti pada banner iklan website.
1. Masukkan sebuah tombol dari library Flash (Window > Other panels >Commpn Libraries > Button).Latihan ini mengguanakan tombol arcade button-yellow dari category arcade button.lihat gambar 2.
Gambar 2 tombol arcade button-yellow

2. Klik /pilih pada tombol,lalu klik tanda + pada Behaviors Panel sehingga akan tampil menu .Pilihlah Web > go to Web Page.Lihat gambar 3

Gambar 3 Memilih action Go to Web Page pada kategori Web
3. Akan tampil kotak dialog. Isikan Http://www.suranto-uty.blogspot.com pada URL dan pilih “_blank” pada open in.Lihat gambar 4

Gambar 4 Kotak dialog Go to URL
Untuk melihat hasilnya ,klik menu control >Test movie atau Ctrl + Enter. Coba klik tombol berwarna kuning yang akan langsung membuka browser baru dan menampilkan halaman web dari situs blog apabila computer anda terhubung dengan internet
Contohnya di bawah ini


Tip & Trik:
• Selain dapat memanggil alamat URL di Internet, link juga dapat digunakan untuk berpindah halaman, contohnya halaman2.html atau /data/halaman2.html (kalau filenya di dalam suatu subfolder). Link juga bisa digunakan untuk memanggil email, misalnya mailto: algosigma@eudoramail.com. Link juga dapat memanggil suatu movie, misalnya animasi.swf.
 Link mempunyai parameter Open in yang berisi target untuk link tersebut. Ada empat macam target, yaitu:
 _self: link akan membuka file yang dipanggil di halaman itu juga.
 _blank: link akan membuka file yang dipanggil pada halaman/browser yang baru.
 _parent: link akan membuka file yang dipanggil di frameset induk (digunakan untuk halaman berbentuk frame, sama halnya dengan _top).
 _top: link akan membuka file yang dipanggil di frameset pada tingkat yang paling atas.
b.Memanggilfile movie di luar flash
Action untuk memanggil movie yang berada diluar Flash adalah Load External Movie clip.
Sebagai contoh kita akan memanggil file shockwave dengan nama joke.swf anda juga bisa memanggil animasi yang anda buat sendiri.
1. Buat file baru (file >new) langsung simpan filenya (File >save As), misalnya disimpan sengan nama loadswf.fla.
2. kilk frame 1, lalu klik tanda + pada Behaviors panel sehingga aka tampil menu. Pilihlah Movieclip > Load External Movieclip. Lihat Gambar 5.



Gambar 5 memilah action Load External Movieclip pada kategori
Movieclip

3. Akan tampil sebuah kotak dialog. Isikan nama file swf (shockwave) yang akan dipanggil pada bagian Type the URL to the .swf file you want to load, misalnya joke.swf. lihat gambar 6.

Gambar 6 kotak dialog Load External Movieclip
4. Sekarang di time line panel dapat dilihat bahwa pada frame 1 terdapat huruf a yang menandakan bahwa pada frame tersebut terdapat action behavior.lihat gambar 7.

Gambar 7 tanda huruf a pada frame 1 di time line panel
Untuk melihat hasilnya, klik menu Control > Test Movie. Akan langsung ditampilkan movie swf (shockwave) yang berupa animasi lucu.lihat gambar 8.

Gambar 8 hasil action load external movieclip
Catatan:
File joke.swf harus berada dalam satu folder dengan file loadswf.fla(file yang berisi action untuk memanggil movie tersebut/filejoke.swf).
c.Menggandakan objek
Action untuk menggandakan objek atau gambar adalah duplicate movie clip dari kategori movieclip.
Pada latihan kali ini kita akan menggandakan gambar seorang wanita yang sedang menelpon .
1. Klik menu File > Import >Import to Stage,lalu carilah sebuah file gambar ,dalam latihan kali ini gambar wanita sedang menelpon (wanita.jpg).Lihat gambar 9.

Gambar 9 Gambar wanita sedang menelpon
2. Klik kanan pada gambar wanita > convert to symbol > Movie clip.
3. Dengan gambar wanita masih dalam keadaan terpilih ,isikan nama pada properties sebagai identitas movie clip tersebut,misalnya wanita . Lihat gambar 10.

Gambar 10 memberi nama identitas dari movie clip
4. Dengan gambar wanita masih dalam keadaan terpilih ,klik tanda + pada Behaviors Panel sehingga akan tampil menu.Pilih lah Movieclip > Duplicate Movieclip.lihat Gambar 11.

Gambar 11 memilih action Duplicate Movieclip pada kategori Movieclip
5. Akan tampil kotak dialognya.isikan 110 pada bagian X-offset dan 0 pada Y-offset.Lihat gambar 12.

Gambar 7.12 otak dialog Duplicate Movie clip
Untuk meliat hasilnya,klik menu Control > Test Movie. Coba clik pada gambar wanita .Akan tampil gambar wanita yang sama di samping kanannya lagi ,begitu seterusnya.Lihat gambar 13.

Gambar 13 Hasil Penggandaaan Suatu gambar menggunakan action duplicate movie
contohnya dibawah ini




Tidak ada komentar:

Posting Komentar

tolong tinggalkan komentar ya! selamat membaca :D