Flash As3 Tween Kullanımı

Adobe Flash As3 kullanarak Tween yapımı:

Action Script mc kaydırma kodunun çalışması için öncelikle kütüphaneleri yüklememiz gerekiyor. Ardından As3 Tween kodları kullanıyoruz.

//üst satırda bu kodlar sabit:
import fl.transitions.TweenEvent;
import fl.transitions.Tween;
import fl.transitions.easing.*;

var myTween1 = new Tween(mc,"alpha",Strong.easeOut,1,0,3,true);
//bu satır mc instanceName li bir MovieClip in alpha(transparanlık) değerini 1 den 0 a düşürüyor 3 hızında bu işlemi gerçekleştiriyor. Mc yavaşca yok oluyor.

var myTween2 = new Tween(mc,"y",Strong.easeOut,mc.y,140,2,true);
//bu satır ise yine mc yi bulunduğu y pozisyonundan (mc.y değeri) 140 a götürüyor 2 hızında. Mc 140 a doğru kayıyor.

Tween Kullanımına örnek:

import fl.transitions.TweenEvent;
import fl.transitions.Tween;
import fl.transitions.easing.*;
import flash.events.MouseEvent;

var myTweenx = new Tween(mc,"y",Strong.easeOut,mc.y,140,2,true);// ilk konumunu hareketlendiriyor

mc.addEventListener(MouseEvent.MOUSE_OVER,over);// üzerine gelince
function over(event:MouseEvent):void{
 var myTweenx = new Tween(mc,"y",Strong.easeOut,mc.y,15,1,true);
 }
mc.addEventListener(MouseEvent.MOUSE_OUT,out);// mouse üzerinden çekince
function out(event:MouseEvent):void{
 var myTweenx = new Tween(mc,"y",Strong.easeOut,mc.y,140,1,true);
 }

As3 Tween Kodlar içerisindeki Strong'u Elastic yaptığımızda hareketlenme değişir aşağıdaki örnekte göreceğiniz üzre.

As3 Tween Sınıfı farklı özellikleri:

Back: Hareket hızlı bir şekilde başlar, bitiş noktasını geçtikten sonra bitiş noktasına döner.

Bounce: Nesne özelliğinin verilen değer üzerinden sıçramasını sağlar. Örnek olarak top zıplatma animasyonu gösterilebilir.

Elastic: Hareketlerin elastik bir şekilde yapılmasını sağlar. Nesne önce bitiş noktasını geçer, sonra geri gelir, belirlenen süreye göre bu işleme devam eder ve belirlenen noktaya gelir.

None: Adındanda anlaşılacağı gibi herhangi bir hareket uygulamadan animasyonun normal şekilde devam eder.

Regular: Belirli bir ivme uygular.

Strong: Regular sınıfına benzer bir yapısı vardır fakat hareketler daha serttir.

As3 Tween Sınıfı yapıları ile birlikte aşağıdaki 3 özellikten biri kullanılabilir.

easeIn: Hareketin başlangıç noktasında yapılmasını sağlar.

easeInOut: Hareketin hem başlangıç hem bitiş noktasında yapılmasını sağlar.

esaseOut: Hareketin bitiş noktasında yapılmasını sağlar.

As3 Tween sınıfını kontrol etmek için aşağıdaki metotları kullanabiliriz.

MyTween.stop(); : Animasyonu durdurmaya yarar.

MyTween.resume(); : Durdurulan animasyonun kaldığı yerden devam etmesini sağlar.

MyTween.start(); : Durdurulan animasyonu baştan başlatmaya yarar.

MyTween.fforward(); : Aniamsyondan bitirmek istersek bu metodu kullanabiliriz.

MyTween.yoyo(); : Sıkılırda animasyonu tersten oynatmak istersek bu metodu kullanabiliriz.

As3 ile nasıl Tween yapılır, As3 kullanarak tween hareketi kodu nasıl yazılır bunları öğrenmiş olduk. Ve jQuery ile de yukarıdaki örnekler gibi hızlıca esnek hareketli çalışmalar yapabilirsiniz konu linki: http://www.limitsizbilgi.com/jquery-hareketli-div-yapimi.html

Flash As3 ile Tween bitiminde işlem yaptırmakla ilgili örnek Linki: http://www.limitsizbilgi.com/as3-tween-top-ziplatma-saydirma-oynatma-hareketi.html

Konu (43) ile ilgili admin @ limitsizbilgi.com adresine E-mail gönderebilirsiniz. İsa Şahintürk