Flash ActionScript 3 scaleY untuk Membuka Amplop

• Mungkin 3, 2024

Sekarang kami telah memprogram tutup amplop di Flash kami^R animasi muncul sepenuhnya terbuka di atas amplop ketika tombol cap diklik, kita perlu memperbaiki animasi untuk membuatnya tampak bahwa tutup perlahan-lahan terbuka. Kami akan melakukan ini dengan mengendalikan dua properti flap. Ingat, objek newFlap adalah variabel yang mereferensikan klip video FlapAni di Perpustakaan. Kami menggunakan var ini untuk membuat flap muncul di panggung.

Sebagai ulasan singkat, dalam tutorial terakhir, kami memprogram fungsi yang disebut openFlap untuk menambahkan objek newFlap ke Display List. Kami melakukan ini dengan kode addChild. Kami juga mengatur posisi awal untuk properti newFlap.x dan newFlap.y. Ini menempatkan bagian bawah tutup di tepi atas amplop. Seperti yang disebutkan sebelumnya, nilai Anda untuk posisi x dan y di atas panggung dapat bervariasi tergantung pada ukuran dan lokasi amplop Anda.

Hal pertama yang perlu kita lakukan adalah bereksperimen untuk menemukan nilai newFlap.y yang akan menempatkan flap di bawah tepi atas amplop, dan karenanya tidak terlihat di awal animasi. Faktanya, kami ingin titik lipatan segitiga berada tepat di bawah tepi atas amplop. Saat Anda bereksperimen, mungkin lebih mudah untuk memindahkan flap 100 piksel ke kanan dengan mengatur newFlap.x ke 300 (tambahan 100). Ini akan membuat lipatan terlihat sebagian di sisi kanan amplop. Setelah bereksperimen, saya menemukan bahwa nilai newFlap.y 200 adalah yang saya butuhkan. Ini adalah posisi awal baru kami untuk flap. Jangan lupa untuk mengembalikan nilai newFlap.x ke nilai aslinya sebelum melanjutkan ke langkah berikutnya.

1. Kita perlu mengubah kode yang ada dari tutorial terakhir untuk mencerminkan nilai newFlap.y baru kami yaitu 200. Uji film Anda setelah melakukan perubahan ini dan Anda tidak akan melihat flap ketika mengklik tombol stempel.
   
   newFlap.y = 200;
   
   Untuk animasi kami, kami ingin flap bergerak perlahan ke atas ke atas amplop. Pada saat yang sama, kita perlu membuat skala tutup terbuka dari nilai skala awal nol. Dengan memulai dengan skala yang disetel ke nol, kita dapat memperlambat skala flap hingga terbuka penuh. Nilai y akan menggerakkan flap ke atas tetapi itu adalah nilai skala yang akan membuat flap tampak terbuka.
   
   
2. Perubahan fungsi selanjutnya adalah penambahan kode yang akan mengatur scaleY menjadi nol dan meratakan flap.
   
   newFlap.scaleY = 0;
   
   Sekarang kita perlu mengerjakan bagian animasi yang akan membuka tutupnya. Ada beberapa cara untuk melakukan ini dengan ActionScript. Dalam tutorial ini, kita akan menggunakan Event Listener yang terpasang pada stage untuk menjalankan fungsi kedua yang akan kita sebut scaleFlap. Kami akan menempatkan fungsi kedua ini di dalam fungsi openFlap.
   
   
3. Di bawah kode scaleY, mari kita tambahkan Event Listener ke panggung. Inilah yang akan menjalankan fungsi scaleFlap.
   
   stage.addEventListener (Event.ENTER_FRAME, scaleFlap);
   
   
4. Selanjutnya, tambahkan fungsi kedua. Salin dan tempel kode ini ke dalam fungsi openFlap.
   
   function scaleFlap (event: Event): void
   {
   jika (newFlap.scaleY> = 1)
   {stage.removeEventListener (Event.ENTER_FRAME, scaleFlap); }
   lain
   {newFlap.scaleY + =. 05;
   newFlap.y - = 2.9;}
   }
   
   Mari kita periksa kodenya. Pernyataan if pertama akan memeriksa nilai scaleY untuk melihat apakah itu lebih besar atau sama dengan 1. Angka 1 mewakili nilai skala 100%). Jika kondisinya benar, kami akan menghapus Event Listener dan menghentikan animasinya.
   
   Jika kondisinya salah, kami akan melanjutkan animasi dengan meningkatkan nilai scaleY oleh 0,05 dan menggerakkan tutup ke atas dengan negatif 2,9. (Pada tahap Flash, kami bergerak ke atas dengan mengurangi nilai angka dari posisi Y.) Ini akan berlanjut dengan setiap bingkai baru sampai kondisi untuk pernyataan if benar.
   
   Sekali lagi, nilai-nilai angka ini mungkin berbeda untuk film Anda karena ukuran amplop Anda dan lokasi amplop Anda di atas panggung. Inilah animasi terakhir.

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 [adalah] merek dagang terdaftar [s] atau merek dagang [s] dari Adobe Systems Incorporated di Amerika Serikat dan / atau negara lain.