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 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 🙄

Iklan

17 thoughts on “Typewriter Effect dengan ActionScript 2.0

  1. Terima kasih mas, saya nyoba-nyoba beberapa tutorial blm berhasil samai nyoba cara ini. Singkat dan JOS 😀

    dan manteb bgt taglinenya!!

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s