Typewriter Effect dengan ActionScript 2.0


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;
	}
}

ngetik sendiri

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 Lanjutkan membaca “Typewriter Effect dengan ActionScript 2.0”