|
|
|
|
TweenLite Kullanımı
|
27.04.2009 11:58:25
|
|
TweenLite, Action Script ile animasyon yapan kişiler için büyük bir kolaylık. http://blog.greensock.com/tweenliteas3/ adresinden ulaşabileceğiniz kodlarda Action Script 2 ve Action Script 3 kodlarını download edebilirsiniz.
Peki TweenLite’ın size ne gibi kolaylıkları olabilir,
- tek satır’da nesnenize animasyon verebilirsiniz,
- tek satır olduğundan kod kalabalığı oluşturmayacaktır,
- animasyon bittikten sonra başka bir fonksiyona parametre göndererek tetikletebilirsiniz,
TweenLite’da kullanabileceğiniz başlıca kolaylıklar şunlardır,
- öncelikle yukarıda belirttiğim adresden as dosyalarını içeren klasörü download etmeniz gerekmektedir.
- download ettikten sonra as yada fla dosyanıza "import gs.TweenLite" şeklinde import edin.
- nesnemizin ismini "mc" olarak kabul edersek, TweenLite.to (mc, 1, {y:350, delay:1, ease:Strong.easeOut); yazdığımızda bunu şu şekilde okuyabilirsiniz; mc nesnesinin 1 sn sonra başlamak(delay) üzere 1 sn sürecek şekilde y değerinin 350 olmasını istiyorum. Buradaki Strong.easeOut animasyonun hareketlilik özelliğini belirtir bunun bir çok seçeneği vardır.
- TweenLite animasyonunu iki şekilde başlatabilirsiniz, TweenLite.to (şuan ki değerden 350’e kadar) ve TweenLite.from (350’den şuanki değere kadar)
- TweenLite.to (mc, 1, {y:350, delay:1, ease:Strong.easeOut,onStart:basla, onStartParams:[koordinat,yDeger]} ); buradaki onStart TweenLite satırınız çalışmaya başladığı zaman aktif hale gelmesini istediğiniz function ismini, onStartParams ise eğer parametre gerekli ise parametreleri burada belirtebilirsiniz.
- TweenLite.to(mc, 1, {y:350, delay:1, ease:Strong.easeOut, onComplete:basla, onCompleteParams:[koordinat,yDeger]}); buradaki onComplete TweenListe satırınızdaki işlem bittikten sonra yani 1 sn sonra başlayıp 1 sn sürdükten sonra (2 sn sonra) başlamasını istediğiniz function ismini, onCompleteParams ise eğer parametre gerekli ise parametreleri burada belirtebilirsiniz.
- TweenLite ’da kullanabileceğiniz nesne özellikleri;
- x
- y
- scaleX
- scaleY
- alpha
- rotation
- Nesnenizin (MovieClip’inizin) tint değerini değiştirmek için ise; TweenLite.to(mc, 1, {tint:0x3399ff}) belirtmeniz yeterli olacaktır.
daha ayrıntılı bilgi için http://www.greensock.com/as/docs/tween/
|
|
|
|
|
|