Senin, 11 Maret 2013

Kalimat Per Huruf (Flash)


Kali ini kita akan membuat kalimat muncul per huruf. Jadi nantinya akan muncul huruf-huruf di stage sesuai kalimat yang sudah ditentukan. Huruf-huruf tersebut muncul berdasarkan waktu yang telah ditentukan. Kalimat yang digunakan serta kecepatan huruf yang muncul dapat anda atur melalui script pada tutorial ini.
1. Buatlah sebuah flash document.
2. Buatlah sebuah dynamic text seperti gambar di bawah ini :
dynamic text
3. Seleksi dynamic text tersebut dan tekan Ctrl+F3. Pada panel properties yang muncul masukkankalimatTampil sebagai Var, nonaktifkan tombol selectable dan aktifkan tombol align left.
4. Buatlah sebuah dynamic text bertuliskan Ulangi. Seleksi dyanmic text ini dan pada panel propertiesnonaktifkan tombol selectable dan aktifkan tombol show border around text.
5. Pastikan anda masih menyeleksi dynamic text bertuliskan Ulangi lalu tekanlah F8. Pada panel yang muncul masukkan ulangi_btn sebagai name dan button sebagai type lalu tekan ok.
6. Seleksi button ulangi_btn di stage kemudian pada panel properties masukkan ulangi_btn sebagai instance name.
7. Atur letak objek yang dibuat tadi seperti gambar di bawah ini :
tampilan frame 1
8. Klik frame 1 dan tekan F9. Pada panel actions 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
//membuat variable kalimatTotal berisi Selamat pagi,"+newline+"Bagaimana kabar anda?"+newline+"Apakah sudah sarapan?
//newline digunakan untuk membuat kalimat tampil di bawah kalimat sebelumnya (seakan-akan anda menekan tombol enter)
//nilai di dalam variable kalimatTotal tersebut dapat anda ubah sesuai keinginan
//anda dapat menghilangkan +newline+ jika tidak dibutuhkan
kalimatTotal = "Selamat pagi,"+newline+"Bagaimana kabar anda?"+newline+"Apakah sudah sarapan?";
//membuat variable detik dan mili dengan masing-masing bernilai 0
mili = 0;
detik = 0;
//membuat variable jumlahHuruf dengan nilai sama dengan nilai jumlah huruf yang terdapat pada variable kalimatTotal
jumlahHuruf = kalimatTotal.length;
//perintah yang dijalankan ketika frame ini dimainkan
onEnterFrame = function () {
 //variable mili ditambah 1
 mili++;
 //digunakan untuk mengatur kecepatan munculnya huruf
 //jika variable mili bernilai 4 dan nilai variable detik kurang dari nilai variable jumlahHuruf
 //untuk mengubah kecepatannya silahkan ubah angka 4 pada mili == 4 sesuai keingainan anda misalnya 7
 //semakin besar nilai pada mili == 4 maka semakin lambat munculnya huruf
 if (mili == 5 && detik<jumlahHuruf) {
  //ubah nilai variable mili menjadi 0
  mili = 0;
  //ubah nilai variable detik menjadi 1
  detik += 1;
 }
 //tampilkan huruf pada variable kalimatTotal pada dynamic text kalimatTampil sesuai nilai variable detik   
 kalimatTampil = kalimatTotal.substring(kalimatTotal, detik);
};
//ketika button ulangi_btn ditekan
ulangi_btn.onPress = function() {
 //kosongkan dynamic text kalimatTampil
 kalimatTampil = "";
 //ubah nilai variable mili menjadi 0
 mili = 0;
 //ubah nilai variable detik menjadi 0
 detik = 0;
};
9. Tekan Ctrl+Enter untuk melihat hasilnya.
Sourcenya dapat di download di sini

Tidak ada komentar:

Posting Komentar