Membuat Autotext(Textwriter) dengan Flash - 1 - Syaiful Hamzah Nasution

MEMBUAT AUTOTEXT(TYPEWRITER) DENGAN FLASH

Pada tutorial ini akan dibuat slide yang terdiri dari gambar dan text. Text yang dibuat diberi animasi mengetik.
1. Buatlah dokumen baru dengan property sebagai berikut:

2. Ubah nama layer 1 menjadi background.
3. Pada layer background, buatlah desain seperti berikut:

4. Buat layer baru, kemudian ganti nama layer dengan teks.
5. Klik kanan frame 20 layer background, pilih insert keyframe.
6. klik kanan frame 1 layer background, pilih Create Motion Tween. Klik pada gambar, pada panel properti,
ganti color menjadi alpha dengan nilai 0%.

7. Klik kanan frame 20 layer teks, pilih insert keyframe.
8. Pada frame 20 layer teks, buat dynamic text dengan menggunakan text tool. Ubah instance name menjadi
deskripsi. Berikut properti dari dynamic text tersebut:
Membuat Autotext(Textwriter) dengan Flash - 2 - Syaiful Hamzah Nasution

Buat dynamic text lagi dengan menggunakan text tool. ubah instance name menjadi keterangan. Berikut
properti dari dynamic text tersebut:

9. Klik kanan frame 20 layer background, pilih actions. Kemudian ketikkan scrip berikut:

10. Buat layer baru, kemudian ubah nama menjadi script.
11. Klik kanan frame 20 layer script, pilih insert keyframe.
12. Klik kanan frame 20 layer script, pilih actions. Kemudian ketikkan script berikut:
var i:Number = 0;
var j:Number = 0;
var isiteks:String = "PYTHAGORAS\n\n Pythagoras adalah seorang
matematikawan dan filsuf Yunani yang paling dikenal melalui teoremanya.
Dikenal sebagai \"Bapak Bilangan\", Pythagoras memberikan sumbangan yang
penting terhadap filsafat dan ajaran keagamaan pada akhir abad ke-6 SM.
Kehidupan dan ajarannya tidak begitu jelas, akibat banyaknya legenda dan
kisah-kisah buatan mengenai dirinya.\n Salah satu peninggalan Pythagoras
yang terkenal adalah teorema Pythagoras yang menyatakan bahwa kuadrat
hipotenusa dari suatu segitiga siku-siku adalah sama dengan jumlah kuadrat
dari kaki-kakinya (sisi-sisi siku-sikunya).";
var isiteks2:String = "Catatan:\nArtikel ini dikutip dari laman:
http://id.wikipedia.org/wiki/Pythagoras";
function autoWrite(){
if(i<isiteks.length){
deskripsi.text = isiteks.substr(0,i)+"_";
i=i+1;
}
if(i==isiteks.length){
deskripsi.text = isiteks.substr(0,i);
i=i+1;
}
if(i>isiteks.length){
keterangan.text = isiteks2.substr(0,j);
j=j+1;
}
}
var writingInterval:Number=setInterval(autoWrite, 50);

Membuat Autotext(Textwriter) dengan Flash - 3 - Syaiful Hamzah Nasution
13. Perlu diperhatikan bahwa penulisan string isiteks harus satu baris. Demikian juga penulisan string isiteks2.
14. Jalankan flash dengan menekan tombol ctrl+enter.
Berikut hasilnya:
















Membuat Autotext(Textwriter) dengan Flash - 4 - Syaiful Hamzah Nasution