Transitions Class ile Animasyon Teknikleri
Yazar : E.Altuğ YILMAZ
Blinds : numStrips (1 ile 50 arası bir değer) dimensions (Dikey : 0 , Yatay : 1) Fly : startPoint (1 ile 9 arası animasyonun başlama noktası) Iris : startPoint (1 işle 50 arası bir değer) şekil belirtme (Iris.CIRCLE veya Iris.SQUARE) PixelDissolve : xSections (1 ile 50 arası animasyon olacak yatay piksel miktarı) ySections (1 ile 50 arası animasyon olacak dikey piksel miktarı) Rotate : ccw (saat yönünün tersi dönmesi için ccw:true veya saat yönü için ccw:false) degrees (Dönüş miktarını belirleyen açı. 2 tur için 720 yazılır.) Squeeze : numStrips (Yatay için : 0 , Dikey için : 1) Wipe : numStrips (1 ile 9 arası animasyonun başlama noktası)
Merhaba arkadaşlar ;
Adobe Flash içerisindeki foto-galerilerimizde kullanabileceğimiz önemli bir class'tan bahsetmek istiyorum.Türkçe kaynak olarak Transitions Class üzerine yazı bulamadığımdan uzun uzun yazdım aslında çok basit bir konu olsada.
Actionscript 2.0 :
______________________________________________________________________________
import mx.transitions.*;
import mx.transitions.easing.*;
TransitionManager.start
(
foto1_mc,
{
type : Wipe ,
direction : Transition.IN ,
duration : 1 ,
easing : Bounce.easeOut
}
)
______________________________________________________________________________
Actionscript 3.0 :
______________________________________________________________________________
import fl.transitions.*;
import fl.transitions.easing.*;
TransitionManager.start
(
foto1_mc,
{
type : Wipe ,
direction : Transition.IN ,
duration : 1 ,
easing : Bounce.easeOut
}
)
______________________________________________________________________________
Yukarıdaki kod ile fotoğraflarınıza Transitions Class ile çeşitli efektler verebilirsiniz. Gelin satır satır açıklamaya çalışayım. İlk satırda kullanılcak Transitions Class'ını import ettiğimiz satır var.Devamındaki satırda TransitionManager ile bu efektin başlayacağını ve parametrelerini belirtiyoruz.
foto1_mc : Efektin atanacağı Movie Klip'in instance name'i.
type : Efekt tipi (Yukarıdaki diğer örneklere göz atabilirsiniz.)
direction : Transition.IN ile fotoğrafın ekrana gelmesi ve Transition.OUT ile gitmesi.
duration : Saniye bazlı animasyon süresi.
easing : Animasyonun ivme tipi ve değeri.
easing metodu için Tween Class'taki ile aynı ease metodlarını efekti değiştirmek için kombine edebiliyoruz.
______________________________________________________________________________
Back , Bounce, Circular, Cubic, Elastic, Exponential, Linear, Quadratic, Quartic, Quintic, ve Sine.
______________________________________________________________________________
Ve ease değer listesi :
______________________________________________________________________________
easeIn , easeOut , easeInOut , easeNone .
______________________________________________________________________________
Ek olarak bazı efektlerin kendilerine özel metodları var. Mesela puzzle efekti gibi parça parça ekrana gelen
Ek metodların kullanılışına örnek verecek olursak :
Actionscript 2.0 :
______________________________________________________________________________
import mx.transitions.*;
import mx.transitions.easing.*;
TransitionManager.start
(
foto1_mc,
{
type : Wipe ,
direction : Transition.IN ,
duration : 1 ,
numStrips : 20,
easing : Bounce.easeOut
}
)
______________________________________________________________________________
Actionscript 3.0 :
______________________________________________________________________________
import fl.transitions.*;
import fl.transitions.easing.*;
TransitionManager.start
(
foto1_mc,
{
type : Wipe ,
direction : Transition.IN ,
duration : 1 ,
numStrips : 20,
easing : Bounce.easeOut
}
)
______________________________________________________________________________
Makalenin başındaki örnek çalışmanın FLA dosyası için :
http://expression.web.tr/al2y/transition.fla
Faydalı olması dileğiyle....
11/7/09
hocam bunu yapamadım ben...flash iste içine çağrıdığım swf deki pencereye efekt cerim dedim olmadı...bunlara gerçekten çok ihtiyacım var özellikle benim hoşuma giden fly efekti...ayrıca bu örnek çalışmayı inceledim ama orada bu sizin yazdığınız kodları bulamadım?transition ile ilgili olanaları...teşekkürler...
11/7/09
Merhabalar ;
eğer dışarıdan çağırdığınız bir içerik için bu efekti uygulamak isterseniz mutlaka complete eventıyla başlatmanız gerekir.
AS 3.0 için loader nesnesiyle dışardan çağırılan objenin adı foto1 olsa :
foto1.addEventListener(Event.COMPLETE,yuklendi)
function yuklendi(e:Event)
{
import fl.transitions.*;
import fl.transitions.easing.*;
TransitionManager.start
(
foto1,
{
type : Wipe ,
direction : Transition.IN ,
duration : 1 ,
easing : Bounce.easeOut
}
)
}
şeklinde çalışıyor gerekli class ları import ederken en baş satırda bikez yaparsanız sadece transitionsı çalıştırırsınız.Kolay gels,n..
eay
12/7/09
hocam sizi anlayamadım ama öncelikle şunları belirteyim ben as 3.0 dan hiç anlamam as 2.0 bilgim de çok az...yani bunları ezbere yazabilirim ancak ne anladığımı sorarsanız pek fazla bişi anlayamıyorum...ayrıca ben bunu flash pencereye yapmak isteiyorum çnceki yorumda belirttiysem affola...teşekkürler ilgilendiğiniz için bu arada...
12/7/09
Merhabalar
çalışmanızın fla dosyasını ercanaltug@gmail.com atarsanız gerekli kodu ekleyebilirim.iyi çalışmalar...
13/7/09
gönderdim hocam ama bende öğrenmek istiyorum...