Kode Keyboard

ActionScript
ActionScript

Saya menerima pertanyaan, melalui email dan Facebook, dari sejumlah mahasiswa yang akan mengembangkan pakarTI (paket ajar berbasis Teknologi Informasi) menggunakan Adobe Flash. Salah satu pertanyaan yang mengemuka, “Bagaimana mengontrol animasi Flash menggunakan keyboard?”.

Diantaranya dari mahasiswa yang akan mengembangkan pakarTI bagi siswa tunanetra. Terus terang saya salut akan ke’peduli’annya, sehingga saya merelakan diri menjawabnya, dengan menulis tutorial ini, segera setelah menerima pesan sekalipun sudah tengah malam.

Disamping itu, ini merupakan suatu bentuk kepedulian saya karena telah “mengompori” (baca: memotivasi) mereka ketika mengajar matakuliah Algoritma Pemrograman dan Pembelajaran Berbantuan Komputer untuk membuat aplikasi menggunakan Flash. Pada sisi lain, saat ini saya tidak bisa membimbing mereka karena sedang tugas belajar.

Pada intinya, mengontrol animasi menggunakan keyboard, dapat dilakukan menggunakan: Key Event (Key Press Event) dan Key Object.

Key Press Event

Pertama, buat instance tombol. Anda dapat meletakkannya di dalam atau di luar stage, karena tombol ini hanya sebagai perantara.

Kedua, konversi menjadi simbol. Klik Insert | Convert to Symbol. Beri nama dan pastikan behavior-nya tombol (button).

Katiga, buka Windows | Library. Drag simbol tombol ke (dalam atau luar) stage.

Keempat, seleksi tombol, beri ActionScript, misal:

on (keyPress) "<Left>"){
    prevFrame ();
}

Kelima, Test Movie.

Key Object

Metode yang sering digunakan adalah isDown. Format skripnya:

Key.isDown(KodeKeyboard)

Penulisan kode keyboard dapat dilakukan dengan dua cara, yaitu:

Key.isDown(Key.ENTER)

atau

Key.isDown(13)
Sebagai contoh, ketika pengguna (user) mengklik tombol Enter, agar animasi dimainkan, gunakan skrip:
if (Key.isDown(Key.ENTER)){
    play();
}
Demikian tutorial mengontrol animasi menggunakan keyboard. Semoga bermanfaat.
Sebagai lampiran, berikut saya sertakan ringkasan kode  keyboard
Kode 

8

9

12

13

16

17

18

20

27

32

33

34

35

36

37

38

39

40

45

46

47

Tombol 

Backspace

Tab

Clear

Enter

Shift

Control

Alt

Caps Lock

Esc

Spacebar

Page Up

Page Down

End

Home

Left Arrow

Up Arrow

Right Arrow

Down Arrow

Insert

Delete

Help

[tweetmeme only_single=”false”]
Enhanced by Zemanta

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