Home / Unlabelled / Typewriter Effect dengan ActionScript 2.0

Typewriter Effect dengan ActionScript 2.0

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Posted by Unknown Rabu, 21 September 2011 0 komentar

Membuat efek animasi teks yang muncul huruf per huruf (seperti sedang ngetik) sampai menjadi sebuah paragraf dapat kita buat dengan menulis beberapa baris ActionScript. Siapkan terlebih dulu sebuah objek dynamic text dengan settingan multiline, font yg khas, dan nama variable ‘tulisan’. Setelah itu tuliskan script ini di frame utama:

var i:Number = 1; 
var tulisan:String; 
var tulisanFull:String = "Pemilik blog dengan tagline \"ikatlah ilmu dengan  memblogkannya\" ini mengucapkan terima kasih atas kunjungan anda hari ini,  selamat datang kembali di lain hari, dan jika berkenan silakan tinggalkan jejak  pada halaman Buku Tamu. Wassalam.\n\n\n-F4154LMAN-"; 
  
this.createEmptyMovieClip("mesinTik",  this.getNextHighestDepth());  
  
mesinTik.onEnterFrame =  function(){ 
    if (i <  tulisanFull.length) { 
        tulisan = tulisanFull.substring(0, i);  
        i++; 
    }  
    else {  
        tulisan = tulisanFull;  
        delete mesinTik.onEnterFrame;  
    }  
}

Kuncinya adalah pada fungsi substring() yang dieksekusi secara berulang sehuruf demi sehuruf hingga sebanyak jumlah huruf pada variable ‘tulisanFull’ (yg bertipe String) dengan kecepatan pengulangan sesuai settingan FPS (karena fungsi dijalankan setiap ‘onEnterFrame’) pada Flash movie yg dibuat.

Contoh hasil export .SWF dan source .FLA-nya bisa diunduh di http://www.box.net/shared/c0n9sc9nnq. Mungkin akan lebih baik lagi kalau ditambah sound effect mesin tik “tik..tik..tik..” (ceritanya typewriter SFX) cuman saya gak punya, silakan lah cari sendiri

TERIMA KASIH ATAS KUNJUNGAN SAUDARA

Judul: Typewriter Effect dengan ActionScript 2.0
Ditulis oleh Unknown
Rating Blog 5 dari 5

Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://cintafido.blogspot.com/2011/09/typewriter-effect-dengan-actionscript.html. Terima kasih sudah singgah membaca artikel ini.