Pada postingan saya kali ini akan membahas pembuatan halaman tentang. Halaman ini berisi keterangan - keterangan yang dimuat dalam aplikasi game sederhana yang telah dibuat sebelumnya. Pembuatan halaman ini pun cukup sederhana dan tidak membutuhkan banyak perintah / koding program.

Untuk lebih jelasnya, perhatikan langkah berikut ini :

1. Buka visual studio 2012, kemudian buka project game sederhana yang telah dibuat sebelumnya. 

2. Tekan tombol CTRL + SHIFT + A untuk membuat halaman baru, lalu kemudian pilih blank page.

3. Kemudian beri nama pada halaman baru tersebut, kemudian klik OK untuk melanjutkan.

4. Setelah semua proses pada no 1 - 3 selesai, maka langkah selanjutnya adalah memberikan sedikit item tool berupa tombol / button dan sebuah textblock pada halaman awal (blank page) tadi, kemudian akan diberikan sedikit koding pada halaman baru tersebut dengan cara seperti pada gambar berikut ini :

Read More..

Setelah sebelumnya diberitahu langkah - langkah membuat program aplikasi game windows app store untuk tebak nama gambar menggunakan beberapa opsi, maka sekarang tahapan selanjutnya untuk membuat penambahan fitur aplikasi tersebut dengan menggunakan openfile.

Langkah pertama adalah menambah item form yang akan digunakan untuk membuka file dengan cara menekan tombol CTRL + SHFIT + A, atau klik pada menu > PROJECT > ADD NEW ITEM lalu pilih Windows Store dan selanjutnya pilih Blank page.

Pada toolbox sebelah kiri, berikan beberapa item toolbox seperti berikut :

Item image, khusus untuk item berikut ini, ambil item tersebut sebanyak 3 buah, kemudian berikan nama properties image dengan nama berikut ini :

1. Pada item image pertama, berikan nama properties seperti pada gambar berikut ini :

Item textbox, kemudian berikan nama properties dengan nama txtjawab

Item button, kemudian berikan nama properties dengan nama menu

Tahap berikutnya adalah memberikan kode pada program, berikut kode program yang harus dikerjakan terlebih dahulu 

Selanjutnya, buka item image yang berukuran 600 x 600, kemudian berikan event pada item image tersebut dengan memilih event tapped. Dan berikut koding fungsi yang digunakan pada event tapped 

Selanutnya pada item gambar (image) ketikkan kode program berikut ini

Pada textbox, berikan event Keydown lalu ketikkan kode berikut ini :

Pada button, ketikkan kode program berikut ini 

Berikut adalah hasil akhirnya :

Read More..

Untuk selanjutnya dalam pembuatan inti game Fun with english, sama seperti pada postingan sebelumnya pada link berikut ini.

Tekan tombol CTRL + SHIFT + A atau pilih menu PROJECT > ADD NEW ITEM pada menubar di visual studio 2012.

Pilih pada WINDOWS STORE > BLANK PAGE. Ketikkan nama pada textbox dibawah dengan nama HalamanC1.xaml, kemudian klik OK.

Pada kolom toolbox, klik drag item image pada toolbox kemudian berikan nama properties = img, selanjutnya tambahkan beberapa item dari toolbox seperti button, textblock dan textbox. 

Khusus untuk textbox berikan nama properties = txt. Untuk pengaturan pada button berikan nama properties = btn1 dan pada textblock berikan nama properties = soal. Setelah selesai, kemudian langkah untuk menambahkan gambar pada img perhatikan langkah dibawah ini :

Pilih Solution explorer dan klik kanan pada item Assets yang berada dalam Solution explorer lalu pilih Add > Existing item, seperti gambar berikut :

Selanjutnya akan muncul kotak dialog, kemudian browse gambar yang ingin ditambahkan pada item img pada HalamanC1, lalu kemudian klik OK untuk menambahkan gambar tersebut.

Setelah selesai dengan langkah tersebut, maka dilanjutkan dengan pemberian event pada item textbox, textblock dan button. Untuk memberikan event dapat dilakukan dengan cara klik pada icon berlogo "petir" pada kolom properties sebelah kanan atas.

Untuk pemberian event pada item sebagai berikut :

Textbox ( txt ), berikan event keydown pada kolom event

Button ( btn1 ), berikan event klik pada kolom event

Khusus untuk button ( btn1 ) lakukan pengaturan untuk menyembunyikan button dengan memilih Common > Visibility, kemudian pilih Collapsed yang terdapat pada kolom properties.

Setelah selesai maka berikut adalah penggalan kode program khusus untuk halaman C1 (Benda) :

Keterangan :

Pada Private Sub btn1_click merupakan event pada button (dengan nama properti button : btn1) saat diklik. Pada penggalan program tersebut terdapat penggalan program lain :

