Tween Sınıfını Kullanarak Fareyi Takip Eden Obje Yapımı


İnternette gezerken flashla yapılmış birçok sitede fareyi takip eden objeler ya da farenin normal imleci yerine imleç olarak kullanılan farklı objeler görürüz. Bu tip animasyonların çoğu düz hareketler içerir. Ya direk farenin x ve y konumuna kilitlenmişlerdir ya da uygulama çalışmaya başladığı andan itibaren farenin x ve y konumuna göre düz bir şekilde hareket ederler. Düz hareketlerle yapıldıkları içinde genellikle ilgi çekmezler.


Bu tarz bir animasyon yapmak istiyorsak hareketleri biraz daha hoş hale getirmemiz gerekecektir. Hareketlere estetik katmak içinde Tween sınıfını kullanacağız. Uygulamaya başlamadan önce sahne üzerine fareyi takip edecek objeyi ekleyelim ce Movie Clip olarak sembole dönüştürelim. Instance Name kısmına da sembol_mc yazalım. F9 kısayol tuşu ile Actions panelini açalım ve aşağıdaki kodları yazalım.

//Gerekli sınıfları import ediyoruz.
import fl.transitions.Tween;
import fl.transitions.easing.*;

//Tween sınıfı kullanılarak yapılacak animasyonları belirliyoruz.
var xkonum:Tween =new Tween(sembol_mc, "x", Elastic.easeOut,sembol_mc.x,mouseX,250,true);
var ykonum:Tween =new Tween(sembol_mc, "y", Elastic.easeOut,sembol_mc.y,mouseY,250,true);

stage.addEventListener(Event.ENTER_FRAME, takip);
function takip(e:Event) {
    //Farenin konumu sürekli değişeceği için animasyondaki başlangıç noktasıda değişecektir.
    //Başlangıç noktasını her defasında değiştirerek oluşturduğumuz nesnelere gönderiyoruz.
    xkonum.begin = sembol_mc.x;
    xkonum.finish = mouseX;
    xkonum.resume();

    ykonum.begin = sembol_mc.y;
    ykonum.finish = mouseY;
    ykonum.resume();

}
Örnek çalışma dosyasını indirebilmek için siteye üye olmanız gerekmektedir. Siteye üye olmak için tıklayın.

, , , , ,

  1. #1 by hsntkn on 04 Aralık 2010 - 14:58

    Güzel ders. Teşekkürler

(yayınlanmayacak)

Login with Facebook:
 

Additional comments powered by BackType