FLASH CS5 VE AS3.O İle PreLoader Yapımı

Merhaba,

Flash cs 5 ve actionscript 3.0 ile bir grafikli preloader yapımını ele alacağız.

Umarım faydalı olur.

EMRAH KOZAN

BİLGE ADAM BİLİŞİM AKADEMİSİ

WEB &GRAFİK EĞİTMENİ

1-Öncelikle flash cs5 ile timeline üzerinde dört adet katman açıp bu katmanlara sırasıyla,kod,loader,yuzde ve resim ismlerini veriyoruz.

 

2-Loader layerının birinci frame üzerinde bir rectangle primative tool ile yükleme çubuğu yani bar çiziyoruz.

ve bu çubuğu seçip modify menusunden convert to symbol seçeneği ile bir movie clip nesnesine çevirip registration pointi sol tarafa alıyoruz.bar_mc ismi verdiğimiz bu movie clipe properties panelinden “bar_mc” adında bir instance name verip devam ediyoruz.

 

3-Yuzde layerı üzerine ise bir statik text ile ” yuklenen%” yazısı oluşturuyoruz.

birtanede boş dynamic text alanı ekliyoruz.Dynamic text alanını seçip properties panelinden instance name alanına “txt_yuzde” adını veriyoruz.

4.Resim layerının ikinci framine bir key frame açarak file-import-import to stage seçenekleri ile dışarıdan sahnemize bir resim alıyoruz.Ancak resmin resim katmanında ikinci keyframede olmasına dikakt edelim.

Animasyonumuz yükleme işlemi bitene kadar birinci framede kalacak işlem bittiğinde ikinci keyframe gidecek ve duracaktır.Böylelikle resim yükleme işlemi bittiğinde resmimizi sahnede görüntülemiş olacağız.

 

5.Şimdi kod katmanında birinci keyframe üzerinde f9 ‘a basarak kod alanımızı açalım ve aşğıdaki action script kodlarımızı yazalım.

addEventListener(Event.ENTER_FRAME,yukle);
function yukle(e:Event):void
{
var toplamboyut:Number = stage.loaderInfo.bytesTotal;
/*toplam boyut adında bir değişken tanımladım ve toplam boyutu çağırdım*/
var yuklenenboyut:Number = stage.loaderInfo.bytesLoaded;
/*yuklenen boyut adındaki değikenede sahneye şu anda yüklenen değeri atadım*/
var yuzdeYuklenen:Number = Math.floor(yuklenenboyut/toplamboyut*100);
/*yuzde yuklnene değişkenine ise sahneye yüklenen boyutun yüzde değerini atadım*/

if(yuklenenboyut==toplamboyut)
/*if karar yapısı ile yukleme işlemi bitip bitmediğini denetledim.yükleme işlemi bittiğinde
2.frame git ve oyna diyerek resmin sahnede görüntülenmesini sağladım*/
{
removeEventListener(Event.ENTER_FRAME,yukle);
gotoAndPlay(2);
}
else
/*yukleme işlemi bitmediğinde yani devam ederken..animasyonu ilgili framede durdurup sahnedeki animasyonun
devam etmesin sağlayarak…text içerisisine yukarda elde ettiğim yuzde yüklenen değerini atadım*/
{
stop();
txt_yuzde.text = String(yuzdeYuklenen);
bar_mc.width=yuzdeYuklenen*2;
/*bar mc adlı loader çubuğumun boyutuna göre yüklene değeri ayarladım yani 200 yaptım bunuda bar mcnin
width değeri olarak atadım*/
}
}

6.Son olarakta resim katmanımızın ikinci keyframi için “stop();” kodunu yazalım.

7.Artık ctrl+enter tuşlarını kullanarak animasyonumuzu ön izleyebiliriz.

8.Ön izlerken wiev menusunden simulate to download seçeneklerini seçelim ve animasyonumuzun herhangi bir internet hızından nasıl yükleneceğinin simulasyonunu görmüş olalım.

ANİMASYONUMUZUN ÇALIŞMA ŞEKLİNİ BU ŞEKİLDE GÖRÜNTÜLEYEBİLİRİZ…

EMRAH KOZAN

BİLGE ADAM BİLİŞİM AKADEMİSİ

ANTALYA ŞUBE WEB GRAFİK EĞİTMENİ

HER HAKKI SAKLIDIR..İZİNSİZ KOPYALANIP DAĞITILAMAZ…!

TEMMUZ 2011

3 Responses to “FLASH CS5 VE AS3.O İle PreLoader Yapımı

  • burası gercekten super oldu tesekkurler hocam :) sadece biz değil herkes yararlanabilecek..

  • Baktıklarım arasında en pratik ve sağlıklı olan preloader buydu… Teşekkürler

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

*

Şu HTML etiketlerini ve özelliklerini kullanabilirsiniz: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>