Flash Blur Preloader ActionScript 3.0

admin — Fri, 04 Dec 2009 19:58:48 +0000

Flash AS 3.0 Plerloader çalışmamızda blur,drop,glow efekti uygulayacağız. Sitede benzer çalışmalar olmasına rağmen tekrardan bir ders işlemek istedim. İlk olarak yeni bir çalışma sayfası açalım sayfamızın px değeri size kalmış kendi çalışmanıza göre uyarlayabilirsiniz.

2-Rectangle Tool aracı ile bir dikdörtgen oluşturalım dış çizgisi olmasın F8 movie clip yapalım name loader olsun.

3-Layer1 adını değişelim loader_bar olsun efekt vermek için properties panelden filters penceresini açalım drop,blur,glow efektleri verelim. İnstance name penceresine load_mc yazalım.

4-Yeni layer ekleyelim layer adı yazı olsun Text Tool aracı ile dynamic text oluşturalım. İnstance name penceresine load_txt yazalım.

5-Yeni layer ekleyelim layer adı sayfa olsun 1.frameyi boş bırakıp 2.frameye keyframe ekleyelim loading sonunda açılacak olan resmi ekleyelim.
6-Yeni layer ekleyelim layer adı action olsun 1.framede action penceresini açalım F9 ekli kodu ekleyelim.

//flash loader uygulama kodları www.photoders.com
stop();

this.loaderInfo.addEventListener(ProgressEvent.PROGRESS, onProgress);
this.loaderInfo.addEventListener(Event.COMPLETE, onComplete);

function onProgress(e:ProgressEvent):void
{
	var loaded:Number = e.target.bytesLoaded;
	var total:Number = e.target.bytesTotal;
	var pct:Number = loaded/total;
	load_mc.scaleX = pct;
	load_txt.text =(Math.round(pct * 100)) + "%";
}

function onComplete(e:Event):void
{
	nextFrame();
}

7-Çalışmamızı test edelim Ctrl+Enter
Çalışmayı tekrar,tekrar izlemek için test sayfası açık durumda view>simulate download veya Ctrl+Enter yaparak tekrar izleyebilirsiniz.

Bu Yazıyı Paylaşın

Flash Preloader Yapalım As-3.0

admin — Fri, 12 Jun 2009 21:07:15 +0000

Flash dersimizde Action Script 3.0 preloader yapalım. Yeni bir çalışma sayfası açalım 450×350 pixels bacground color siyah olsun frame rate 30fps olarak ayarlayalım. 3 adet layer ekleyelim.

2-text layer Dynamic Text oluşturalım instance name percent olarak yazalım.

3-Bar layer 1.framede 300×15 dikdörtgen oluşturalım renk olarak kırmızı olsun dış çizgisi olmasın F8 movie clip yapalım name mcBar olsun. Sahnede seçili durumdaki mcBar instance name kısmına bar yazalım.

4-Action layer gelelim actions paneli açalım F9 ekli kodu ekleyelim.

var loader:Loader = new Loader();
loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, progressHandler);
loader.contentLoaderInfo.addEventListener(Event.COMPLETE, completeHandler);
loader.load(new URLRequest("anasayfa.swf"));

function progressHandler(event:ProgressEvent):void
{
var ratio:Number = event.bytesLoaded / event.bytesTotal;
percent.text = Math.ceil(ratio*100).toString();
bar.scaleX = ratio;

}

function completeHandler(event:Event):void{
removeChild(percent);
removeChild(bar);
percent = null;
bar = null;
addChild(loader);
}

Yönlendireceğim sayfa için bir swf oluşturdum isim olarak anasayfa.swf verdim. Çalışmamızı test edelim Ctrl+Enter
FLA İndir

Çalışmayı İzle

Bu Yazıyı Paylaşın

photoders » Preloader

Flash Blur Preloader ActionScript 3.0

Flash Preloader Yapalım As-3.0