ActionScript3 Tween Class - Elastik hareket & hareket noktaları kodlamak
Posted on Cuma, Mart 7th, 2008 at 11:47Not: (” Tırnak) işaretlerini kodlamada yeniden yazmanız gerekmektedir.
İlk olarak ana sahneye bir kutucuk çizin. Daha sonra bu kutucuğu seçerek F8 tuşuna basın. Gelen seçenekler içinden Film klibini işaretleyin ve isim yazarak onaylayın. Şimdi Film klibine dönüşmüş olan kutucuğu seçin ve Properties panelini açın. (Ctrl + F3) Durum adını(Instance name) hareketli_mc olarak belirleyin.
F9 ile ActionScript 3 kod panelini açıyoruz;
///////////// Kodlamalar buradan itibaren başlamıştır.
//Grekli Tween sınıflarını dışarıdan alıyoruz
import fl.transitions.Tween;
import fl.transitions.easing.*;
import fl.transitions.TweenEvent; /* yoyo(); ‘yu çalıştırmak için gerekli. Yani animasyona süreklilik kazandırmak için.. */
//Bir isim belirleyip Tween türünde değişken tanımlıyoruz
var baslat1Tween:Tween;
baslat1Tween = new Tween(hareketli_mc,”x”,Elastic.easeOut,0,(stage.stageWidth - hareketli_mc.width),2,true);
/* Burada hareketi tanımlıyoruz
[hareketli_mc](Film klibi durum adı(instance name),
[x](hareket biçimi; x ekseni değerlerini işle; width yada alpha da olabilirdi.. yani değerini etkileyebileceğiniz efekt türü..),
[Elastic.easeOut]( ve / In - İvmeler; Elastik. Eğer elastik animasyonu istemiyorsanız None.easeNone),
[0] (Harekete başlayacağı durumu; atadığımız özelliğe göre; width, alpha vs.. 0 pixel; en soldan başla),
[(stage.stageWidth - hareketli_mc.width](Hareketi bitireceği durum. Biz burada ekranın sağından hareketli_mc ‘nin enini çıkardık. Böylece film klibini en kenarada dayadık),
[2](hız; büyüdükçe katlanarak yavaşlar)
[true](Saniye olarak kulanımı açar. True olduğu ve 2 yazdığımız zaman hareketini 2 saniye içinde tamamlar.)
*/
//Yoyo fonksiyonu için yeni bir dinleyici tanımlamalıyız.
//Dinle.. hareket olayını, hareketin bitmesi olayı, film_bitti fonksiyonunu uygula
baslat1Tween.addEventListener(TweenEvent.MOTION_FINISH, film_bitti);
//Film_bitti fonksiyonunu tanımlıyoruz
function film_bitti(event:TweenEvent):void {
//Baslat1Tween hareketi her bittiğinde yoyo ile hareketi yeniliyoruz.
baslat1Tween.yoyo();
}
/* www.mehmetoglu.org | FlashCS3 & As3 Blog..
Çalışan flash animasyonu: www.mehmetoglu.org/as3_dersler/as3_tween_class_salinma.swf
Çalışan proje dosyası: www.mehmetoglu.org/as3_dersler/as3_tween_class_salinma.fla
*/
6 Yorum yazılmış
Yazmayan ölsün..