Movement Animation From Keyboard


Kalau kita pernah atau sering main game, kita pasti akan menggerakkan sebuah karakter melalui inputan dari keyboard.

Nah, kali ini saya akan mempraktekkan movement inputan dari keyboard sebuah objek dengan menggunakan macromedia flash.

Langsung aja rek..!!

1. Buka aplikasi macromedia flash

2. Buat 2 buah layer pada timeline. Hal ini berguna untuk menempatkan objek movieclip dan actionscriptnya. Beri nama masing2 layer dengan nama objek dan script (sprti pd gbr).

3. Selanjutnya, buat objek lingkaran menggunakan oval tool. Seleksi semua objek lingkaran tersebut dan jadikan symbol dengan cara pilih menu Modify, terus pilih convert to symbol atau juga klik kanan objek lingkaran, lalu pilih convert to symbol atau bisa cara lain yg g bertele2, tekan tombol F8 di keyboard untuk menjadikan symbol. Beri nama sesuka mu symbol tersebut, dan jangan lupa pilih type-nya movie clip.

4. Kemudian beri nama instance name-nya karakter_mc. Nama instance ini akan digunakan dalam pemrogramannya.

5. Masukkan actionscript pada layer “script”. Caranya klik layer tersebut kemudian tekan F9 pada keyboard untuk memunculkan panel actionscript:

  • Actionscript sbb :
    _root.onEnterFrame = function(){
    if(Key.isDown(Key.UP)){
    karakter_mc._y -=3;
    }else if(Key.isDown(Key.DOWN)){
    karakter_mc._y +=3;
    }else if(Key.isDown(Key.LEFT)){
    karakter_mc._x -=3;
    }else if(Key.isDown(Key.RIGHT)){
    karakter_mc._x +=3;
    }
    };

onEnterFrame adalah event dimana actionscript akan dijalankan berulang-ulang. Kecepatan pengulangannya tergantung berapa besar FPS frame rate dari file flash tersebut. Defaultnya sih 12 fps (frame per second). Tapi agar gerakan object lebih halus coba ganti dengan nilai 24 fps atau sesuai selera kamu😀

Pada actionscript diatas dapat dipahami bahwa ketika tombol-tombol panah pada keyboard ditekan, maka posisi sumbu x dan y dari movieClip tersebut akan ditambah dan dikurangi sesuai dengan tombol panah mana yang ditekan. Misal jika yang ditekan tombol panah atas (UP), maka posisi sumbu y dari movieClip “karakter_mc” akan dikurangi sebanyak 3. Karena actionscript tersebut dimasukkan ke dalam event onEnterFrame maka pengurangan sumbu y akan dilakukan berulang-ulang selama tombol panah atas (UP) masih ditekan. Akibatnya movieClip “karakter_mc” akan bergerak ke atas.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s