Membuat Slideshow Actionscript 3.0

  • Seperti biasa buat sebuah dokumen flash actionscript 3.0, simpan file dengan nama slideshowimage.fla
    Folder (klik untuk zoom)
    Folder (klik untuk zoom)
  • download gambar-gambar ini dan masukkan ke dalam 1 folder dengan slideshowimage.fla tersebut.
    1. gambar1.jpg
    2. gambar2.jpg
    3. gambar3.jpg
    4. gambar4.jpg
  • Kembali ke Adobe Flash, kemudian masukkan script berikut pada frame 1 layer 1, namun terlebih dahulu kita harus menyertakan library TweenLite seperti tutorial sebelumnya:
    01import com.greensock.TweenLite;
    02import com.greensock.easing.Quart;import flash.events.Event;
    03import flash.display.BitmapData;
    04import flash.utils.Timer;
    05import flash.events.TimerEvent;
    06 
    07//gambar-gambar yang akan dipanggil
    08var arrayURL = ["gambar1.jpg","gambar2.jpg","gambar3.jpg","gambar4.jpg"];
    09//counter gambar, digunakan sebagai pemilih gambar
    10var counterGambar = 0;
    11 
    12var loader:Loader = new Loader();
    13//menginisialisasi timer, waktu 5000 dalam milisekon
    14var timer:Timer = new Timer(5000,0);
    15timer.addEventListener(TimerEvent.TIMER,onTimerBerjalan);
    16timer.start();
    17 
    18//setiap timer berjalan, selalu memanggil gambar
    19function onTimerBerjalan(e:TimerEvent) {
    20    var request:URLRequest = new URLRequest(arrayURL[counterGambar]);
    21    loader.contentLoaderInfo.addEventListener(Event.COMPLETE, onLoadGambar);
    22    loader.load(request);
    23}
    24 
    25function onLoadGambar(e:Event) {
    26    //memecah bagian menjadi 10
    27    var lebarGambar = loader.width;
    28    var tinggiGambar = loader.height;
    29    var jumlah = 20;
    30    //membagi gambar menjadi 20, berdasar jumlah yang ditentukan
    31    var lebarTiapGambar = lebarGambar / jumlah;
    32    for (var i=0; i<jumlah; i++) {
    33        var bmd:BitmapData = new BitmapData(lebarGambar,tinggiGambar);
    34        bmd.draw(loader, null, null, null, new Rectangle(i*lebarTiapGambar, 0, lebarTiapGambar+1, tinggiGambar));
    35        var bmd2:BitmapData = new BitmapData(lebarTiapGambar + 1,tinggiGambar);
    36        //fungsi untuk mengcopy tiap piksel dari gambar
    37        bmd2.copyPixels(bmd, new Rectangle(i*lebarTiapGambar, 0, lebarTiapGambar+1, tinggiGambar), new Point(0, 0));
    38        var bm:Bitmap = new Bitmap(bmd2);
    39        //mengubah posisi gambar
    40        bm.x = i * lebarTiapGambar;
    41        bm.y = -200;
    42        //melakukan animasi transisi
    43        TweenLite.to(bm,1,{y:0, delay:i*0.05, ease:Quart.easeOut});
    44        //menambahkan ke stage
    45        addChild(bm);
    46    }
    47 
    48    //Menghapus pecahan gambar yang tidak terpakai
    49    if(numChildren==jumlah*4){
    50        for (var a=0; a<jumlah; a++) {
    51            removeChildAt(a);
    52        }
    53    }
    54 
    55    //meningkatkan counter
    56    //misal 0 -> 1 -> 2 -> 3 -> 0 -> 1 -> dst..
    57    counterGambar = (counterGambar+1)%arrayURL.length;
    58}
  • Test movie (Ctrl+Enter)

Membuat Slideshow Actionscript 3.0 Rating: 4.5 Diposkan Oleh: Catatanku