Anda di halaman 1dari 12

Membuat Aplikasi Tanpa Koding – APP Inventor

Bab 4
Proyek 4
Simple Game Racing Car

Bab ini terdiri dari 2 Pertemuan atau Lebih, Anda diperboleh berhenti apabila sudah merasa
Kelelahan.

Video Penjelasan di Youtube https://youtu.be/wXubaGF7Q-Q

Kita akan membuat sebuah Game Sederhana seperti layaknya Mobil Balap.
Kita hanya akan membuat komponen-komponen dan Perintah-perintahnya dulu.

Download Gambar di https://drive.google.com/open?id=19FjI1cnkhhL9YryqrlKInCKr1McrOUJU

Persiapan Komponen
Menu Tujuan
Rename
Komponen Setting
User Interface ljarak Menampilkan Jarak
Label Width fillparent
FontSize 16
TextAligment center
TextColor Yellow
Drawing And Meletakkan Benda yang nantinya dapat bergerak
Animation Height 360 pixel
Canvas Width 300 pixel
Background jalan.png

Bab 3 Hal 1
Membuat Aplikasi Tanpa Koding – APP Inventor

Komponen Background bergerak


Menu Tujuan
Rename
Komponen Setting
Drawing And Tengah1 Height 40 pixel
Animation Width 5 pixel
ImageSprite Picture Upload Gambar tengah.png
X 150
Y0
Rotate (Hapus centangnya)
Tengah2 Height 40 pixel
Width 5 pixel
Picture Upload Gambar tengah.png
X 150
Y 120
Rotate (Hapus centangnya)
Tengah3 Height 40 pixel
Width 5 pixel
Picture Upload Gambar tengah.png
X 150
Y 240
Rotate (Hapus centangnya)
Pohon1 Height 80 pixel
Width 40 pixel
Picture Upload Gambar pohon1.png
X1
Y2
Rotate (Hapus centangnya)
Pohon1 Height 80 pixel
Width 40 pixel
Picture Upload Gambar pohon2.png
X 250
Y 150
Rotate (Hapus centangnya)

Bab 3 Hal 2
Membuat Aplikasi Tanpa Koding – APP Inventor

Komponen Mobil Musuh


Menu Tujuan
Rename
Komponen Setting
Drawing And Mobil1 Height 60 pixel
Animation Width 40 pixel
ImageSprite Picture Upload Gambar car1.png
X 60
Y2
Rotate (Hapus centangnya)
Visible (Hapus centangnya)
Mobil2 Height 60 pixel
Width 40 pixel
Picture Upload Gambar car2.png
X 105
Y2
Rotate (Hapus centangnya)
Visible (Hapus centangnya)
Mobil3 Height 60 pixel
Width 40 pixel
Picture Upload Gambar car3.png
X 60
Y 90
Rotate (Hapus centangnya)
Visible (Hapus centangnya)
Mobil4 Height 60 pixel
Width 40 pixel
Picture Upload Gambar car4.png
X 105
Y 90
Rotate (Hapus centangnya)
Visible (Hapus centangnya)
Mobil5 Height 60 pixel
Width 40 pixel
Picture Upload Gambar car5.png
X 60
Y 160
Rotate (Hapus centangnya)
Visible (Hapus centangnya)

Bab 3 Hal 3
Membuat Aplikasi Tanpa Koding – APP Inventor

Mobil6 Height 60 pixel


Width 40 pixel
Picture Upload Gambar car6.png
X 105
Y 160
Rotate (Hapus centangnya)
Visible (Hapus centangnya)
Mobilturun1 Height 60 pixel
Width 40 pixel
Picture Upload Gambar car8.png
X 155
Y1
Rotate (Hapus centangnya)
Visible (Hapus centangnya)
Mobilturun2 Height 60 pixel
Width 40 pixel
Picture Upload Gambar car10.png
X 200
Y1
Rotate (Hapus centangnya)
Visible (Hapus centangnya)

