Tuesday 3 May 2011

Membuat Efek hujan Pada Flash

Kali ini saya akan berbagi pada teman-teman gimana caranya membuat efek hujan.. Efek hujan ini banyak kita temukan pada setiap animasi...caranya sangat sederhana banget., kamu hanya butuh ketelitian dalam penulisan atau memasukan Actionnya..karena pada pembuatan efek hujan ini kita membutuhkan action yang sangat panjang.. tampa belama-lama lagi, kita mulai aja membuat efek hujan tersebut..

Langkah 1
kita mulai membuka documen baru pada flash, untuk cara membuka documen baru pada flash pun telah saya tulis pada postingan saya kemarin. Seperti pada gambar dimawah ini :

Langkah 2
Pada menu properties Rubah warna background menjadi #000033.,
Langkah 3
Pada Frame 1 tekan F9 untuk membuka menu Action script dan ketikan Kode action di bawah ini/copy terus paste di menu Action script :

//membuat sebuah movie clip kosong yang berisi jatuh
_root.createEmptyMovieClip("jatuh", 1);
//mengatur width sama dengan width stage dikali 2.5
width = Stage.width*2.5;
with (jatuh) {
    //membuat garis
    lineStyle(1, 0xFFFFFF, 100);
    lineTo(2, 10);
}
//membuat variable i dengan nilai kurang dari 250
for (i=0; i<50; i++) {
    //duplikasi jatuh dengan nama baru garis_hujan+i
    duplicateMovieClip(jatuh, "garis_hujan"+i, 10+i);
    //posisi x garis_hujan sama dengan nilai acak panjang stage
    _root["garis_hujan"+i]._x = random(Stage.width);
    //posisi y garis_hujan sama dengan nilai acak lebar stage
    _root["garis_hujan"+i]._y = random(Stage.height);
    //nilai variable kecepatan garis hujan sama dengan nilai acak 30 ditambah 10
    _root["garis_hujan"+i].kecepatan = random(30)+10;
    //nilai alpha`garis hujan sama dengan nilai acak 80 ditambah 20
    _root["garis_hujan"+i]._alpha = random(80)+20;
}
onEnterFrame = function () {
    //membuat variable i dengan nilai kurang dari 250
    for (i=0; i<50; i++) {
        //posisi x garis hujan ditambah variable kecepatan
        _root["garis_hujan"+i]._y += _root["garis_hujan"+i].kecepatan;
        //posisi y garis hujan ditambah variable kecepatan yang dibagi 4
        _root["garis_hujan"+i]._x += _root["garis_hujan"+i].kecepatan/4;
        //jika posisi x garis hujan lebih dari panjang stage
        if (_root["garis_hujan"+i]._x>Stage.width) {
            //posisi x garis hujan berada di nilai acak width dikurangi panjang stage dibagi 2
            _root["garis_hujan"+i]._x = random(width)-Stage.width/2;
            //posisi y garis hujan berada di koordinat 0
            _root["garis_hujan"+i]._y = 0;
        }
        //jika posisi y garis hujan lebih dari lebar stage
        if (_root["garis_hujan"+i]._y>Stage.height) {
            //posisi y garis hujan berada di koordinat 0
            _root["garis_hujan"+i]._y = 0;
            //posisi x garis hujan berada di nilai acak width dikurangi panjang stage dibagi 2
            _root["garis_hujan"+i]._x = random(width)-Stage.width/2;
        }
    }
};

Langkah 4
Click pada tanda cekuen untuk lihat kesalahan pada actionnya.,
lihat gambarnya

jika benar maka akan ada tulisan "This script contains no errors". Tapi jika salah, kamu akan diberitahukan dimana letak kesalahan tersebut.

Langkah 5
Tekan CTRL+ENTER untuk melihat hasilnya..
Dowload file nya disini
http://www.ziddu.com/download/14838320/efekhujan.rar.html
Selamat Mencoba...

Item terkait lainnya tentang Flash



3 comments:

  1. saya sudah berhasil membuatnya di frame 195 , tetapi kenapa setelah test play mulai dari frame pertama ? mohon bantuanya

    ReplyDelete
  2. http://warungflash.com/2009/11/hujan-riak/

    ReplyDelete
  3. kalau yang ActionSrpit 3 bisa tidak mas ?

    ReplyDelete