Animasi Teks Efek Seperti Film The Matrix

Sebelumnya anda sudah mempelajari  tutorial “animasi efek twirl” (jika belum, coba dulu deh! :)). Nah, Tutorial Animasi efek yang kedua ini berhubungan dengan efek tulisan jatuh yang sering kita lihat pada film The Matrix Trilogy

Mungkin efek matrix ini sekarang udah terkesan jadul.  tapi buat “IGrafiser” yang penasaran pengen nyoba animasi efek ini, simak dan ikuti langkah-langkah di bawah ini :

Membuat Efek The MATRIX

1. Disini anda tidak perlu menggunakan Tool apapun untuk membuat animasi teks efek matriks ini. Cukup membuka panel action, bermain logika dan beberapa baris listing program actionscript. (oia, disini saya pake actionscript 3.0).

Buat dokumen baru di Program Flash

Buka panel properties, ubah warna background stage menjadi hitam.

Buka panel action, ketikan script di bawah ini:

var matrix:Array=new Array(); addEventListener(Event.ENTER_FRAME, onframe); for (var j:int=51; j>=1; j--) {                 //membuat objek teks dan menentukan jenis,ukuran,warna huruf                 var t:TextField=new TextField();                 var format:TextFormat = new TextFormat("Bookshelf Symbol 7",14,"0x00FF33");                 t.defaultTextFormat = format;                 //mengacak posisi huruf                 t.y = Math.random()*300;                 t.x=Math.random()*550;                 addChild(t);                 matrix.push(t); } function onframe(event:Event) {                 for (var i:int=1; i<=50; i++)                 {                                 //mengacak huruf yang tampil                                 var char:String = String.fromCharCode(Math.floor(Math.random() * 26) + 64);                                 matrix[i].text = String(char);                                 //mengatur transparansi dan efek jatuh                                 matrix[i].alpha = i / 50;                                 matrix[i].y +=5;                                 //jika objek keluar dari stage, maka kembali ke atas                                 if(matrix[i].y>400)                                 {                                                 matrix[i].y=0;                                 }                 }}

2. Selesai, jalankan program

Animas The Matrix
Catatan :
*) Jika ingin mengganti jenis huruf, cukup ganti "Bookshelf Symbol 7" dengan jenis huruf yang anda inginkan.
*) Jika karakter yang jatuh berupa angka biner (1 dan 0) ganti baris program di bawah ini:

var char:String = String.fromCharCode(Math.floor(Math.random() * 26) + 64);

Related Post