Swishmax Easing dan Movie Clip

Hello again.

Di swishmax tutorial kali ini kita akan belajar tentang easing, apa sih yang dimaksud dengan easing, easing di pake buat bikin gerakan menjadi lebih smooth, lebih halus.. ngga kaku. Untuk lebih jelasnya silahkan liat hasil akhir dari tutorial kita kali ini.

Lets start !!

1. Bikin file baru dengan ukuran ukuran width 300 pixels & height 150 pixels

2. Buatlah lingkaran dengan elips tool lalu grouping as movie clip (kalo belom tau caranya bikin movie clip lihat disini), copy – paste movie clip dan atur posisinya seperti dibawah ini, terus bikin juga text dan kasih bacaan “no easing” lalu grup as button (kalo belom tau caranya gruop as button lihat disini), copy – paste button dan atur posisinya seperti dibawah ini:

4. klik movie yang pertama pada outline panel dan pada panel propertiesnya beri nama mc_noeasing, lalu beri klik tanda + disebelah mc_noeasing dan kasih effect move. Lakukan hal sama untuk movie clip yang kedua tapi di jendela propertiesnya beri nama mc_easing, perhatiken baek2 gambar dibawah

5. klik button yang pertama (no easing), lalu buka jendela script-nya dan lalu tambahkan script dengan cara :

• “Add Script > Events > Button > On (rollover)”
• “Add script > movie control > Goto And Play > gotoandplay(FRAME) dan pada target field pilih mc_noeasing lalu pada go to frame field masukan angka 2
• “Add Script > Events > Button > On (rollout)”
• “Add script > movie control > Goto And Stop > gotoandstop(FRAME) dan pada target field pilih mc_noeasing lalu pada go to frame field masukan angka 1

pastikan scriptnya seperti ini :

on (rollOver) {
mc_noeasing.gotoAndPlay(2);
}
on (rollOut) {
mc_noeasing.gotoAndStop(1);
}

perhatiin lagi gambar dibawah ini, bikin yang sama ya

6. lakukan hal yang sama seperti langkah ke lima untuk button yang ke 2 (easing) hanya saja pada target pilih (mc_easing), dan pastikan hasil scriptnya sama seperti ini :

on (rollOver) {
mc_easing.gotoAndPlay(2);
}
on (rollOut) {
mc_easing.gotoAndStop(1);
}

7. sekarang kita akan menambahkan easing pada mc_easing. caranya :

• Klik tanda + pada mc_easing
• klik pada bar effect move sehingga tersorot menjadi biru
• klik effect panel dan pilih tab Easing dan masukan nilai seperti dibawah ini ini

8.selese deh! silahkan jalan movie anda.

penjelasan :

pada tutorial kali gw juga masukin tentang rollover event dan rollout, cara kerjanya gini :
on (rollOver) { >>> pada saat posisi mouse berada diatas (over) objek maka dia akan menjalankan script di dalamnya,
mc_noeasing.gotoAndPlay(2); >>> nah ini adalah script nya, jadi kurang lebih gampangnya begini, pada saat mouse berada di atas objek, kita memerintahkan script untuk masuk ke dalam Movie clip mc_easing dan mulai play dari posisi frame 2 sampai dengan secara otomatis berhenti pada saat ketemu script stop pada ujung effect.

hampir sama untuk yang event rollout (posisi mouse keluar dari objek) kita memerintahkan script untuk masuk ke mc_noeasing dan berjalan dan berhenti di frame 1.

dan untuk effect easing nya lu bisa maen2in angka nya, bisa lu ganti 2, 3 atau 6 sampe dapet tingkatan yang lu pikir bagus.

dari tutorial diatas kita bisa aja kembangkan menjadi kaya gini misalnya…

nothing is impossible with swishmax