Me.Frame.Navigate(GetType(HalamanC2)) : menavigasikan dari HalamanC1 menuju HalamanC2

Selanjutnya pada Private Sub txt_keydown merupakan event pada textbox (dengan nama properti textbox : txt) yang diberi event saat ditekan tombol keyboard. 

Pada penggalan program tersebut terdapat penggalan program lain untuk menggunakan pengaturan fungsi bila tombol keyboard Enter ditekan, yaitu seperti berikut :

If (e.Key = Windows.System.VirtualKey.Enter) Then

End If

Selanjutnya ada penggalan program untuk melakukan pilihan / conditional statement :

If (txt.text ="Nama Jawaban" ) Then

     

     >>Penggalan program eksekusi<<

     

     Else If(txt.text = "")

      >>Penggalan program eksekusi<<

     Else

      >>Penggalan program eksekusi<<

End If

Berikut adalah tampilan HalamanC1 yang akan dijalankan :

Read More..

Untuk selanjutnya dalam pembuatan inti game Fun with english, sama seperti pada postingan sebelumnya pada link berikut ini.

Tekan tombol CTRL + SHIFT + A atau pilih menu PROJECT > ADD NEW ITEM pada menubar di visual studio 2012.

Pilih pada WINDOWS STORE > BLANK PAGE. Ketikkan nama pada textbox dibawah dengan nama HalamanB1.xaml, kemudian klik OK.

Pada kolom toolbox, klik drag item image pada toolbox kemudian berikan nama properties = img, selanjutnya tambahkan beberapa item dari toolbox seperti button, textblock dan textbox. 

Khusus untuk textbox berikan nama properties = txt. Untuk pengaturan pada button berikan nama properties = btn1 dan pada textblock berikan nama properties = soal. Setelah selesai, kemudian langkah untuk menambahkan gambar pada img perhatikan langkah dibawah ini :

Pilih Solution explorer dan klik kanan pada item Assets yang berada dalam Solution explorer lalu pilih Add > Existing item, seperti gambar berikut :

Selanjutnya akan muncul kotak dialog, kemudian browse gambar yang ingin ditambahkan pada item img pada HalamanA1, lalu kemudian klik OK untuk menambahkan gambar tersebut.

Setelah selesai dengan langkah tersebut, maka dilanjutkan dengan pemberian event pada item textbox, textblock dan button. Untuk memberikan event dapat dilakukan dengan cara klik pada icon berlogo "petir" pada kolom properties sebelah kanan atas.

Untuk pemberian event pada item sebagai berikut :

Textbox ( txt ), berikan event keydown pada kolom event

Button ( btn1 ), berikan event klik pada kolom event

Khusus untuk button ( btn1 ) lakukan pengaturan untuk menyembunyikan button dengan memilih Common > Visibility, kemudian pilih Collapsed yang terdapat pada kolom properties.

Setelah selesai maka berikut adalah penggalan kode program khusus untuk halaman B1 (Hewan) :

Keterangan :

Pada Private Sub btn1_click merupakan event pada button (dengan nama properti button : btn1) saat diklik. Pada penggalan program tersebut terdapat penggalan program lain :

Me.Frame.Navigate(GetType(HalamanB2)) : menavigasikan dari HalamanB1 menuju HalamanB2

Selanjutnya pada Private Sub txt_keydown merupakan event pada textbox (dengan nama properti textbox : txt) yang diberi event saat ditekan tombol keyboard. 

Pada penggalan program tersebut terdapat penggalan program lain untuk menggunakan pengaturan fungsi bila tombol keyboard Enter ditekan, yaitu seperti berikut :

If (e.Key = Windows.System.VirtualKey.Enter) Then

End If

Selanjutnya ada penggalan program untuk melakukan pilihan / conditional statement :

If (txt.text ="Nama Jawaban" ) Then

     

     >>Penggalan program eksekusi<<

     

     Else If(txt.text = "")

      >>Penggalan program eksekusi<<

     Else

      >>Penggalan program eksekusi<<

End If

Berikut adalah tampilan HalamanB1 yang akan dijalankan :

Read More..

Pembuatan aplikasi yang akan dijelaskan pada artikel ini mengenai game sederhana berbasis windows app store. Untuk tahap pertama pembuatan game, maka dibutuhkan layout game, metode permainan dan juga tampilan display yang menarik.

Untuk layout, kamu dapat memilih pembuatan game dengan menggunakan Blank Form pada pilihan visual basic 2012. Sementara untuk metode permainan, saya menggunakan metode keputusan pada program.

Dan terakhir pada tampilan, saya menghias tampilan game dimulai dari form menu ( main menu ), form permainan ( core game ) dan terakhir pada form petunjuk ( about game ) dengan gambar - gambar yang menarik dan cerah untuk menarik perhatian pengguna.

Read More..