Gambar 4.4 Tampilan Halaman Password prototype-2
4.2.4 Halaman Credits
Gambar 4.5 adalah tampilan halaman credits pada game prototype-2 yang tidak terdapat pada game prototype-1. Pada
halaman ini user diperlihatkan kepada siapa saja orang yang terkait di dalam perancangan game ini, tombol back yang berada
di bawah halaman dipergunakan user untuk kembali ke menu
utama.
Gambar 4.5 Tampilan Halaman Credits prototype-2
4.2.5 Game Level
Gambar 4.6 di atas merupakan tampilan game prototype-1 yang merupakan salah satu level diantara level 1 sampai dengan
level 13 dimana tata letak button dan cara memainkan gamenya hampir sama. Dapat dilihat bahwa terdapat dua bola berwarna
hijau dan coklat yang harus disatukan untuk memenangkan level ini. Terlihat bola kecil berwarna putih, bola ini adalah bola yang
dapat dibuat oleh pengguna dengan melakukan tap pada bagian sisi atas stage yang nantinya akan digunakan sendiri oleh
pengguna untuk menyatukan bola berwarna hijau dan coklat. Kotak berwarna hijau adalah kotak yang dapat di setting
kemiringanya oleh user agar membantu dalam proses penyatuan bola berwarna hijau dan coklat. Tombol yang terdapat pada sisi
kiri atas dipergunakan oleh pengguna untuk memulai simulasi
game setelah membuat bola putih kecil dan mengatur kemiringan kotak berwarna hijau.
Gambar 4.6 Tampilan Bagian Game Level 1 – 13 prototype-1
Gambar 4.7 berikut adalah tampilan game prototype-2 yang merupakan salah satu level diantara level 1 sampai dengan level
13 pada prototype-2 dimana tata letak button dan cara memainkan gamenya sama dengan game prototype-1, yang
membedakan adalah daerah berwarna merah yang akan mempermudah pengguna didalam pembuatan bola kecil berwarna
putih. Kemudian tombol fit yang terdapat pada sisi kiri atas dipergunakan oleh pengguna untuk memulai simulasi game
setelah membuat bola putih kecil dan mengatur kemiringan kotak berwarna hijau. Setelah di pergunakan tombol fit ini akan
menghilang dan digantikan dengan petunjuk tingkatan level game dan tombol restart untuk mengulang level.
Gambar 4.7 Tampilan Bagian Game Level 1 – 13 prototype-2
Gambar 4.8 merupakan salah satu level diantara level 14 sampai dengan level 30 pada game prototype-2 dimana tata letak
button dan cara memainkan game hampir sama dengan level- level sebelumnya. Yang membedakan adalah daerah berwarna
merah yang digunakan oleh pengguna untuk membuat bola utama berada pada sisi bawah stage. Karena mulai dari level ini gaya
gravitasi akan menarik objek ke atas. Pada gambar 4.8 tombol fit untuk memulai simulasi game yang seharusnya terdapat pada sisi
kiri atas telah dipergunakan oleh pengguna sehingga tombol tersebut menghilang dan digantikan dengan tingkatan petunjuk
level game dan tombol restart yang terdapat pada sisi kanan atas yang dipergunakan untuk mengulang level.
Gambar 4.8 Tampilan Bagian Game Level 14-30 prototype-2
Gambar 4.9 adalah tampilan game prototype-2 yang merupakan salah satu level diantara level 31 sampai dengan level
45 dimana tata letak button hampir sama dengan level game sebelumnya. Yang membedakan adalah cara memainkan
gamenya disini pengguna harus menyatukan bola berwarna hijau dan coklat dengan menggunakan boneka seperti yang terlihat
pada sisi bawah kiri gambar yang akan bergerak setiap pengguna melakukan tap pada stage di bagian mana saja, setelah menekan
tombol fit. Tombol fit yang seharusnya terdapat pada sisi kanan atas dan menjadi satu dengan tombol restart telah dipergunakan
oleh pengguna sehingga tombol tersebut menghilang dan digantikan dengan tombol restart yang digunakan untuk
mengulang level yang sama.
Gambar 4.9 Tampilan Bagian Game Level 31 – 45 prototype-2
Gambar 4.10 adalah tampilan game pada tahap prototype-2 yang akan dilihat pengguna pada saat masuk pada level 46
sampai dengan level 50, mulai dari level ini cara memainkan game berbeda lagi dengan level sebelumnya, disini pengguna
harus mengarahkan tarikan gravitasi dari semua objek yang terdapat di dalam stage untuk menyatukan bola berwarna hijau
dan coklat agar dapat memenangkan permainan.
Gambar 4.10 Tampilan level 46-50prototype-2
Gambar 4.11 adalah tampilan game prototype-1 yang akan ditemui pengguna setelah dapat menyelesaikan satu level
game. Jika pengguna menekan tombol next yang berada pada tengah halaman, maka pengguna akan segera dibawa ke level
berikutnya.
Gambar 4.11 Tampilan Go To Next Level prototype-1
Gambar 4.12 adalah tampilan yang akan dilihat pengguna pada game prototype-2 setelah dapat menyelesaikan satu level
game. Fungsi dan penjelasan dari tombol next yang digunakan masih sama dengan tombol next pada game prototype-1. Hanya
saja ditambahkan animasi dan petunjuk score dan current score di bawahnya, dimana score adalah nilai yang didapatkan
pengguna dalam memainkan level ini berdasarkan lama waktu penyelesaianya, sedangkan current score merupakan akumulasi
dari score yang telah diperoleh sebelumnya dengan score yang baru saja diperoleh dari level ini.
Gambar 4.12 Tampilan Go to Next Level prototype-2
Gambar 4.13 adalah tampilan yang akan dilihat pengguna setelah menekan tombol restart dalam suatu level game. Terlihat
tombol restart baru yang muncul di tengah halaman. Apabila pengguna menekan tombol ini maka pengguna akan mengulang
tingkatan level yang sama.
.
Gambar 4.13 Tampilan Restart Levelprototype-1 dan prototype-2
4.3 Hasil Pengujian Aplikasi
Kategori