Cara membuat game tebak angka

Melanjutkan postingan sebelumnya.. dalam postingan ini saya akan membuat sebuah game.. dimana game ini game tebak angka yang nantinya orang yang memainkan game ini akan memilih angka yg terdapat dalam game, angka tersebut dari 1 sampai dengan 100.. dan di akhir game ini nantinya akan ditampilkan sebuah angka yang menunjukkan apakah angka tersebut sma dg angka yang dipilih oleh orang yang memainkan game ini. . . jadi game ini yg menebak angka yg dipilih oleh orang yang main game ini.

Misal saya memilih angka 17. Nah di akhir game nanti game akan menebak apakah angka yg saya pilih angka 17 atau tidak

Disini saya meneruskan membuat project dr project saya yg telah saya posting sebelumnya. Gunakan gambar berikut untuk game tebak angka.

1.     Buatlah project baru dengan nama Tebak angka..

2.     Kemudian klik Add...

3.     Pada tambahkan button dari tab toolbox dan susun lah posisi button seperti gambar dibawah ini

 

4.     Tambahkan picture box kemudian pada tab properties, pilih Image

 

5.     Pilih Image, Untuk yg nama picturebox1 pilih gambar yg nomor 1.

 

6.     Atur size mode menjadi stretch image agar gambar penuh.

7.     Copy dan paste Picturebox1 lalu lakukan sama seperti langkah nomer 4,5,6.

8.     Tumpuk semua picturebox dari 1 sampai 8…

9.     Tampilan nama-nama button dan picturebox akan tampil seperti ini di tab properties

10.  Ganti text button jadi seperti ini

 

11.                         Double click form tebak angka. Isikan data seperti gambar

--Maksud dari "angka = 0" yaitu adalah angka awal yg digunakan untuk menebak angka.

--kata “bersihkan()” digunakan untuk membersihkan form saat load.

Kemudian kembali ke form Tebak angka, dan klik button 1 dst. Maka masukkan kode seperti gambar.

Lakukan kode diatas pada button yg lainnya. Perbedaan hanya pada angka.

Setiap button yg genap ditambahkan kode “angka = angka + 1”

Button 2 : angka = angka + 1

Button 4 : angka = angka + 2

Button 6 : angka = angka + 4

Button 8 : angka = angka + 8

Button 10 : angka = angka + 16

Button 12 : angka = angka + 32

Button 14 : angka = angka + 64

Visual Basic Untuk Pemula menggunakan Visual Basic 2012

Visual Basic 2012 adalah versi terbaru dari Visual Basic diluncurkan oleh Microsoft pada tahun 2012. Visual Basic 2012 adalah hampir mirip dengan Visual Basic Express 2010 dan Visual Basic 2008, tetapi telah menambahkan banyak fitur baru. Perbedaan yang paling jelas adalah bahwa Visual Basic 2012 tidak lebih 
datang sebagai program yang berdiri sendiri, sekarang terintegrasi dengan Microsoft lainnya. Pemrograman bahasa C # dan C + + dalam paket yang disebut Visual Studio 2012.


Saat anda memulai Visual Studio 2012, maka tampilan akan seperti gambar dibawah ini 

Gambar 1 : Visual Studio 2012 Halaman Awal

Untuk memulai sebuah proyek baru, cukup klik pada "File" kemudia klik "new" maka akan muncul halaman Visual Studio New Project

Gambar 2 : New Project

Kemudian klik "ok", maka akan tampil sebuah project yang disebut dengan "form1"

Gambar 3 : Form1

 Anda dapat mengubah background form tersebut dengan sesuka hati. Contoh nya saya akan menambahkan gambar background.

Gambar 4 : Import Gambar

Klik "import" kemudian pilih gambar yang anda suka.

Gambar 5 : Memilih gambar background

Jika sudah, maka gambar tampilan background form1 akan menjadi seperti ini.

Pada bagian Toolbox, anda dapat menambahkan sebuah Label untuk membuat sebuah kata-kata atau judul dari software anda. Klik "Label" kemudian drag ke "form1" maka akan muncul sebuah tulisan "Label1"

Gambar 6 : Membuat label

Kemudian anda klik "text" pada panel Properties. Masukkan kata-kata apa yang anda inginkan. Sebagai contoh, saya memasukkan kata "Selamat Datang", lalu saya tekan "Enter"

Gambar 7 : Text Label

Untuk "Font" label, anda juga dapat menggantinya.

Gambar 8 : Change Font Label

Gambar 9 : Font

Jika anda sudah mengikuti cara-cara diatas, lalu klik "Ok" maka font label akan berubah.

Untuk menghilangkan background putih pada label, anda dapat mengklik "BackColor" kemudian ketik "Transparent", maka background label akan menjadi transparan.

Gambar 10 : Transparent 

Nama aplikasi dan icon aplikasi yang anda buat, dapat anda rubah sesuka hati, anda cukup klik bagian form1, kemudian pilih "Text". Saya mengisi dengan isi teks "Cafe Oreo!!!"

Gambar 11 : Text Form1

Untuk mengubah Icon, pada panel Properties anda scroll down, kemudian klik "icon" lalu anda browse icon yang anda suka.

Gambar 12 : Add Icon

Anda juga dapat membuat aplikasi seolah-olah ada username, password dan login.
Sebagai contoh saya menambahkan 2 label lagi, letakkan label pada posisi yang pas, kemudian mengedit teks dengan nama "Username" dan  "Password". Untuk "BackColor" saya pilih "Transparent".

Gambar 13 : Label

Gambar 14 : TextBox

Anda tambahkan lagi 2 buah "TextBox". Letakkan disamping label "Username" dan "Password" tadi. Untuk TextBox bagian "Password" anda klik, lalu pada panel, pilih "UseSystemPasswordChar", pilih "True" maka nantinya textbox password, jika dimasukkan text, akan berbentuk Asterisk.

Gambar 15 : TextBox2

Gambar 16 : TextBox Password

Supaya lebih menarik, pada panel ToolBox, anda tambahkan "CheckBox" dan isi teks dengan nama "Remember me" dan pilih "BackColor" trasnparan. Agar terlihat seperti Login user :)

Gambar 17 : CheckBox

Gambar 18 : CheckBox2

Tambahkan lagi sebuah "Button" dan atur ukuran button. Anda dapat mengubah teks "Button1" dan menggantinya dengan nama "Login"

Gambar 19 : Add Button

Jika anda ingin menambahkan background pada button, anda cukup mengklik "BackgroundImage" kemudian browse file gambar login. Klik "ok. Atur ukuran button sesuai ukuran gambar, gambar dapat anda cari di google, dan ukurannya jangan terlalu besar. Hapus teks "Login" agar tidak menutupi gambar button.

Gambar 20 : Background Button

Gambar 21 : Select Background

Gambar 22 : Save Project

Aplikasi anda sudah selesai, jangan lupa untuk save atau save all projek yang telah anda buat.
Untuk mencoba aplikasi anda, anda cukup mengklik "Start" atau menekan F5 pada keyboard. Maka hasilnya akan tampil seperti gambar berikut :)

Gambar 23: Preview

Gambar 24: Preview

Selamat anda sudah berhasil membuat software pertama anda :)