Showing posts with label MEMBUAT GAME SEDERHANA WINDOWS STORE. Show all posts
Showing posts with label MEMBUAT GAME SEDERHANA WINDOWS STORE. Show all posts

Pembuatan Aplikasi Game Sederhana Windows Store (Tentang)

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..

Pembuatan Aplikasi Game Sederhana Windows Store Tebak Gambar

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..

Pembuatan Game Sederhana Windows Store Bagian 2 (Buah)

Pada kali ini, saya akan berbagi pengetahuan bagaimana cara untuk membuat inti game ( core game ) Fun with english dengan menggunakan visual studio 2012.

Sebelum melanjutkan, terlebih dahulu saya memberikan beberapa keterangan untuk kode pembeda antara buah, hewan dan benda. Penamaan dan kode tersebut sebagai berikut :
1. HalamanA1 - HalamanA26 = Ditujukan untuk halaman buah
2. HalamanB1 - HalamanB26 = Ditujukan untuk halaman hewan
3. HalamanC1 - HalamanC26 = Ditujukan untuk halaman benda
4. Lanjutan = Ditujukan untuk halaman permainan tebak gambar

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 HalamanA1.xaml, kemudian klik OK. Perhatikan gambar berikut ini :


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 A1 (Buah) :


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(HalamanA2)) : menavigasikan dari HalamanA1 menuju HalamanA2

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 HalamanA1 yang akan dijalankan :


Read More..
Related Posts Plugin for WordPress, Blogger...