Untuk dapat mendownload TweenLite, kita dapat mendownloadnya di sini : http://www.greensock.com/as/greensock-as3.zip
Sekarang mari kita coba membuat animasi transisi dengan menggunakan transisi dan tanpa menggunakan Motion Tween. Ikuti langkah-langkah berikut :
- Buat sebuah dokumen flash Actionscript 3.0
- Sekarang buat sebuah objek, misalkan sebuah bola.
- Masih dalam keadaan bola terseleksi, ubah menjadi movieclip dengan menekan F8, klik OK.
- Ketikkan instance namenya menjadi bola_mc pada panel properties (dengan menekan Ctrl+F3).
- Setelah itu, kita akan menuju ke actionscript. Klik pada frame 1 layer 1, kemudian tekan F9 untuk menampilkan panel Actions – Frame. Kali ini kita akan memberikan event saat stage di-klik, kemudian bola berpindah. Ketikkan script berikut :
1
import
flash.events.MouseEvent;
2
import
com.greensock.*;
3
import
com.greensock.easing.*;
4
5
stage.addEventListener(MouseEvent.MOUSE_DOWN,onMouseClick);
6
7
function onMouseClick(e:MouseEvent){
8
TweenLite.to(bola_mc,
1.5
, {x:e.stageX, y:e.stageY, ease:Elastic.easeOut});
9
}
- Sekarang test movie (Ctrl+Enter)
Elastic
1 | TweenLite.to(bola_mc, 1.5 , {x:e.stageX, y:e.stageY, ease:Elastic.easeOut}); | | | |
Bounce
1 | TweenLite.to(bola_mc, 1.5 , {x:e.stageX, y:e.stageY, ease:Bounce.easeOut}); |
Back
1 | TweenLite.to(bola_mc, 1.5 , {x:e.stageX, y:e.stageY, ease:Back.easeOut}); |
Berikut source code sudah saya include-kan library dari tweenlite.
Download di SINI
Tidak ada komentar:
Posting Komentar