1. Anasayfa
  2. ActionScript

ActionScript Dersleri – ActionScript İle Animasyon (Blinds, Fade, Fly)


0

Önceki iki dersimizde actionscript ile animasyon için gerekli olan parametrelerin neler olduğunu ve nasıl kullanıldıklarını örneklerle açıklamıştık isterseniz buradan bakabilirsiniz… ActionScript Dersleri – ActionScript İle Animasyon 2ActionScript Dersleri – ActionScript İle Animasyon
Şimdi sıra geldi animasyonlarda kullanabileceğimiz efekt çeşitlerine ilk göreceğimiz özellik Blinds nesneye panjur efekti veriyor nasıl diyorsanız aşağıdaki uygulamada yer alan butonlara basarak çalışmasını görebilirsiniz..


iyide bu animasyonu nasıl yapacaz diyorsanız hemen anlatmaya çalışayım
1-Sahneye bir resim ekle
2-Film Klibi Yap
3-Örnek adını logo yap
4-Bileşenlerden iki tane buton ekle
5-Örnek İsimlerini buton ve buton1 yap
6-F9 bas kod kısmına

import fl.transitions.*;
import fl.transitions.easing.*; 
buton.addEventListener(MouseEvent.CLICK,animasyon);
var myTM:TransitionManager = new TransitionManager(logo);
function animasyon(event:MouseEvent):void
{
myTM.startTransition({type:Blinds,direction:Transition.OUT, duration:3, easing:None.easeOut,
 numStrips:20, dimension:1});//www.bilisimogretmeni.com
}
buton1.addEventListener(MouseEvent.CLICK,animasyon1);
function animasyon1(event:MouseEvent):void
{
myTM.startTransition({type:Blinds,direction:Transition.OUT, duration:3, easing:None.easeOut,
numStrips:5, dimension:0});//www.bilisimogretmeni.com
}

yaz burada animasyonu gerçekleştiren kod myTM.startTransition({type:Blinds,direction:Transition.OUT, duration:3, easing:None.easeOut, numStrips:5, dimension:0});
parça parça açıklayalım type:Blinds Panjur efekti ver, direction:Transition.OUT yönlendirmesi sahneden çıkış, duration:3 3 saniye sürecek, numStrips:5 5 parçaya böl, dimension:0 yatay olarak parçalar dimension 1 olursa dikey parçalar.

İkinci efektimiz olan Fade efekti nesnenin resnginin solgunlaşmasını veya belirmesini sağlar. İki parametresi var Fade In ve Fade Out kullanım şekli ve örnek aşağıda


Öreğimizin çalışan hali aşağıda işlem basamakları diğeri ile aynı farklı olarak kodlarımızı yazıyoruz.

import fl.transitions.*;
import fl.transitions.easing.*; 
buton.addEventListener(MouseEvent.CLICK,animasyon);
var myTM:TransitionManager = new TransitionManager(logo);
function animasyon(event:MouseEvent):void
{
myTM.startTransition({type:Fade, direction:Transition.OUT, duration:3, easing:Strong.easeOut});
}//www.bilisimogretmeni.com
buton1.addEventListener(MouseEvent.CLICK,animasyon1);
function animasyon1(event:MouseEvent):void
{
myTM.startTransition({type:Fade, direction:Transition.IN, duration:3, easing:Strong.easeIn});
}//www.bilisimogretmeni.com

Üçüncü Efektimiz olan Fly efekti nesnesaye uçuş animasyonu ekler startPoint parametresini alır bu parametrenin alabileceği değerler
1 = Top Left
2 = Top Center
3 = Top Right
4 = Left Center
5 = NA
6 = Right Center
7 = Bottom Left
8 = Bottom Center
9 = Bottom Right
Örnek Kodlarımız ve uygulamamız:

import fl.transitions.*;
import fl.transitions.easing.*; 
buton.addEventListener(MouseEvent.CLICK,animasyon);
var myTM:TransitionManager = new TransitionManager(logo);
function animasyon(event:MouseEvent):void
{
	myTM.startTransition({type:Fly, direction:Transition.OUT,
					 duration:3, easing:Strong.easeOut,
					 startPoint:2});
}

buton1.addEventListener(MouseEvent.CLICK,animasyon1);
function animasyon1(event:MouseEvent):void
{
myTM.startTransition({type:Fly, direction:Transition.IN,
					 duration:3, 
					 easing:Strong.easeOut, startPoint:9});
}

Bu İçeriğe Tepkin Ne Oldu?
  • 0
    ba_ar_l_
    Başarılı
  • 0
    gayet_yi
    Gayet İyi
  • 0
    te_ekk_rler
    Teşekkürler
  • 0
    anlamad_m
    Anlamadım
  • 0
    yetersiz
    Yetersiz
Subscribe
Bildir
guest

This site uses Akismet to reduce spam. Learn how your comment data is processed.

0 Yorum
Inline Feedbacks
View all comments