membuat preloader sederhana dengan actionscript3

Preloader adalah sebuah tampilan yang digunakan untuk menunjukan seberapa besar data yang kita hendak tempilkan sudah terloading oleh flash. preloader sudah banyak digunakan oleh para pembuat animasi dan program flash untuk berbagai keperluan. nah berikut akan coba saya shere bagaimana membuat preloader dengan sederhana menggunakan as3, berikut cara - caranya

1. buat sebuah document baru, tentunya dengan memilih new file(as3)

2. buat sebuah objek untuk preloadernya, kali ini saya menggunakan objek rectangle dengan kelengkungan sebesar 50.

3. kemudian konversi objek kotak yang kita buat tadi menjadi movie clip dengan menekan F8, dan atur nama dari movie clip nya bebas, terserah anda, kamudian atur registration nya menjadi di bagian kiri seperti gambar berikut

4.kemudian setelah itu, buat sebuah objek text, dan ganti typenya menjadi Dinamic Text kemudian beri nama terserah anda.

5. kemudian kita beralih ke timeline kita, sekarang kita berpindah ke frame berapapun yang anda inginkan(saya menggunakan frame ke 10), kita klik kanan pada frame ke 10, kemiduan pilih insert blank keyframe lalu letakkan gambar yang akan di simulasikan dengan preloader.

6. kemudian kembali ke frame 1, lalu tekan F9 untuk menuliskan code nya. tuliskan code berikut ini di flash anda

stop();
this.loaderInfo.addEventListener(Event.COMPLETE, selesaiLoading);
this.loaderInfo.addEventListener(ProgressEvent.PROGRESS, sedangLoading);
function sedangLoading(e:ProgressEvent):void {
 
    var prosentase:Number = (e.bytesLoaded / e.bytesTotal );
 
    loader_mc.scaleX = prosentase; 

    teks.text = Math.round(prosentase*100)+"%";
}
function selesaiLoading(e:Event):void {

    gotoAndStop(10);
}

berikut penjelasan script nya:

stop();//untuk memberhentikan animasi di frame tempat kita menaruh script 

this.loaderInfo.addEventListener(Event.COMPLETE, selesaiLoading);//memberi event complate kepada stage yang berguna untuk menunjukan saat gambar selesai di load

this.loaderInfo.addEventListener(ProgressEvent.PROGRESS, sedangLoading);//memberi event progres kepada stage yang berguna untuk menunjukan saat gambar sedang di load

function sedangLoading(e:ProgressEvent):void {//membuat sebuah fungsi dengan nama sedangLoading

var prosentase:Number = (e.bytesLoaded / e.bytesTotal );//membuat prosentase dengan rumus jumlah byte yang di load / jumlah byte total

loader_mc.scaleX = prosentase;
//membuat objek loader_mc menjadi besar secara bertahap(terscale) sesuai dengan jumlah prosentase yang telah selesai di load

teks.text = Math.round(prosentase*100)+"%";//mengisi text dengan prosentase, digunakan fungsi matematika yaitu Math.round untuk melakukan pembulatan ke bawah, yaitu pembulatan ke angka terdekat dibawahnya, kemudian dikalikan dengan 100 sehingga sama dengan 100% saat preloader selesai.

function selesaiLoading(e:Event):void { //membuat sebuah fungsi dengan nama selesaiLoading

gotoAndStop(10);//menuju ke frame ke 10, jika preloader selesai diproses

7. lalu jalankan dengan menekan CTRL+Enter, hasil yang terlihat akan seperti berikut.

nah kok gak keluar preloadernyaaaaaaaaa????????
tenang, jangan khawatir, preloader nya akan keluar dengan kita membuka menu View - Simulate Download

tara..............
sudah jadi deh...


nah sekian dulu dari saya, semoga bermanfaat