Animasi Transisi menggunakan TweenLite [ActionScript 3.0]

Banyak jenis dari animasi transisi yang tersedia dan dapat didownload gratis, misalnya Tweener, TweenLite, Tweensy, HidroTween, AdobeTween. Namun menurut perbandingan antara engine-engine tersebut, TweenLite /TweenMax yang memiliki performa paling tinggi (dapat dilihat di sini : http://blog.greensock.com/tweening-speed-test/).
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.
    bola
    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).
    instance name : bola_mc
    instance name : bola_mc
  • 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 :
    1import flash.events.MouseEvent;
    2import com.greensock.*;
    3import com.greensock.easing.*;
    4 
    5stage.addEventListener(MouseEvent.MOUSE_DOWN,onMouseClick);
    6 
    7function 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)
Efek yang dapat kita gunakan ada bermacam-macam, antara lain :

Elastic

1TweenLite.to(bola_mc, 1.5, {x:e.stageX, y:e.stageY, ease:Elastic.easeOut});   

Bounce

1TweenLite.to(bola_mc, 1.5, {x:e.stageX, y:e.stageY, ease:Bounce.easeOut});

Back

1TweenLite.to(bola_mc, 1.5, {x:e.stageX, y:e.stageY, ease:Back.easeOut});
dan masih banyak lagi yang lainnya dapat dilihat sendiri di sini : http://www.greensock.com/tweenlite/
Berikut source code sudah saya include-kan library dari tweenlite.
Download di SINI

Tidak ada komentar:

Recent Posts

KELUARGA JANGKANG

review jantakborneo.blogspot.com on alexa.com

Download Anime Manga Subtitle Indonesia

Be our Fan on Facebook

Our Partners

Logo Design by FlamingText.com
Logo Design by FlamingText.com
 

© 2010 RUDY PUTRA JOHAKNG All Rights Reserved Thesis WordPress Theme Converted into Blogger Template by Hack Tutors.info