Tambahkan ActionScript ke Tombol untuk Animasi Amplop

• April 19, 2024

Dalam beberapa tutorial terakhir, kami menyelesaikan animasi yang menyebabkan amplop terbang ke tengah panggung dan menambahkan tombol tak terlihat kami di atas cap pada amplop. Sekarang, satu-satunya hal yang harus dilakukan untuk paruh pertama animasi adalah menambahkan beberapa baris ActionScript ke tombol kita. Kode ini akan memberi tahu Flash untuk menghentikan animasi di Frame 80 dan mendengarkan tombol yang akan diklik. Ketika tombol diklik, ActionScript akan memindahkan animasi ke Frame 81 dan bagian kedua dari animasi. Tentu saja, kita masih perlu membangun sisa animasi tetapi untuk sekarang, kita akan bekerja pada kode yang akan membuat tombol kita mengendalikan Timeline.

Buka file fla kami ke Flash CS3. Saat ini kami memiliki 80 frame di Timeline. Kami akan mengerjakan Frame 80 selama tutorial ini.

1. Buka kunci Tindakan dan lapisan InvButton. Pada Frame 80 dari layer Actions, klik kanan dan tambahkan Keyframe. Dari Menu, klik Jendela, Tindakan untuk membuka panel Tindakan.
   
   
2. Tambahkan kode berikut ke panel Tindakan.
   
   berhenti();
   
   InvButton1.addEventListener (MouseEvent.CLICK, open_Env);
   
   function open_Env (myevent: Event): void {
   InvButton1.removeEventListener (MouseEvent.CLICK, open_Env);
   bermain();
   }
   
   Seperti yang Anda lihat, kode ini memiliki tiga bagian. Kami pertama-tama menambahkan kode stop () untuk menghentikan animasi dan menunggu tombol diklik. Karena kodenya ada di Frame 80, di situlah animasi akan berhenti.
   
   Selanjutnya, kami menambahkan EventListener ke instance InvButton1 dari tombol prangko kami. EventListener ini akan mendengarkan klik mouse pada tombol dan kemudian memanggil fungsi open_Env.
   
   Fungsi open_Env melakukan dua hal. Pertama menghapus EventListener dan kemudian memindahkan animasi ke Frame 81 dengan kode play ().
   
   
3. Setelah menambahkan ActionScript ke panel Tindakan, Anda dapat menutup panel Tindakan.
   
   
4. Seperti yang Anda lihat, kami melakukan semua ini pada Frame 80. Klik Control, Test Movie untuk menguji tombol. Anda akan melihat bahwa animasi tidak secara otomatis kembali ke awal Timeline setelah Frame 80 seperti sebelumnya. Sekarang, film kami berhenti dan menunggu seseorang mengklik tombol. Ini karena kita sekarang mengendalikan Timeline dengan ActionScript.
   
   

Simpan file fla Anda untuk tutorial selanjutnya ketika kami akan mulai mengerjakan bagian kedua dari animasi amplop.

Hak Cipta 2018 Adobe Systems Incorporated. Seluruh hak cipta. Tangkapan layar produk Adobe dicetak ulang dengan izin dari Adobe Systems Incorporated. Adobe, Photoshop, Album Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Kembang Api, Berkontribusi, Memikat, Flash Catalyst dan Flash Paper adalah [a] merek dagang terdaftar [s] atau merek dagang [s] dari Adobe Systems Incorporated di Amerika Serikat dan / atau negara lain.