Membuat Animasi Mata Berkedip dengan AS3

Tutorial - 20 Jun 2012

Tutorial membuat animasi mata berkedip dengan actionscript 3.

Langkah 1

Siapkan gambar wajah dan mata yang sudah Anda desain. Untuk gambar mata buatlah menjadi 2 gambar, yaitu untuk mata yang terbuka dan tertutup. Kemudian mulailah membuka aplikasi flash, dan masukkan gambar yang sudah Anda desain tadi. Jangan lupa untuk mengconvert semua gambar tadi menjadi type Movie Clip.

Anda juga dapat menggunakan gambar yang sudah disertakan pada source diatas.

Langkah 2

Urutan :

1. Masukkan gambar wajah tanpa mata kedalam area dokumen.

wajah

2. Klik 2x pada gambar wajah tadi, dan masukkan gambar mata terbuka didalam layer baru.

mata terbuka

3. Kemudian klik 2x pada gambar mata. Tambahkan keyframe pada frame 80, diframe inilah gambar mata tertutup ditempatkan. Hapus gambar mata terbuka dan ganti menjadi gambar mata tertutup pada frame 80 serta tambahkan frame mata tertutup sebanyak yang Anda inginkan (misal 3 frame).

mata tertutup

Langkah 3

Masih pada movie clip mata, buatlah layer baru. Di layer inilah kita tempatkan actionscript untuk menjalankan animasi mata berkedip. Caranya klik kanan pada frame 1 layer actionscript kemudian pilih Action. Berikut syntaxnya :

gotoAndPlay(uint(Math.random()*totalFrames)+1);

Terakhir, jalankan animasi tersebut dengan menekan Ctrl + Enter.

Kreasi 2 Wajah