Flash Önyükleme (Preloader) Yapma

Flash programını açdıktan sonra çalışma ekranımızda 2 tane KeyFrame oluşturuyoruz. Bunlardan birincisi bizim preloader yapacağımız kısım, ikincisi ise preloader bittikden sonra asıl görünmesini istediğimiz kısım.

preloader_01.jpg

Sayfamıza 2 tane KeyFrame ekledikden sonra birincisini seçerek, yükleme esnasında görünmesini istediğimiz nesneleri oluşturuyoruz. Örneğin bu loading bar olabilir veya yüzde sayacı koyabiliriz. Ben bu örnekde her ikisinide koyacağım isterseniz siz herhangi birini kullanabilirsiniz.

Şimdi sayfamızda görünmesini istediğimiz nesneleri oluşturalım. Öncelikle bir tane yuklemeBar adında movie klip oluşturup içerisine aşağıda gördüğümüz nesneleri ekleyelim.

preloader_2.jpg

Yukardaki sahnede gördüğünüz gibi 3 tane layer bulunmaktadır. Bunlardan birincisi sayfamız ne kadar yüklenmiş onu görmemizi sağlayan yüzde sayacı. İkincisi sayfamıza koyduğumuz yükleme barı, bu yükleme barıını oluşturduk ve üzerine masked layer ekledik ve motion tween vererek 100 birim uzattık. 100 birim uzatmamızın sebebi her yüklenen yüzdede loading bar ın o yüzdeye gitmesini sağlamak. Örneğin %35 oluduğunda 35. keyframe gitmesini sağlamak.

preloader_4.jpg

Yukarda gördüğümüz gibi sıra kod yazmaya geldi. Oluşturduğumuz yüklemeBar adılı movie klipi seçiyoruz ve klavyeden F9 tuşuna basarak kod yazacağımız ekranı açıyoruz. Aşağıda gördüğümüz kodu açılan sayfamıza ekliyoruz.

onClipEvent (load)
{
toplam = _root.getBytesTotal();
//Belgemizin toplam boyutunu bulmazı sağlar.
}
onClipEvent (enterFrame)
{
yuklenenDeger = _root.getBytesLoaded();
//Belgemizin ne kadar yüklendiğini hesaplar.
yuzde = int(yuklenenDeger / toplam * 100);
//Yüklenen kısmı yüzde cinsine çevirir
yuklenen = “% ” + yuzde ;
//Sonucu ekrana yazdırır
gotoAndStop(yuzde);
//Loading barın o andaki yüzde değerine gitmesini sağlar.
if (yuklenenDeger == toplam)
{
_root.gotoAndPlay(2);
//Yükleme işlemi bittiğinde gerçek göstermek
//istediğimiz ekrana yönlendirme yapılır.

}
}

Son olarak yukardan 2. keyframi seçerek görünmesini istediğimiz herhangi bir şeyi bu sayfamıza ekliyoruz. Son olarak unutulması gereken bu keyframelere stop(); kodunu eklemeyi unutmamak.

Örneğin Çalışır Halini Görmek İçin Tıklayınız.

Örneğin Son Halini İndirmek İçin Tıklayınız.

Etiketler:

Eğer yazıyı beğendiyseniz ya da ekleyecekleriniz varsa, lütfen yorumunuz yazın veya RSS aboneliği ile yeni yazılardan anında haberdar olun.

Yorumlar

Abi gayet açıklayıcı olmus eline saglik : )

Yorum Yazın

(gerekli)

(gerekli)