Tambah ActionScript ke Button untuk Animasi Sampul surat

• Mungkin 3, 2024

Dalam beberapa tutorial yang lalu, kami selesai animasi yang menyebabkan sampul itu terbang ke tengah panggung dan menambah butang yang tidak kelihatan di atas cap pada sampul surat. Sekarang, satu-satunya perkara yang perlu dilakukan untuk separuh pertama animasi adalah untuk menambah beberapa baris ActionScript ke butang kami. Kod ini akan memberitahu Flash untuk menghentikan animasi pada Frame 80 dan mendengar butang yang akan diklik. Apabila butang diklik, ActionScript akan menggerakkan animasi ke Frame 81 dan separuh kedua animasi. Sudah tentu, kita masih perlu membina sisa animasi tetapi buat masa sekarang, kami akan mengendalikan kod yang akan menjadikan butang kami mengawal garis masa.

Buka fail fla kami ke Flash CS3. Pada ketika ini kami mempunyai 80 bingkai di Garis Masa. Kami akan bekerjasama pada Frame 80 semasa tutorial ini.

1. Buka kunci Tindakan dan lapisan InvButton. Pada Bingkai 80 lapisan Tindakan, klik kanan dan tambahkan Keyframe. Dari Menubar, klik Tetingkap, Tindakan untuk membuka panel Tindakan.
   
   
2. Tambah kod berikut kepada panel Tindakan.
   
   berhenti ();
   
   InvButton1.addEventListener (MouseEvent.CLICK, open_Env);
   
   fungsi open_Env (myevent: Event): void {
   InvButton1.removeEventListener (MouseEvent.CLICK, open_Env);
   bermain ();
   }
   
   Seperti yang anda dapat lihat, kod ini mempunyai tiga bahagian. Kami mula-mula menambah kod stop () untuk menghentikan animasi dan menunggu butang diklik. Kerana kod tersebut berada di Bingkai 80, di sinilah animasi akan berhenti.
   
   Seterusnya, kami menambah EventListener kepada contoh InvButton1 butang setem yang tidak kelihatan. EventListener ini akan mendengar klik mouse pada butang dan kemudian memanggil fungsi open_Env.
   
   Fungsi open_Env melakukan dua perkara. Mula-mula ia menghapus EventListener dan kemudian mengalihkan animasi ke Frame 81 dengan kod play ().
   
   
3. Selepas menambah ActionScript ke panel Tindakan, anda boleh menutup panel Tindakan.
   
   
4. Seperti yang anda dapat lihat, kami melakukan semua ini pada Frame 80. Klik Control, Test Movie untuk menguji butang. Anda akan melihat bahawa animasi tidak secara automatik kembali ke permulaan Masa Depan selepas Frame 80 seperti yang telah ada sebelumnya. Sekarang, filem kami berhenti dan menunggu seseorang mengklik butang. Ini kerana kami kini mengawal garis masa dengan ActionScript.
   
   

Simpan fail fla anda untuk tutorial seterusnya apabila kami akan mula bekerja pada separuh kedua animasi sampul surat.

Hak Cipta 2018 Adobe Systems Incorporated. Hak cipta terpelihara. Pukulan skrin produk Adobe (s) dicetak semula dengan kebenaran daripada Adobe Systems Incorporated. Adobe Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Elemen Premiere, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst and Flash Paper adalah sama ada [a] tanda dagangan berdaftar atau tanda dagangan Adobe Systems Incorporated di Amerika Syarikat dan / atau negara lain.

Arahan Video: Tutorial Membuat Effect Teks Ketik ( Typewriter Text ) - Adobe Premiere Pro (Mungkin 2024).