Typewriter Effect dengan ActionScript 2.0

19Okt09

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

Filed under: ActionScript 2.0, Flash, Tutorial   |  5 Comments
Tags: Animasi Teks, Efek Animasi, Mesin Tik, Typewriter