Animasi Typing Text

Mungkin anda yang suka main-main dengan slide presentasi power point sering melihat efek animasi “typing text”.  Typing Text merupakan animasi teks yang memunculkan huruf demi huruf seakan-akan tulisan tersebut sedang di ketik.  Tutorial kali ini, saya akan mencoba membuat animasi typing text dengan menggunakan action script yang cukup sederhana.

http://www.miqbal05.blogspot.com/

1.  Buat dokumen baru action script

2.  Ubah warna stage menjadi warna hitam dengan masuk ke panel properties.

3.  Aktifkan Text Tool (T), buat sebuah Teks Area dengan type Dynamic Text. Pada bagian instance name, beri nama “display”. Pada bagian Line Type, pilih Multiline. Lebih jelasnya lihat gambar di bawah ini :

4.  Buka panel action, kemudian ketikan script berikut:

                           var myTeks:String="Masukan kata-kata anda di sini";

                           var myArray:Array=myTeks.split("");

                           addEventListener(Event.ENTER_FRAME, teksLoop);

                           function teksLoop(event:Event)

                                {

                                          if(myArray.length>0)

                                {

                                          display.appendText(myArray.shift());

                                 }

                                           else

                                 {

                                           removeEventListener(Event.ENTER_FRAME, teksLoop);

                          }

                          }

6.  Jalankan Movie. Maka hasilnya seperti berikut:

This movie requires Flash Player 9

Mudahkan! 

Untuk mengatur cepat atau lambatnya animasi teks, anda tinggal mengatur kecepatan frame di panel properties pada bagian Frame rate.

Kunjungi Juga Blog pengalamanku05.blogspot.com