Membuat Virtual Keyboard dengan Actionscript

Bagaimana Cara Membuat Virtual Keyboard ?


Masih dengan actionscript 2.0, kali tentang bagaimana membuat “Virtual Keyboard” dengan Adobe Flash cs 6. Jika Anda seorang pengembang untuk game, maka virtual keyboard ini sangat di perlukan untuk membuat game kuis, game tebak gambar, dan sebagainya.

Berikut gambar untuk virtual keyboard yang saya buat.



Virtual Keyboard
Virtual Keyboard
Pada gambar dapat Anda lihat ada banyak button atau tombol yang digunakan untuk menginputkan teks.

Penjelasan gambar 1:


Masing-masing tombol terdapat instance name dengan nama yang berbeda, mulai dari karakter “A” diberi nama “1_btn”, untuk “B” diberi nama “2_btn”, begitu seterusnya sampai “Z”. Sedangkan untuk tombol space dengan nama “space_btn”, dan untuk clear all diberi nama “clearall_btn”.

Pada input text perhatikan Properties, pada bagian variable diketikkan “kertas”. Terlihat seperti pada gambar berikut :



Properties - variable
Properties - variable


Pada frame 1 terdapat script berikut :


//membuat variable bernama kertas dengan nilai kosong
kertas = "";
//membuat array bernama yang di dalamnya berisi kumpulan huruf abjad
huruf = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z"];
//membuat variable i dengan nilai 1 sampai 26
for (i=1; i<=26; i++) {
                //membuat variable no di dalam i+"_btn" dengan nilai sama dengan i
                _root[i+"_btn"].no = i;
                //ketika i+"_btn" ditekan
                _root[i+"_btn"].onPress = function() {
                                //menambahkan nilai pada variable kertas sesuai nilai pada array huruf yang berdasarkan nilai variable no tombol ini dikurangi 1
                                kertas += huruf[this.no-1];
                };
}
//ketika space_btn ditekan
space_btn.onPress = function() {
                //tambahkan spasi di variable kertas
                kertas += " ";
};
//ketika clearall_btn ditekan
clearall_btn.onPress = function() {
                //nilai variable kertas menjadi kosong
                kertas = "";
};
onEnterFrame = function () {
                kertas.focusEnabled = true;

};

Tekan ctrl+Enter untuk menjalankan program...

Membuat virtual Keyboard || Tutorial Animation and Games || Free Download Tutorials

Membuat Virtual Keyboard dengan Actionscript Membuat Virtual Keyboard dengan Actionscript Reviewed by Ardy S on November 11, 2015 Rating: 5

No comments:

Powered by Blogger.