Membuat Transisi Halaman
Untuk memperoleh sebuah interktif multimedia yang dinamis, pergantian antar halaman dapat ditambahkan sebuah efek transisi. Efek tersebut bisa berupa animasi motion tween, efek fade in/out, efek zoom in/out dan sebagainya. Pada contoh berikut dijelaskan proses pembuatan transisi halaman dengan menggunakan movieclip. Untuk lebih jelasnya perhatikan langkah berikut :
1. Lanjutkan file di atas. Buatlah sebuah layer baru di atas layer 1 (layer 3). Kemudian atur kembali nama layer menjadi layer “konten”, “transisi” dan “kode” (beruturan dari bawah ke atas).
2. Klik frame 1 layer transisi kemudian buatlah sebuah kotak dengan ukuran yang sama persis dengan ukuran stage, dan posisikan tepat menutupi konten. Selanjutnya buatlah garis horizontal yang membelah kotak tersebut tepat di tengah (digunakan untuk membuat animasi transisi yang menutup bagian atas dan bagian bawah).
Lock layer konten untuk mempermudah proses agar konten tidak terganggu.
Gambar 160. Mengatur transisi
3. Seleksi gambar di layer transisi tersebut, kemudian Convert to Symbol menjadi movieclip “transisi”. Selanjutnya dobel klik untuk mengeditnya.
4. Pada mode edit, seleksi bagian atas dari kotak yang terbelah, kemudian Convert to Symbol menjadi movieclip “tutup atas”.
5. seleksi bagian bawah dari kotak yang terbelah, kemudian Convert to Symbol menjadi movieclip “tutup bawah”. Hapus outline yang tersisa dari stage, sehingga hanya menyisakan 2 movieclip
Gambar 161. Movieclip tutup atas dan tutup bawah.
6. Seleksi dua movieclip tersebut, kemudian klik kanan dan pilih Distribute to Layer.
7. Selanjutnya buatlah sebuah animasi tween membuka dan menutup dengan durasi 30 frame. Pada keyframe 1 dan keyframe 30, posisi penutup sama yaitu membuka penuh. Sedangkan pada keyframe 15 posisi penutup, menutupi layar secara penuh. Perhatikan gambar.
Gambar 162. Animasi tween pada movieclip transisi
8. Keluar dari mode edit movieclip “transisi” dengan menekan Ctrl+E.
9. Untuk mengaktifkan transisi, klik frame 1 layer action dan ubah kode yang ada menjadi sebagai berikut :
10. Simpan file dan ujicoba dengan menekan Ctrl+Enter. Jika proses dan kode benar, maka transisi antar halaman akan muncul setiap tombol ditekan.
Penjelasan kode
transisiHalaman("hal_1"); (baris 30) Pada saat tombol home ditekan, maka fungsi transisiHalaman akan dipanggil dengan parameter “hal_1”.
transisi.namaHalaman = namaHalaman; (baris 23) maka variabel yang melekat di movieclip transisi diubah sesuai dengan parameter tersebut, selanjutnya movieclip transisi dimainkan dan di cek oleh fungsi posisi 15 (saat tertutup penuh), maka konten diubah menuju ke frame berlabel sesuai dengan namaHalaman.
Thanks for reading Membuat Transisi Halaman. Please share...!
