Kali ini kita akan membuat sebuah slideshow gambar. Gambar akan berganti secara otomatis dalam waktu yang sudah ditentukan. Gambar juga akan berganti jika anda menekan tombol 1 sampai 5 dan juga tombol next.
1. Buatlah sebuah flash document.
2. Buatlah sebuah persegi berukuran cukup besar berwarna putih dengan hitam sebagai warna garisnya. Buatlah sebuah static text bertuliskan Gambar 1. Letakkan static text ini di tengah tengah kotak yang anda buat.
3.
Seleksi kotak dan static text yang dibuat dan tekan F8. Pada panel yang muncul
masukkan gambar sebagai name dan movie clip sebagai type lalu tekan ok.
4.
Seleksi movie clip gambar dan tekan Ctrl+F3. Pada panel properties yang muncul
masukkan gambar sebagai instance name
5.
Klik kanan movie clip gambar dan pilih edit. Anda akan masuk ke dalam stage
movie clip gambar.
6.
Klik frame 1 dan tekan F9. Pada panel actions yang muncul masukkan script
berikut :
1
|
stop();
|
7.
Klik kanan frame 1 dan pilih copy frames. Klik kanan frame 2 dan pilih paste
frame. Klik kanan frame 3 dan pilih paste frame. Klik kanan frame 4 dan pilih
paste frame. Klik kanan frame 5 dan pilih paste frame.
8.
Ubah tulisan Gambar 1 pada static text di frame 2 menjadi Gambar 2. Ubah
tulisan Gambar 1 pada static text di frame 3 menjadi Gambar 3. Ubah
tulisan Gambar 1 pada static text di frame 4 menjadi Gambar 4. Ubah
tulisan Gambar 1 pada static text di frame 5 menjadi Gambar 5.
9. Tekan Ctrl+E untuk kembali ke stage scene 1. Buatlah
sebuah persegi berukuran kecil berwarna putih dengan hitam sebagai warna
garisnya. Seleksi persegi ini dan tekan F8.10. Pada panel yang muncul masukkan kotak sebagai name dan movie clip sebagai type lalu tekan ok. Seleksi movie clip kotak lalu tekan Ctrl+D sebanyak 5 kali sehingga di stage muncul movie clip kotak sebanyak 6 buah.
11. Buatlah 6 buah static text masing-masing bertuliskan 1, 2, 3, 4, 5, Next.
12. Letakkan 6 buah movie clip kotak tersebut seperti gambar di bawah ini. Ubah ukuran movie clip kotak menggunakan Free Transform Tool agar sesuai dengan gambar di bawah ini.
13. Masukkan instance name pada masing-masing movie clip kotak seperti gambar di bawah ini :
14.
Klik frame 1 dan 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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
|
//membuat
variable no dengan nilai 1
no = 1;
//membuat
variable waktu dengan nilai 0
waktu = 0;
//membuat
variable jumlah_frame dengan nilai 5
jumlah_frame = 5;
//membuat
variable i dengan nilai 1 sampai bernilai sesuai nilai variable jumlah_frame
for (i=1; i<=jumlah_frame; i++)
{
//nilai
variable id pada movie clip kotak+i sama dengan nilai pada variable i
_root["kotak"+i].id = i;
//ketika
movie clip kotak+i ditekan
_root["kotak"+i].onPress = function() {
//nilai
variable no sama dengan nilai variable id movie clip ini
no = this.id;
//ubah
nilai variable waktu menjadi 0
waktu = 0;
};
//ketika
kursor mouse berada di atas movie clip kotak+i
_root["kotak"+i].onRollOver
= function()
{
//mainkan
frame 2 movie clip ini
this.gotoAndStop(2);
};
//ketika
kursor mouse tidak berada di atas movie clip kotak+i
_root["kotak"+i].onRollOut =
function()
{
//jika
nilai variable id movie clip ini tidak sama dengan nilai variable no
if
(this.id != no) {
//mainkan frame 1 movie clip ini
this.gotoAndStop(1);
}
};
}
//perintah
yang dijalankan ketika frame pada movie clip gambar dimainkan
gambar.onEnterFrame = function() {
//nilai
variable waktu ditambah 1
waktu++;
//jika
nilai variable waktu sama dengan 1
if (waktu == 1) {
//membuat
variable i dengan nilai 1 sampai bernilai sesuai nilai variable jumlah_frame
for
(i=1; i<=jumlah_frame; i++)
{
//mainkan frame 1 movie clip kotak+i
_root["kotak"+i].gotoAndStop(1);
}
//mainkan
frame 2 movie clip kotak+no
_root["kotak"+no].gotoAndStop(2);
//ubah
nilai transparansi movie clip ini menjadi 0
this._alpha = 0;
}
//jika
nilai transparansi movie clip ini kurang dari 100
if (this._alpha<100) {
//nilai
tranparansi movie clip ini ditambah 5
this._alpha += 5;
}
//jika
variable waktu bernilai 80
if (waktu == 80) {
//jalankan
fungsi reset
reset();
//ubah
nilai transparansi movie clip ini menjadi 0
this._alpha = 0;
}
//mainkan
frame movie clip ini sesuai nilai variable no
this.gotoAndStop(no);
};
//ketika
movie clip kotak_next ditekan
kotak_next.onPress = function() {
//jalankan
fungsi reset
reset();
};
//ketika
kursor mouse berada di atas movie clip kotak_next
kotak_next.onRollOver = function() {
//mainkan
frame 2 movie clip ini
this.gotoAndStop(2);
};
//ketika
kursor mouse tidak berada di atas movie clip kotak_next
kotak_next.onRollOut = function() {
//mainkan
frame 1 movie clip ini
this.gotoAndStop(1);
};
//membuat
fungsi bernama reset
function reset() {
//nilai
variable no ditambah 1
no += 1;
//jika
nilai variable no lebih dari nilai variable jumlah_frame
if (no>jumlah_frame) {
//ubah
nilai variable no menjadi 1
no = 1;
}
//ubah
nilai variable waktu menjadi 0
waktu = 0;
}
|
15. Tekan Ctrl+Enter untuk melihat
hasilnya.
16. Anda dapat mengganti static text yang
terdapat pada movie clip gambar dengan gambar yang anda inginkan.
0 komentar:
Post a Comment