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
saya sudah berhasil membuatnya di frame 195 , tetapi kenapa setelah test play mulai dari frame pertama ? mohon bantuanya
ReplyDeletehttp://warungflash.com/2009/11/hujan-riak/
ReplyDeletekalau yang ActionSrpit 3 bisa tidak mas ?
ReplyDelete