Tutorial Swipe Flash CS6 AS3

Swipe Flash CS6 AS3

Swipe adalah efek yang diberikan untuk menggeser objek atau halaman.

Pada latihan berikut kita akan menggunakan cara langsung memberikan kode pada panel Actios dan menggunakan panel Code Snippets.

Persiapan

Selanjutnya kita coba buka Flash CS6.

• Buka Flah CS6
• Pada kotak dialoh Adobe Flash Professional CS6, klik AIR for Android.

• Jangan lupa pada Window Explorer buat folder Swipe.
• Pada menu File > klik Save.
• Selanjutnya simpan file kerja Flash dengan nama Swipe pada folder Swipe.
• Klik Selection Toll > klik pada area kerja.
• Pada panel Properties, pastikan;

·        Target: AIR 3.2 for Android

·        Script: ActionScript

·        Size: 480 x 800 

Menempatkan Gambar

Siapkan 2 buah gambar pada folder Swipe, yang akan digunakan untuk efek swipe/geser.

• Pada menu File > pilih Import > klik Import to Library.
• Pada kotak dialog Import to Library, pilih kedua gambar yang ada > klik Open.
• Buka panel Library untuk melihat hasil import.
• Seret/Drag gambar swipe1 ke area kerja
• Posisikan seperti gambar dibawah ini.

Selanjutnya kita akan menempatkan gambar swipe2 pada frame 2.

• Klik kanan pada frame 2 > pilih Insert Blank Keyframe.
• Posisikan gambar seperti berikut

Swipe Gambar

Pada tahap ini Anda akan memberikan efek swipe pada objek gambar.

• Klik frame 1 untuk mengaktifkan.
• Klik kanan pada gambar swipe1 > pilih Convert to Symbol.
• Pada kotak dialog Convert to Symbol tentukan:

Name        : mcSwipe1

Type         : Movie Clip

• Klik OK.
• Pada panel Properties > instance name : mcSwipe1.

• Pada menu Window > pilih Code Snippets.
• Pada panel Code Snippets > buka folder Timeline Navigation.
• Klik ganda pada Stop at this Frame.

Muncul layer Action dengan frame 1 berisi simbol @, sebagai tanda pada frame 1 berisi perintah stop.

Pastikan gambar Swipe1 dalam keadaan terpilih.

• Pada panel Code Snippets > buka folder Mobile Gesture Events.
• Klik ganda pada Swipe Event.
• Pada panel Action tampak kode seperti berikut (F9).

Mencoba Hasil Sementara

Pada tahap ini kita akan melihat efek swipe pada gambar.

• Pada menu Control > Test Movie.
• Pastikan Air Debug Launcher (Mobile) dalam keadaan terpilih.
• Klik Test (Ctrl+Enter)
• Pada panel Simulator > buka tab Touch And Gesture.
• Centang Touch layer > centang Swipe.

Gunakan kursor mouse untuk mengeser gambar pada panel device Swipe

Swipe Frame/Tampilan

Pada tahap sebelumnya Anda telah memberikan efek swipe pada objek gambar. Selanjutnya Anda akan memberikan efek swipe pada frame.

• Klik frame 1 untuk mengaktifkan.  
• Buka panel Code Snippets > buka folder Mobile Actions.
• Klik ganda pada Swipe to Go to Next/Previous Frame and Stop.
• Klik frame 2 untuk mengaktifkan.  
• Klik ganda pada Swipe to Go to Next/Previous Frame and Stop.
• Tekan Ctrl+Enter untuk mencoba hasil kerja.
• Pada panel Simulator > buka tab Touch And Gesture.
• Centang Touch layer > centang Swipe.

Gunakan kursor mouse untuk mengeser gambar pada panel device Swipe

Semoga Sukses!

Download file Fla.