Select Your Language

Thursday, November 10, 2011

Membuat Effect Hujan

Categories:

Tutorial kali ini membahas cara membuat efek hujan. Ada beragam cara cara membuatnya diantaranya dengan menggunakan animasi tween. Tapi pada tutorial ini kita akan menggunakan actionscript untuk membuatnya.

1. Buatlah sebuah flash document.
2. Tekan Ctrl+F3, pada panel properties yang muncul ubah warna Background menjadi berkode #000033
3. Klik frame 1 dan tekan F9. Pada panel properties yang muncul masukkan script berikut :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
//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;
               }
        }
};
4. Tekan Ctrl+Enter untuk melihat hasilnya.

Spread The Love, Share Our Article

Related Posts

No Response to "Membuat Effect Hujan"

Post a Comment

Berkomentarlah Dengan Bijak