Membuat simple game android menggunakan App Inventor #1

"Game Menebak Gambar"

Pada postingan sekarang saya akan memberikan tutorial tentang membuat game sederhana menggunakan appInventor offline.

Langkah-langkahnya adalah sebagai berikut :

• Buka web browser dan masukkan URL : http://localhost:8888 untuk membuka aplikasi appInventor offline.
• Setelah terbuka buat project baru dengan menekan button New dan masukkan nama project, sebelumnya saya sudah membuat project dengan nama gambar

 

• Sebelum memasukkan elemen pada tebak gambar ini, masukkan terlebih dahulu Screen Arrangement > HorizontalArrangement  sebanyak 3 item, agar terlihat rapih pada project yang dibuat.

•  Masukkan element gambar, button, label dan textbox kedalam HorizontalArrangement yang sudah dibuat sebelumnya. hingga membentuk screen dan components seperti berikut

• Setelah komponen sudah sesuai dengan gambar, kemudian beralih ke Open Blocks Editor untuk memasukkan fungsi agar game dapat berjalan dengan baik.

•  Pertama, buat list pertanyaan seperti berikut :

• Kedua, buat list jawaban seperti berikut :

• Ketiga, buat index untuk list pertanyaan :

 

• Keempat, buat inisialisasi untuk list pertanyaan

• Kelima, buat fungsi untuk tombol next yang ada pada gambar

• Keenam, buat fungsi untuk tombol Submit (untuk cek apakah jawaban benar atau tidak)

• Adapun keseluruhan fungsi adalah sebagai berikut :

• Setelah semua fungsi sudah sesuai, lakukan uji coba menggunakan emulator dengan menekan tombol Connect to Device di block editor tadi

 .

•  Jika berhasil di emulator akan menampilkan aplikasi game yang telah dibuat.

Coba jawab pertanyaan pada kolom Hint for TextBox1 dan tekan tombol Submit, jika jawaban benar maka akan tampil warna hijau, jika salah yang tampil adalah warna merah.

• Jawaban Benar :

• Jawaban Salah :

• Tekan tombol Next untuk  mengganti pertanyaan :

Berikut adalah tutorial tentang game sederhana menebak gambar.

Posted in App Inventor