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 🙄

17 respons untuk ‘Typewriter Effect dengan ActionScript 2.0

  1. Asw.

    Gan, salam kenal. Kebetulan ane nyari ini gan lagi buat game RPG kecil2an. Tengkyu banget gan y 🙂

  2. 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 )

Foto Google

You are commenting using your Google 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 )

Connecting to %s