Komponen Pemain
Menu Tujuan
Rename
Komponen Setting
Drawing And Pemain Height 60 pixel
Animation Width 40 pixel
ImageSprite Picture Upload Gambar player.png
X 105
Y 240
Rotate (Hapus centangnya)
Batasbawah Height 1 pixel
Width 300 pixel
X0
Y 359
Rotate (Hapus centangnya)
Digunakan untuk
membuat Game Over pada Pemain
meng-invisible-kan semua Komponen bergerak

Bab 3 Hal 4
Membuat Aplikasi Tanpa Koding – APP Inventor

Bataskiri Height 360 pixel


Width 1 pixel
X 50
Y0
Rotate (Hapus centangnya)
Digunakan untuk mengubah arah pemain ke naik dan
merubah kecepatan Pemain
Batastengah Height 360 pixel
Width 1 pixel
Picture Upload Gambar player.png
X 151
Y0
Rotate (Hapus centangnya)
Digunakan untuk mengubah arah pemain ke naik dan
merubah kecepatan Pemain
Bataskanan Height 360 pixel
Width 1 pixel
Picture Upload Gambar player.png
X 200
Y0
Rotate (Hapus centangnya)
Digunakan untuk mengubah arah pemain ke naik dan
merubah kecepatan Pemain
Batasatas Height 1 pixel
Width 300 pixel
Picture Upload Gambar player.png
X0
Y 72
Rotate (Hapus centangnya)
Digunakan untuk mengubah arah pemain ke Turun
atau Berhenti dan merubah kecepatan Pemain

Bab 3 Hal 5
Membuat Aplikasi Tanpa Koding – APP Inventor

Komponen Kontrol
Menu Tujuan
Rename
Komponen Setting
Layout Width Fill Parent
HorizontalArrangement
User Interface tkiri Width Fill Parent
Button Text Kiri
TextAlignment center
Digunakan untuk merubah arah Pemain ke Kiri
treset Width Fill Parent
Text Mulai
TextAlignment center
Digunakan untuk mengembalikan semua Posisi dan
kecepatan semua benda ke Semula
tkanan Width Fill Parent
Text Kanan
TextAlignment center
Digunakan untuk merubah arah Pemain ke Kanan

Tampilan Komponenya terlihat seperti Gambar di bawah ini

Bab 3 Hal 6
Membuat Aplikasi Tanpa Koding – APP Inventor

Perintah setiap Komponen


Video Penjelasan di Youtube https://youtu.be/wXubaGF7Q-Q

Variabel Global

Jumlahmobil
digunakan untuk mengendalikan Jumlah Mobil yang keluar.

Kecepatan
digunakan sebagai pengendali kecepatan semua Benda dan digunakan untuk mengatur Level
Pemain

Jarak
Digunakan sebagai Parameter Level dan display Jarak Tempuh Mobil.

Perintah Setiap Komponen

Bab 3 Hal 7
Membuat Aplikasi Tanpa Koding – APP Inventor

Bab 3 Hal 8
Membuat Aplikasi Tanpa Koding – APP Inventor

Bab 3 Hal 9
Membuat Aplikasi Tanpa Koding – APP Inventor

Bab 3 Hal 10
Membuat Aplikasi Tanpa Koding – APP Inventor

Video Penjelasan di Youtube https://youtu.be/wXubaGF7Q-Q

Selamat mencoba dan Bersabarlah.

Bab 3 Hal 11
Membuat Aplikasi Tanpa Koding – APP Inventor

Modul dalam bentuk Word bisa Anda dapatkan di

belajar.bimbelaqila.com
seharga 50 rb Rupiah

Silahkan Share Modul ini dalam bentuk pdf.

Modul ini bisa digunakan sebagai Salah satu Tambahan Kegiatan Bimbel (Paket Belajar
Membuat Aplikasi Android), atau bisa digunakan sebagai Ekstra Kurikulum di Sekolah.

Kenapa Pakai APP Inventor ?


Sangat Ringan Bahkan saat di Buka dengan Komputer QuadCore atau i3.

Selamat Mencoba.

Bab 3 Hal 12