IMPLEMENTASI DAN ANALISIS

perpustakaan.uns.ac.id

digilib.uns.ac.id

BAB IV IMPLEMENTASI DAN ANALISIS 4.1 Pembuatan Aplikasi Langkah awal sebelum membuat aplikasi ini adalah melakukan proses analisa yang meliputi penentuan konsep aplikasi, pendataan obyek yang akan digunakan, penentuan suara atau musik pengiring yang akan digunakan. Obyek yang digunakan dalam aplikasi ini adalah karakter Joko Kendil dan pemandangan yang di desain semenarik mungkin. Selanjutnya mendesain dan membuat obyek yang telah ditentukan beserta interface ke dalam komputer dan mobile. 4.1.1

Pembuatan Komik

Komik merupakan kumpulan dari cerita rakyat Joko Kendil yang dijadikan alur pada game, sehingga pemain mengetahui jalan cerita game sesuai cerita rakyat Joko Kendil yang ada. Ukuran untuk membuat splash screen ini menggunakan ukuran 1280 x 800px. Pemilihan ukuran gambar yang dengan resolusi tersebut dikarenakan telah mampu memberikan tampilan grafis yang jelas, kuat, dan colourful serta memiliki ukuran file yang tidak cukup besar. Sehingga, penulis merasa dengan resolusi tersebut sudah sesuai dengan kebutuhan dalam pembuatan game. Pembuatan komik ini menggunakan Adobe Photoshop CS6 untuk memberikan efek yang lebih dinamis. Background komik disesuaikan dengan cerita yang ada kemudian diberikan beberapa efek seperti gradient overlay untuk memberikan efek gradasi warna, sedangkan untuk memberikan kesan bayangan ditambahkan efek drop shadow dan inner shadow. Dan untuk teks diberikan efek brush sehingga teks dapat dibaca dengan jelas. Kemudian file disimpan dengan nama komik6.png, komik7.png, dan komik8.png yang nantinya akan digunakan sebagai asset dalam pembuatan game.

commit to user 32


digilib.uns.ac.id 33

Gambar 4.1

Tahapan Memasukkan Sketsa Komik6

Gambar 4.2

Tahapan Awal Pembuatan Komik6

commit to user



Gambar 4.3

Gambar 4.4

Tampilan Akhir Pembuatan Komik6

Tahapan Awal Memasukkan Sketsa Komik7

commit to user



Gambar 4.5

Gambar 4.6

Tahapan Pembuatan Background Komik7

Tampilan Akhir Pembuatan Komik7 Pada Game

commit to user



Gambar 4.7

Tahapan Awal Memasukkan Sketsa Komik8

Gambar 4.8

Tahapan Pembuatan Komik8

commit to user



Gambar 4.9 4.1.2

Tampilan Akhir Pembuatan Komik8

Pembuatan Splash Screen

Splash Screen merupakan bentuk gambaran pemberitahuan hak cipta atau license yang ditampilkan pada saat game dijalankan. Ukuran untuk membuat splash screen ini menggunakan ukuran 1280 x 800px . Pemilihan ukuran gambar yang dengan resolusi tersebut dikarenakan telah mampu memberikan tampilan grafis yang jelas, kuat, dan colourful serta memiliki ukuran file yang tidak cukup besar. Sehingga, penulis merasa dengan resolusi tersebut sudah sesuai dengan kebutuhan dalam pembuatan game. Pembuatan splash screen ini menggunakan Adobe Photoshop untuk memberikan efek yang lebih dinamis. Background berwarna biru diberikan efek yaitu, gradient overlay untuk memberikan efek gradasi warna, sedangkan untuk memberikan kesan bayangan ditambahkan efek drop shadow dan inner shadow. Dan pada tulisan utama efek outer glow untuk memberikan kesan cahayanya. Drop shadow dan inner shadow juga digunakan pada kalimat tersebut. Kemudian untuk memperjelas identitas ini penulis memberikan logo dari team yaitu ABK48, dan text copyright atas nama team kami. Serta logo UNS untuk memperjelas instansi dimana penulis belajar. Kemudian disimpan dengan nama splash.png yang nantinya akan dijadikan asset dalam pembuatan game.

commit to user



Berikut tampilan ketika finishing pembuatan splash screen terlihat pada Gambar 4.10.

Gambar 4.10 Tampilan Pembuatan Splash Screen 4.1.3

Pembuatan Credit Screen

Credit Screen merupakan bentuk gambaran pemberitahuan mengenai orang orang maupun pihak serta kelengkapan pendukung dalam pembuatan game. Ukuran untuk membuat credit screen ini menggunakan ukuran 1280 x 800px. Pemilihan ukuran gambar yang dengan resolusi tersebut dikarenakan telah mampu memberikan tampilan grafis yang jelas, kuat, dan colourful serta memiliki ukuran file yang tidak cukup besar. Sehingga, penulis merasa dengan resolusi tersebut sudah sesuai dengan kebutuhan dalam pembuatan game. Pembuatan credit screen ini menggunakan Adobe Photoshop untuk memberikan efek yang lebih dinamis. Background dibuat dengan warna hitam diisikan text yang berisi mengenai seluruh anggota team pendukung, music, dan semua pihak yang berpartisipasi pada pembuatan game. Kemudian disimpan dengan nama kredit.png yang nantinya akan dijadikan asset dalam pembuatan game.Berikut tampilan ketika finishing pembuatan credit screen screen terlihat pada Gambar 4.11.

commit to user



Gambar 4.11 Tampilan Pembuatan Credit Screen 4.1.4

Pembuatan Menu Permainan

Menu permainan ini terdiri dari main menu, tutorial game, dan game over yang dibuat menggunakan Adobe Photoshop CS6. Ukuran untuk membuat main menu, tutorial game, dan game over ini menggunakan ukuran 1280 x 800px. Pemilihan ukuran gambar yang dengan resolusi tersebut dikarenakan telah mampu memberikan tampilan grafis yang jelas, kuat, dan colourful serta memiliki ukuran file yang tidak cukup besar. Sehingga, penulis merasa dengan resolusi tersebut sudah sesuai dengan kebutuhan dalam pembuatan game. 4.1.4.1 Pembuatan Main Menu Tampilan main menu ini menggunakan Adobe Photoshop untuk memberikan efek yang lebih dinamis. Background bukit berwarna hijau dibuat menggunakan pen tool pada Adobe Photoshop CS6. Lalu diberikan efek yaitu, gradient overlay untuk memberikan efek gradasi warna, sedangkan untuk memberikan kesan bayangan ditambahkan efek drop shadow dan inner shadow. Untuk membuat langit pada main menu ini menggunakan pen tool untuk membuat efek garis pada langit dan untuk memberikan warna gradasi menggunakan gradient overlay. Dan pada komponen gunung menggunakan efek outer glow untuk memberikan kesan cahayanya. Drop shadow dan inner shadow juga digunakan pada gentong. Kemudian untuk penggambaran karakter player

commit to user



bentuk ekspresi wajah Joko Kendil yang sedang membawa pancing agar membawa susana lebih ceria. Untuk karakter akan diberikan animasi sehingga akan lebih membuat hidup pada tampilan main menu.Yang terakhir untuk tulisan atau teks menu diberikan efek seperti papan kayu dengan efek stroke, outer glow dan drop shadow. Kemudian disimpan dengan nama mainmenu.png yang nantinya akan dijadikan asset dalam pembuatan game.

Gambar 4.12 Tahapan Awal Pembuatan Main Menu Game

Gambar 4.13 Tahapan Penambahan Background Menu Game

commit to user



Gambar 4.14 Tahap Pembuatan Sprite Animasi Joko Memancing

Gambar 4.15 Tahapan Akhir Pembuatan Main Menu 4.1.4.2 Pembuatan Game Over Untuk membuat game over menggunakan background warna biru muda. Untuk membuatnya menggunakan Adobe Photoshop CS6. Ukuran untuk game over ini adalah 1280 x 800px. Pemilihan ukuran gambar yang dengan resolusi tersebut dikarenakan telah mampu memberikan tampilan grafis yang jelas, kuat, dan colourful serta memiliki ukuran file yang tidak cukup besar. Sehingga,

commit to user



penulis merasa dengan resolusi tersebut sudah sesuai dengan kebutuhan dalam pembuatan game. Pada background diberikan efek gradient overlay untuk gradasi warnanya agar background instruksi tampak seperti 3D. Shape pada bagian bawah diberikan efek inner shadow untuk membuat bayangan pada background tersebut. Pada teks diberikan efek drop shadow untuk memberi bayangannya dan outer glow agar lebih bercahaya. Kemudian diberikan dua tombol untuk reload atau keluar dari game. Dan disimpan dengan nama gameover.png, yang nantinya akan dijadikan sebagai asset dalam pembuatan game. Pembuatan game over terlihat pada Gambar 4.16.

Gambar 4.16 Tampilan Pembuatan Game Over 4.1.4.3 Pembuatan Game Win Untuk membuat game over menggunakan background langit dengan latar pegunungan. Untuk membuatnya menggunakan Adobe Photoshop CS6. Ukuran untuk game over ini adalah 1280 x 800px. Pemilihan ukuran gambar yang dengan resolusi tersebut dikarenakan telah mampu memberikan tampilan grafis yang jelas, kuat, dan colourful serta memiliki ukuran file yang tidak cukup besar. Sehingga, penulis merasa dengan resolusi tersebut sudah sesuai dengan kebutuhan dalam pembuatan game.

commit to user



Background gunung berwarna biru dibuat menggunakan pen tool pada Adobe Photoshop CS6. Lalu diberikan efek yaitu, gradient overlay untuk memberikan efek gradasi warna, sedangkan untuk memberikan kesan bayangan ditambahkan efek drop shadow dan inner shadow.Untuk membuat langit pada game win ini menggunakan pen tool untuk membuat efek garis pada langit dan untuk memberikan warna gradasi menggunakan gradient overlay. Dan pada komponen gunung menggunakan efek outer glow untuk memberikan kesan cahayanya. Pada teks diberikan efek drop shadow untuk memberi bayangannya dan outer glow agar lebih bercahaya. Kemudian diberikan tombol untuk reload atau keluar dari game. Diberikan seorang pertapa yang bertujuan untuk menguatkan pesan yang ingin disampaikan. Pembuatan pertapa ini, pada awalnya menggunakan pen tool, kemudian perwarnaan diberikan bucket list, lalu memberikan efek brush, drop shadow, dan inner glow untuk memberikan kesan bayangan. Kemudian diberikan dua tombol untuk reload atau keluar dari game. Dan disimpan dengan nama gamewin.png, yang nantinya akan dijadikan sebagai asset dalam pembuatan game.

Gambar 4.17 Tahapan Awal Pembuatan Game Win

commit to user



Gambar 4.18 Tampilan Akhir Pembuatan Game Win 4.1.4.4 Pembuatan Pemilihan Stage Untuk membuat halaman pemilihan stage menggunakan beberapa potongan gambar dari beberapa game yang telah dibuat. Untuk membuatnya menggunakan Adobe Photoshop CS6. Ukuran untuk game over ini adalah 1280 x 800px. Pemilihan ukuran gambar yang dengan resolusi tersebut dikarenakan telah mampu memberikan tampilan grafis yang jelas, kuat, dan colourful serta memiliki ukuran file yang tidak cukup besar. Sehingga, penulis merasa dengan resolusi tersebut sudah sesuai dengan kebutuhan dalam pembuatan game. Pada background diberikan efek gradient overlay untuk gradasi warnanya agar background instruksi tampak seperti 3D. Shape kotak stage efek inner shadow untuk membuat bayangan pada background instruksi tersebut. Pada beberapa gambar diberikan efek drop shadow untuk memberi bayangannya dan outer glow agar lebih bercahaya. Kemudian diberikan dua tombol icon lock untuk menandakan telah dibuka atau belum stage tersebut. Dan disimpan dengan nama pilihstage.png, yang nantinya akan dijadikan sebagai asset dalam pembuatan game.

commit to user



Gambar 4.19 Tahapan Awal Pembuatan Pemilihan Stage

Gambar 4.20 Tampilan Akhir Pembuatan Pemilihan Stage 4.1.5

Pembuatan Karakter Permainan

Setelah pembuatan secara umum dari kebutuhan game yang utama, ,maka berikut pembuatan yang lebih khusus untuk game pada bagian ketiga yaitu Pemata Untuk Putri Raja. Dimulai dari pembuatan karakter permainan terdiri dari pembuatan karakter player utama dan karakter musuh. Dalam pembuatannya sebagian besar menggunakan Adobe Photoshop CS6 untuk memberikan efek tertentu. 4.1.5.1 Pembuatan Karakter Utama Karakter player pada permainan ini berupa Joko Kendil yang dibuat memanfaatkan freehand tool Photoshop CS6 untuk menghasilkan gambar awal

commit to user



vector dan masing-masing elemennya dipisahkan dalam layer yang berbeda untuk memudahkan dalam proses penyusunan gambar serta mempermudah dalam proses animasi. Tahap pertama yaitu membuat line untuk membentuk karakter Joko Kendil menggunakan Pen Tool. Tahap kedua yaitu pemberian efek pada tubuh Joko Kendil menggunakan Brush Tool dengan pewarnaan yang sesuai dengan warna karakter Joko Kendil.Tahap ketiga dengan melakukan pewarnaan pada karakter Joko Kendil dengan menggunakan Paint Bucket Tool dan cara memilih warna menggunakan Set Foreground Color dan beberapa efek pada Layer Style.

Gambar 4.21 Tahapan Pemasukan Sketsa Joko Kendil Pada Photoshop

commit to user



Gambar 4.22 Tahapan Pembuatan Badan Joko Kendil

Gambar 4.23 Tampilan Pembuatan Karakter Utama Setelah pembuatan karakter utama selesai maka karakter tersebut akan dianimasikan agar lebih hidup saat dimainkan dalam game. Pembuatan animasi dari data gambar yang telah dibuat. Animasi tersebut meliputi animasi frame by frame, dengan menggerakkan beberapa bagian dari gambar sehingga akan menghasilkan sprite animasi. Berikut beberapa sprite animasi untuk karakter player :

commit to user



Gambar 4.24

Tampilan Pembuatan Sprite Animasi Karakter Berenang

Sprite animasi tersebut disimpan dengan nama berenang.png, yang nantinya akan dijadikan sebagai asset dalam pembuatan game. Sebagai animasi utama dari karakter Joko Kendil dalam game.

Gambar 4.25

Tampilan Pembuatan Sprite Animasi Karakter

Bertabrakan Dengan Musuh Sprite animasi tersebut disimpan dengan nama berenangmerah.png, yang nantinya akan dijadikan sebagai asset dalam pembuatan game. Sebagai animasi Joko Kendil ketika bertabrakan dengan musuh dalam game.

commit to user



Gambar 4.26 Tampilan Pembuatan Sprite Animasi Karakter Saat Mendapatkan Power Up Sprite animasi tersebut disimpan dengan nama energi.png, yang nantinya akan dijadikan sebagai asset dalam pembuatan game. Sebagai animasi Joko Kendil ketika mendapatkan powerups dalam game. 4.1.5.2 Pembuatan Karakter Musuh Karakter musuh pada permainan ini berupa buaya dan ubur ubur yang dibuat memanfaatkan freehand tool Photoshop CS6 untuk menghasilkan gambar awal vector dan masing-masing elemennya dipisahkan dalam layer yang berbeda untuk memudahkan dalam proses penyusunan gambar serta mempermudah dalam proses animasi. Tahap pertama yaitu membuat line untuk membentuk karakter buaya menggunakan Pen Tool. Tahap kedua yaitu pemberian efek pada tubuh buaya menggunakan Brush Tool dengan pewarnaan yang sesuai dengan warna karakter buaya.Tahap ketiga dengan melakukan pewarnaan pada karakter buaya dengan menggunakan Paint Bucket Tool dan cara memilih warna menggunakan Set Foreground Color dan beberapa efek pada Layer Style. Dan disimpan dengan nama 1.png dan 2.png, yang nantinya akan dijadikan asset dalam pembuatan game. File tersebut akan dijadikan sebagai karakter musuh buaya dalam game.

commit to user



Gambar 4.27 Tahap Awal Pembuatan Karakter Musuh Buaya

Gambar 4.28 Tahap Pewarnaan Karakter Musuh Buaya

commit to user



Gambar 4.29 Tampilan Akhir Karakter Musuh Buaya Untuk pembuatan karakter musuh ubur ubur sedikit berbeda dikarenakan gambar awal didapatkan dari free download dari google. Yang kemudian diedit untuk disesuaikan dengan kebutuhan game. Tahap pertama yaitu membuat line untuk membentuk karakter ubur ubur menggunakan Pen Tool. Tahap kedua yaitu pemberian efek pada tubuh ubur ubur menggunakan Brush Tool dengan pewarnaan yang sesuai dengan warna karakter ubur ubur .Tahap ketiga dengan melakukan pewarnaan pada karakter ubur ubur dengan menggunakan Paint Bucket Tool dan cara memilih warna menggunakan Set Foreground Color dan beberapa efek pada Layer Style. Dan disimpan dengan nama jellyfish.png yang akan menjadi karakter musuh dalam game.

commit to user



Gambar 4.30 Tahap Awal Pembuatan Badan Karakter Musuh Ubur- Ubur

Gambar 4.31 Tampilan Akhir Pada Pembuatan Karakter Musuh Ubur-Ubur Setelah pembuatan karakter musuh selesai maka karakter tersebut akan dianimasikan agar lebih hidup saat dimainkan dalam game. Pembuatan animasi dari data gambar yang telah dibuat. Animasi tersebut meliputi animasi frame by frame, dengan menggerakkan beberapa bagian dari gambar sehingga akan

commit to user



menghasilkan sprite animasi. Berikut beberapa sprite animasi untuk karakter buaya dan ubur :

Gambar 4.32 Tampilan Pembuatan Sprite Animasi Karakter Musuh Buaya

Gambar 4.33 Tampilan Pembuatan Sprite Animasi Karakter Ubur-Ubur 4.1.6

Pembuatan Latar Permainan

Pembuatan latar belakang pada permainan ini terdiri dari latar belakang (background) dan latar depan (foreground). Pembuatannya menggunakan

commit to user



Adobe Photoshop CS6. Ukuran untuk background dan foreground ini adalah 1280 x 800px. Pemilihan ukuran gambar yang dengan resolusi tersebut dikarenakan telah mampu memberikan tampilan grafis yang jelas, kuat, dan colourful serta memiliki ukuran file yang tidak cukup besar. Sehingga, penulis merasa dengan resolusi tersebut sudah sesuai dengan kebutuhan dalam pembuatan game. Pembuatan latar ini lebih panjang dari canvas game karena background dan foreground nantinya akan menggunakan function parallax scrolling untuk latar belakang yang bergerak dari kiri ke kanan maupun kanan ke kiri tetapi tetap dalam posisi canvas yang tidak bergerak, sehingga dengan panjang yang melebihi canvas game, ketika latar digeser ke kanan maupun kiri gambar yang tidak terlihat karena ukuran canvas game yang lebih kecil tetap bisa dilihat jika digerakkan. 4.1.6.1 Pembuatan Background Pembuatan background pada permainan ini menggunakan Adobe Photoshop CS6. Background dibuat dengan konsep langit yang cerah pada siang hari dan terdapat awan di sekitarnya. Background awan disini hanya menggunakan pen tool untuk membuat goresan-goresan pada langit sehingga terlihat lebih nyata dengan memainkan warna yang sesuai. Untuk memberikan efek warna langit biru yang di gradasi menggunakan gradient overlay. Untuk memberikan efek ganda pada awan menggunakan stroke dan untuk memberikan efek bayangan pada awan menggunakan drop shadow. Dan disimpan dengan langit1.png, yang nantinya akan dijadikan asset dalam pembuatan game. File tersebut akan dijadikan sebagai background dalam game.

commit to user



Gambar 4.34 Tahap Awal Pembuatan Background Game

Gambar 4.35 Tampilan Pembuatan background 4.1.6.2 Pembuatan Foreground Pembuatan foreground pada permainan ini sedikit lebih sulit dibandingkan dengan background, karena memilik banyak komponen di dalamnya. Untuk pembuatan menggunakan Adobe Photoshop CS6 untuk membuat gambar tanah sebagai hiasan dengan memanfaatkan fungsi pada freehand tool. Tanah dibuat dengan bentuk yang berbeda agar seolah-olah terlihat tanah yang bertekstrur, dan diatur posisinya agar lebih rapi dan nyata, ditambah dengan beberapa karang

commit to user



di sekitarnya. Lalu tanah yang sudah jadi diberikan efek bayangan menggunakan Adobe Photoshop CS6. Untuk memberikan efek bayangan menggunakan drop shadow dan inner shadow. Kemudian menambah beberapa gambar yang didapatkan secara free download di google untuk memberi kesan yang lebih hidup. Kemudian secara keseluruhan diberikan beberapa efek yang berada pada Layer style.

Gambar 4.36 Tahapan Awal Pembuatan Foreground Game

Gambar 4.37 Tahapan Penambahan Pasir Pada Pembuatan Foreground Game

commit to user



Gambar 4.38 Tampilan Akhir Pembuatan foreground Setelah pembuatan background dan foreground selesai maka background air tersebut akan dianimasikan agar lebih hidup saat dimainkan dalam game. Pembuatan animasi dari data gambar yang telah dibuat. Animasi tersebut meliputi animasi frame by frame, dengan menggerakkan beberapa bagian dari gambar sehingga akan menghasilkan sprite animasi. Kemudian gambar tersebut disimpan dengan tiga file berbeda yaitu air.png, air2.png, dan air3.png. File-file tersebut akan dijadikan sebagai animasi air dalam pembuatan game. Berikut beberapa sprite animasi untuk background air :

Gambar 4.39 Tampilan Pembuatan Sprite Animasi Background Air

commit to user



4.1.7

Pembuatan Objek Pendukung

Objek pendukung dalam permainan ini adalah komponen-komponen yang terdiri dari entities tombol, HP Bar, dan item item. Pembuatannya menggunakan Adobe Photoshop CS6. 4.1.7.1 Pembuatan Tombol Pembuatan tombol disini adalah sebagai sprite yang nantinya digunakan dan dipanggil di Unity. Pembuatannya hanya menggunakan Adobe Photoshop CS6. Drop shadow dan inner shadow digunakan untuk memberikan efek bayangan pada tombol, lalu ditambahkan shape rounded. Rectangle tool warna putih untuk memberi kesan 3D pada button. Dan pada teks diberikan efek outer glow agar perintah button lebih terlihat jelas dan bercahaya. Pembuatan button terlihat pada Gambar 4.40. Kemudian gambar tersebut disimpan dengan nama file yang berbeda untuk tombol keluar dengan nama Button Close.png, reload.png, playerplay.png, dan pause que.png.

Gambar 4.40 Tampilan Pembuatan tombol 4.1.7.2 Pembuatan Entity HP Bar Entity HP Bar dalam game ini berfungsi untuk mengetahui persentase Health Point dan Oksigen dari player. Dikarenakan jika HP dan Oksigennya habis maka permainan akan selesai. Dalam pembuatannya menggunakan rectangle tool dan untuk permberian warna menggunakan fountain fill. Ukuran yang digunakan entity HP Bar adalah 892 x 335 px. Pemilihan ukuran gambar

commit to user



yang dengan resolusi tersebut dikarenakan telah mampu memberikan tampilan grafis yang jelas, kuat, dan colourful serta memiliki ukuran file yang tidak cukup besar. Sehingga, penulis merasa dengan resolusi tersebut sudah sesuai dengan kebutuhan dalam pembuatan game. Kemudian disimpan dengan nama HP_bar.png, yang nantinya akan dijadikan asset dalam pembuatan game.

Gambar 4.41 Tahapan Awal Pembuatan HP dan Oksigen Bar

Gambar 4.42 Tampilan Akhir Pembuatan HP dan Oksigen Bar 4.1.7.3 Pembuatan Item Pembuatan item disini adalah sebagai sprite yang nantinya digunakan dan dipanggil di Unity. Pembuatannya hanya menggunakan Adobe Photoshop CS6.

commit to user



Drop shadow dan inner shadow digunakan untuk memberikan efek bayangan pada tombol, lalu ditambahkan shape rounded. Rectangle tool warna putih untuk memberi kesan 3D pada button. Dan pada teks diberikan efek outer glow agar perintah item lebih terlihat jelas. Pembuatan item terlihat pada Gambar 4.43.

Gambar 4.43 Tampilan Pembuatan Item 4.1.8

Pembuatan Tutorial Game

Untuk membuat tutorial game dibutuhkan gambar-gambar yang sudah dibuat untuk memperjelas instruksi pada permainan ini dan sekaligus memberikan instruksi kontrol. Untuk membuatnya menggunakan Adobe Photoshop CS6. Ukuran untuk tutorial game ini adalah 1280 x 800px. Pemilihan ukuran gambar yang dengan resolusi tersebut dikarenakan telah mampu memberikan tampilan grafis yang jelas, kuat, dan colourful serta memiliki ukuran file yang tidak cukup besar. Sehingga, penulis merasa dengan resolusi tersebut sudah sesuai dengan kebutuhan dalam pembuatan game. Pada background instruksi ditambahkan shape yang dibuat dengan Adobe Photoshop diberikan efek gradient overlay untuk gradasi warnanya agar background instruksi tampak seperti 3D. Shape pada bagian bawah diberikan efek inner shadow untuk membuat bayangan pada background instruksi tersebut. Pada beberapa gambar diberikan efek drop shadow untuk memberi bayangannya dan outer glow agar lebih bercahaya. Kemudian disimpan dengan

commit to user



nama hm.png yang nantinya akan dijadikan tampilan scene dalam pembuatan game.

Gambar 4.44 Tahapan Awal Pembuatan Tutorial Game

Gambar 4.45 Tampilan Akhir Pembuatan Tutorial Game 4.1.9

Pengubahan Sound dari Format Mp3 Menjadi Ogg

Pada aplikasi game ini, menggunakan sound musik yang simple dan enak di dengar sebagai backsound game. Untuk merubah sound format dari mp3 menjadi ogg, maka perlu software Format Factory 2.90. Dengan cara dengan klik tombol

commit to user



audio lalu pilih menu All to OGG, kemudian akan muncul window baru, kemudian klik add file masukkan musik yang akan di ubah, trus klik tombol mulai untuk mengubah format file mp3 menjadi OGG. Kemudian seluruh file sound yang telah diubah tersebut disimpan ke dalam folder asset sound pada Unity 3D. Suara musik yang dipakai dalam game The Adventure of Joko Kendil ini adalah suara musik yang diunduh dari beberapa web di google yang bersifat free download dengan menyesuaikan jenis musik yang cocok untuk game ini. Berikut adalah file musik dari format mp3 yang di convert menjadi format OGG: a. Ahh.mp3 disimpan menjadi ahh.ogg b. Cling.mp3 disimpan menjadi cling.ogg c. Damage5.mp3 disimpan menjadi Damage5.ogg d. Danau.mp3 disimpan menjadi danau.ogg e. Powerup.mp3 disimpan menjadi Powerup.ogg f. Laser.mp3 disimpan menjadi Laser.ogg g. Explosion6 disimpan menjadi Explosion6.ogg h. Item3.mp3 disimpan menjadi Item3.ogg i. Battle8.mp3 disimpan menjadi Battle8.ogg

Gambar 4.46 Tampilan Pengubahan Format MP3 ke OGG

commit to user



Penulis memilih menggunakan format musik dengan ekstensi .OGG dikarenakan pada Unity 3D, sangat mendukung penggunaan sound dengan format tersebut. Selain itu dari beberapa tutorial yang penulis dapatkan kebanyakan di dalam tutorial mengajarkan memberikan efek suara pada game dengan format sound-nya adalah .OGG. 4.2 Implementasi Pada Unity 3D Setelah pembuatan desain dilakukan, selanjutnya dibutuhkan pengkodean untuk permainan. Dalam pembuatan game ini menggunakan game engine Unity 3D, berikut penjelasan singkat mengenai Unity 3D versi 4.3.3

B A

C F

D

E G

Gambar 4.47 Tampilan Window Project Pada Unity

H

Gambar 4.48 Tampilan Window Project Pada Unity

commit to user



I

J

Gambar 4.49 Tampilan Window Project Pada Unity Berikut penjelasan singkat mengenai gambar diatas : a. Poin A : menunjukkan kolom hierarchy, kolom ini berisi mengenai daftar objek yang akan terdapat didalam game. Kolom ini digunakan untuk memasukkan objek objek yang digunakan dalam pembuatan game. b. Poin B : menunjukkan kolom scene, kolom ini berisi mengenai tampilan objek objek yang akan terlihat didalam game. Kolom ini digunakan untuk menata dan menyusun objek secara sistematis agar tampilan game terlihat sempurna. c. Poin C : menunjukkan kolom game, kolom ini merupakan gambaran atau preview dari tampilan game sebenarnya. Seluruh objek yang dimasukkan kedalam hierarchy dan yang telah disusun didalam scene maka jika tombol play ditekan, seluruh objek yang telah diatur akan muncul pada kolom game dan kolom ini juga digunakan sebagai uji coba dari game yang dibuat. Pada kolom ini kita juga dapat mengatur beberapa settingan resolusi layar yang disediakan Unity. d. Poin D : menunjukkan kolom Project, kolom ini merupakan tempat penyimpanan seluruh asset dari objek pembuatan game yaitu asset animator, prefabs, scene, script, sound dan texture. Asset animator

commit to user



berisikan animasi yang terdapat dalam game, asset prefabs berisi seluruh objek yang digunakan didalam pembuatan game dimana ekstensi-nya telah dirubah menjadi .prefab, asset scene berisikan scene yang digunakan dalam pembuatan game, asset script berisikan seluruh script yang digunakan dalam pembuatan game, asset sound berisikan seluruh audio yang dibutuhkan dalam pembuatan game, dan asset texture berisikan seluruh objek objek yang digunakan dalam pembuatan game. e. Poin E : menunjukkan daftar script yang terdapat dalam pembuatan game. Dapat dilihat dengan cara pada kolom project pilih asset kemudian pilih script maka seluruh script yang terdapat didalam pembuatan game akan muncul, dan jika kita klik dua kali maka secara otomatis script tersebut akan terbuka lewat Mono-develop Unity. f. Poin F : menunjukkan kolom inspector, kolom ini berisi mengenai informasi secara mendetail dari setiap objek yang digunakan didalam game. Kolom inspector, digunakan untuk menyetting settingan dari tiap objek contohnya mengatur posisi objek, mengatur efek, mengatur script yang diberikan dan sebagainya. g. Poin G : menunjukkan kolom preview object, kolom ini berisi mengenai tampilan setiap objek yang digunakan dalam pembuatan game. Kolom ini digunakan untuk mengecek apakah telah sesuai settingan objek yang diberikan. h. Poin H : menunjukkan kolom console, kolom ini berisi mengenai daftar error dan result yang terdapat didalam game. Jika kita menekan tombol play pada kolom game, maka apabila tidak ditemukan eror maka game akan berjalan dengan kondisi kolom console kosong dan jika ditemukan error maka game tidak dapat dimainkan kemudian pada kolom console akan keluar notifikasi error kemudian apabila ditekan dua kali maka secara otomatis akan membuka script serta menunjukkan letak error-nya tersebut. i. Poin I : menunjukkan kolom animation, kolom ini berisi mengenai animasi yang disetting pada setiap objek didalam pembuatan game.

commit to user



Kolom ini digunakan untuk memasukkan dan menyetting animasi dari objek objek tersebut. j. Poin J : menunjukkan kolom windows animator controller, kolom ini berisi mengenai settingan alur dari animasi yang ada dalam pembuatan objek. Pada kolom ini menunjukkan hubungan antara animasi animasi tersebut. Sebagai contoh, dari settingan default any state maka animasi pertama yang akan dijalankan adalah renang. Setelah memahami secara umum fungsi dari masing masing kolom pada Unity 4.3.3 berikut penjelasan mengenai implementasi pembuatan secara umum game The Adventure Of Joko Kendil bagian ketiga yaitu Permata Untuk Putri Raja pada Unity 4.3.3. 4.2.1

Pembuatan Project Pada Unity

Langkah awal dalam pembuatan project adalah pilih file lalu pilih new project, kemudian secara otomatis masuk ke windows scene. Langkah selanjutnya adalah memberikan objek dan segala kebutuhan yang diperlukan untuk pembuatan scene tersebut. Untuk memasukkan objek pada Unity, pada kolom Asset klik kanan kemudian pilih new asset dan pilih objek yang akan digunakan, asset yang telah dimasukkan kedalam Unity maka secara otomatis akan menjadi game object, untuk mengatur settingan dapat dilakukan pada kolom inspector. Dalam object inspector tersebut digunakan untuk memberikan settingan seperti texture type, sprite mode, filter mode, max size, compressed dan sebagainya. Untuk objek lainnya, untuk mengimport ke dalam Unity melakukan dengan cara yang sama. Setelah pengaturan game object selesai maka langkah selanjutnya adalah memasukkan game object tersebut ke dalam scene game ke dalam kolom hierarchy maka game object tersebut akan muncul ke dalam scene. Aset aset yang akan digunakan secara menerus maupun yang akan dipanggil pada scene lain, sebaiknya disimpan didalam asset list. Aset yang berada didalam asset list secara otomatis akan berubah ekstensinya menjadi .prefab. Untuk membuat animasi didalam Unity, langkah awal adalah pada asset klik kanan pilih animator controller, lalu masukkan animator controller tersebut

commit to user



ke dalam objek yang ditentukan. Kemudian untuk membuat klip animasinya langkahnya adalah klik kanan pada asset kemudian pilih import new asset, lalu masukkan gambar sprite animasi. Kemudian pada Inspector pada texture type Sprite, ubah sprite mode dari single menjadi multiple. Kemudian pilih sprite editor, maka secara otomatis akan masuk pada windows sprite editor pilih slice lalu pilih automatic kemudian apply maka gambar sprite tersebut akan terpotong otomatis dan hasilnya berada pada kolom asset. Potongan dari sprite tersebut kita pilih kemudian drag pada kolom animation kemudian klik kanan pilih New Clip, memberi nama maka secara otomatis animasi tersebut telah dibuat. Tekan tombol play pada kolom animation kemudian perhatikan pada kolom preview untuk mengecek animasi apakah telah sesuai. Bila didalam satu objek terdapat beberapa animasi, maka langkah untuk pembuatan animasinya sama seperti yang diatas namun untuk memberikan transisi, dengan cara pada objek yang ditentukan didalam animator controller dari objek tersebut. Dapat dilihat bahwa klip animasi yang ada didalamnya akan menjadi sebuah state, untuk membuat transisi klik kanan pada state yang akan dijadikan state awal kemudian pilih make transtition, kemudian hubungkan antara state tersebut dengan state selanjutnya. Pada animator controller klik tanda plus pada kolom parameters, kemudian masukkan parameter baru. Lalu pada kolom Inspector bagian Conditions mengatur kondisi yang diberikan pada parameters tersebut. Untuk membuat script didalam unity, langkahnya dengan klik kanan pada asset pilih create pilih C# kemudian beri nama pada script tersebut, double click script tersebut maka secara otomatis Mono-Develop Unity akan dijalankan. Mono-Develop Unity merupakan bundle dari Unity yang digunakan sebagai pengolah script. Maka secara otomatis akan masuk pada script tersebut, dimana telah terdapat class dengan nama yang sesuai dengan nama script yang diberikan. Kemudian penulis mengembangkan script tersebut sesuai kebutuhan dan tujuan pembuatan dari script tersebut. Berikut merupakan tabel yang berisi daftar file yang digunakan dalam pembuatan game The Adventure Of Joko Kendil bagian Permata Untuk Putri Raja, yang tersimpan dalam folder asset pada Unity 3D.

commit to user



Gambar 4.50 Tampilan Asset Animation Project Pada Unity 3D

Gambar 4.51 Tampilan Asset Prefabs Project Pada Unity 3D

commit to user



Gambar 4.52 Tampilan Asset Scene Project Pada Unity 3D

Gambar 4.53 Tampilan Asset Script Project Pada Unity 3D

commit to user



Gambar 4.55 Tampilan Asset Sound Project Pada Unity 3D

Gambar 4.56 Tampilan Asset Texture Project Pada Unity 3D

commit to user



Tabel 4.1 Daftar Komponen Yang Digunakan Dalam Pembuatan Game No 1

Folder Asset Animation

Nama File air.anim

Keterangan Sebagai

efek

animasi

gerakan air air.controller

Sebagai

animator

controller dari animasi air bledos.anim

Sebagai

efek

ledakan

buaya

animasi ketika

bertabrakan dengan aktor saat event powerup bledos.controller

Sebagai controller

animator dari

animasi

ledakan buaya bledosubur.anim

Sebagai

efek

animasi

ledakan ubur ubur ketika bertabrakan dengan aktor saat event powerup boyo.anim

Sebagai

efek

animasi

gerakan buaya boyo.controller

Sebagai controller

animator dari

animasi

buaya Player.controller

Sebagai controller aktor

commit to user

animator dari

animasi



powerup.anim

Sebagai ketika

efek aktor

animasi mendapat

powerup renang.anim

Sebagai

efek

animasi

gerakan berenang aktor tabrak.anim

Sebagai

efek

animasi

ketika aktor bertabrakan dengan musuh ubur.anim

Sebagai

efek

animasi

gerakan ubur ubur ubur.controller

Sebagai controller

animator dari

animasi

ubur 2

Prefabs

awan.prefab

Sebagai game object di dalam game dari obyek awan pertama

awanb.prefab

Sebagai game object di dalam game dari obyek awan kedua

awanc.prefab

Sebagai game object di dalam game dari obyek awan ketiga

batu.prefab

Sebagai game object di dalam game dari obyek batu pertama

commit to user



batu2.prefab

Sebagai game object di dalam game dari obyek batu kedua

boyo1 1.prefab

Sebagai game object di dalam game dari obyek buaya pertama

boyo1 2.prefab

Sebagai game object di dalam game dari obyek buaya kedua

boyo1 3.prefab

Sebagai game object di dalam game dari obyek buaya ketiga

boyo1 4.prefab

Sebagai game object di dalam game dari obyek buaya keempat

boyo1 5.prefab

Sebagai game object di dalam game dari obyek buaya kelima

buble.prefab

Sebagai game object di dalam game dari obyek gelembung udara

heart.prefab

Sebagai game object di dalam game dari obyek item hati

heart-broken.prefab

Sebagai game object di dalam game dari obyek item hati patah

commit to user



karang_1.prefab

Sebagai game object di dalam game dari obyek karang pertama

karang_3.prefab

Sebagai game object di dalam game dari obyek karang kedua

pasir.prefab

Sebagai game object di dalam game dari obyek pasir

permata.prefab

Sebagai game object di dalam game dari obyek permata

roti.prefab

Sebagai game object di dalam game dari obyek roti

rumput.prefab

Sebagai game object di dalam game dari obyek rumput laut pertama

rumput6.prefab

Sebagai game object di dalam game dari obyek rumput laut kedua

tebing.prefab

Sebagai game object di dalam game dari obyek tebing

ubur1.prefab

Sebagai game object di dalam game dari obyek ubur-ubur

commit to user



3

Scenes

gameplay.unityscene

Scene

yang

digunakan

untuk mengatur tampilan game dan

menyetting

aturan permainan game petunjuk_laut.unityscene Scene

yang

digunakan

untuk mengatur tampilan tutorial game 4

Scripts

awanmove.cs

Script

yang

digunakan

untuk

mengatur

pergerakan obyek awan pada game diamondmove.cs

Script

yang

digunakan

untuk

mengatur

pergerakan obyek permata pada game enemyMove.cs

Script

yang

digunakan

untuk

mengatur

pergerakan obyek musuh buaya pada game gameover.cs

Script untuk

yang

digunakan

mendeklarasikan

game over pada game gamewin.cs

Script untuk

yang

digunakan

mendeklarasikan

game win pada game hancur_laut.cs

Script untuk

commit to user

yang

digunakan

mendeklarasikan



menghancurkan

obyek

pada game hatimove.cs

Script

yang

digunakan

untuk

mengatur

pergerakan

obyek

hati

pada game HUDpowerup.cs

Script

yang

digunakan

untuk

mengatur

item

powerup pada game movetengah.cs

Script

yang

digunakan

untuk

mengatur

pergerakan obyek musuh buaya pada game dengan gerakan

statis

ditengah

layar napas.cs

Script

yang

digunakan

untuk

mengatur

obyek

nafas pada game nyawa.cs

Script

yang

digunakan

untuk

mengatur

obyek

nyawa pada game oksigen.cs

Script

yang

digunakan

untuk

mengatur

event

ketika aktor bernafas pada game pasirmove.cs

Script untuk

commit to user

yang

digunakan mengatur



pergerakan obyek pasir pada game petunjuk_laut.cs

Script

yang

digunakan

untuk mengatur tampilan tutorial pada game PlayerController.s

Script

yang

digunakan

untuk

mengatur

event,pergerakan

obyek

aktor pada game spawnboyo.cs

Script

yang

digunakan

untuk

mengatur

kemunculan obyek buaya spawnbuble.cs

Script

yang

digunakan

untuk

mengatur

kemunculan

obyek

gelembung udara spawndiamond.cs

Script

yang

untuk

digunakan mengatur

kemunculan

obyek

permata spawnhati.cs

Script

yang

untuk

digunakan mengatur

kemunculan obyek hati spawnkarang.cs

Script untuk

yang

digunakan mengatur

kemunculan obyek karang

commit to user



spawnpasir.cs

Script

yang

untuk

digunakan mengatur

kemunculan obyek pasir spawnubur.cs

Script

yang

untuk

digunakan mengatur

kemunculan obyek uburubur uburmove.cs

Script

yang

untuk

digunakan mengatur

pergerakan obyek uburubur pada game UI.cs

Script

yang

digunakan

untuk mengatur notifikasi sebagai

indikator

memenangkan game 5

sound

ahh.ogg

Efek suara yang digunakan ketika aktor bertabrakan dengan musuh

Battle8.ogg

Efek suara yang digunakan ketika aktor mendapatkan item powerups

cling.ogg

Efek suara yang digunakan ketika aktor mendapatkan objek permata

danau.ogg

Efek suara yang digunakan untuk memainkan suara danau selama permainan

commit to user



Explosion.ogg

Efek suara yang digunakan ketika aktor bertabrakan dengan musuh saat event powerups

Item3.ogg

Efek suara yang digunakan ketika aktor mendapatkan item hati

Laser.ogg

Efek suara yang digunakan ketika aktor mendapatkan item hati patah

Powerup.ogg

Efek suara yang digunakan ketika aktor mendapatkan item roti

6

Texture

1.png

File gambar dari objek buaya

pertama

digunakan

yang dalam

pembuatan game sebagai komponen animasi buaya 2.png

File gambar dari objek buaya digunakan

kedua

yang dalam

pembuatan game sebagai komponen animasi buaya air1.png

File gambar dari objek air pertama yang digunakan dalam pembuatan game sebagai komponen animasi air

commit to user



air2.png


kedua

digunakan

yang dalam

pembuatan game sebagai komponen animasi air air3.png


ketiga

digunakan

yang dalam

pembuatan game sebagai komponen animasi air batu2.png

File gambar dari objek batu

pertama

digunakan

yang dalam

pembuatan game batu.png

File gambar dari objek batu

kedua

digunakan

yang dalam

pembuatan game berenang.png

File sprite gambar dari objek

aktor

digunakan

yang dalam

pembuatan game sebagai komponen animasi aktor berenang normal berenangmerah.png

File sprite gambar dari objek digunakan

aktor

yang dalam

pembuatan game sebagai komponen animasi aktor

commit to user



ketika bertabrakan dengan musuh bledos1.png

File gambar dari objek ledakan

pertama

yang

digunakan

dalam

pembuatan game sebagai komponen

animasi

ledakan ketika bertabrakan dengan aktor saat event powerups bledos2.png


kedua

yang

digunakan

dalam


animasi

ledakan ketika bertabrakan dengan aktor saat event powerups bledos3.png


ketiga

yang

digunakan

dalam


animasi

ledakan ketika bertabrakan dengan aktor saat event powerups buble.png

File gambar dari objek gelembung

commit to user

udara

yang



digunakan

dalam

pembuatan game Button Close.png

File gambar dari objek tombol

keluar

yang

digunakan

dalam

pembuatan game energi.png

File sprite gambar dari objek

aktor

yang

digunakan

dalam

pembuatan game sebagai komponen animasi aktor saaat event powerups gameover.png

File

gambar

sebagai

tampilan scene gameover digunakan

dalam

pembuatan game heart.png

File gambar dari objek hati yang

digunakan

dalam

pembuatan game untuk membantu menambah HP aktor heart-broken.png

File gambar dari objek hati patah

yang

digunakan

dalam pembuatan game untuk

mengurangi

HP

aktor hm.png

File

gambar

tampilan

commit to user

sebagai

scene tutorial



digunakan

dalam

pembuatan game Hp_bar.png

File gambar dari objek indikator HP aktor yang digunakan

dalam

pembuatan game jellyfish.png

File gambar dari objek ubur-ubur yang digunakan dalam pembuatan game sebagai komponen animasi ubur-ubur

karang.png

File gambar dari objek karang yang digunakan dalam pembuatan game

keluar.png

File

gambar

dari

teks

keterangan keluar yang digunakan

dalam

pembuatan game komik6.png

File

gambar

tampilan

scene

digunakan

sebagai komik dalam

pembuatan game sebelum masuk pada gameplay komik7.png

File

gambar

tampilan digunakan

scene

sebagai komik dalam

pembuatan game sebelum masuk pada gameplay

commit to user



komik8.png

File

gambar

tampilan

sebagai

scene

digunakan

komik dalam

pembuatan game setelah memenangkan gameplay langit1.png

File gambar background langit digunakan dalam pembuatan game

matahari.png

File gambar dari objek matahari yang digunakan dalam pembuatan game

nafas.png

File

gambar

keterangan

dari

nafas

digunakan

teks yang dalam

pembuatan game nyawa.png

File

gambar

dari

teks

keterangan nyawa yang digunakan

dalam

pembuatan game O2-icon.png

File gambar dari ikon oksigen yang digunakan dalam pembuatan game

pasir.png

File gambar dari objek pasir

yang

digunakan

dalam pembuatan game pause-que.png


commit to user

pause

yang



digunakan

dalam

pembuatan game permata.png

File gambar dari objek permata yang digunakan dalam pembuatan game sebagai

indikator

kemenangan game player-play.png


play

digunakan

yang dalam

pembuatan game reload.png


reload

digunakan

yang dalam

pembuatan game roti.png

File gambar dari objek roti yang

digunakan

dalam

pembuatan game sebagai indikator item powerups rumput6.png

File gambar dari objek rumput

laut

digunakan

yang dalam

pembuatan game tebing.png

File gambar dari objek tebing

yang

digunakan

dalam pembuatan game tebing2.png

File gambar dari tampilan background tebing yang

commit to user



digunakan

dalam

pembuatan game ulangi.png

File

gambar

dari

teks

keterangan ulangi yang digunakan pembuatan game

commit to user

dalam



4.2.2

Implementasi Script

Dalam pembuatan game ini menggunakan game engine Unity 3D, dimana terdapat MonoDevelop-Unity, sebagai pengolah script dalam pembuatan permainan ini dan mendukung bahasa C# yang merupakan software bundle dari Unity3D. Dan berikut beberapa script utama yang digunakan dalam pembuatan game a) Script Utama untuk Player Controller Script PlayerController merupakan script yang mengatur gerakan dari aktor, mengatur ketika terjadi tabrakan dengan musuh, ketika mendapatkan item dan powerup, dan ketika memenangkan game. Script ini berada pada kolom project pada folder asset script dengan nama PlayerController.cs if (Input.touchCount == 1) { tap= Input.GetTouch(0); }

Berikut penjelasan untuk potongan script diatas jika hanya terdapat inputan satu jari maka nilai dari variabel tap dilabeli dengan GetTouch(0). Ketika ada inputan satu jari maka inputan tersebut akan ditangkap. If (pause) { style = styleresume; Time.timeScale = 0f; } else { style = stylepause; Time.timeScale = 1f; }

Kemudian jika button pause pada layar ditekan maka kondisi pada variabel pause akan berubah yaitu variabel style akan bernilai style resume sehingga tampilan

pada layar akan

berubah menjadi

button

play, kemudian

Time.timescale bernilai nol hal ini akan mengakibatkan game berhenti. Jika

commit to user



button play ditekan maka yang terjadi adalah kebalikan dari kondisi pause tersebut. if (Input.GetMouseButton(0)&&tap.phase==TouchPhase.Beg an){ rigidbody2D.AddForce(gaya); }

Jika kondisi inputan bernilai GetMouseButton(0) (mendeklarasikan input tap pada layar hp dan klik pada mouse) serta variabel tap tersebut merupakan awal maka diberikan variabel pada physic character. if (transform.localPosition.y >= 8) { transform.localPosition = new Vector3(transform.localPosition.x,8,0); } if (transform.localPosition.y <= -13) { transform.localPosition = new Vector3(transform.localPosition.x,-13,0); }

Jika kondisi posisi transform y lebih dari delapan maka dideklarasaikan posisi baru dimana kondisi y tidak boleh lebih dari delapan. Begitu juga untuk kondisi y dengan nilai -13. If (Input.GetKeyDown(KeyCode.Escape)) { Application.Quit(); } }

Jika nilai inputan dari HP memiliki keycode escape maka aplikasi akan ditutup dan keluar ke menu. void OnTriggerEnter2D(Collider2D kotak){

commit to user



Jika game object melewati collider dari objek lain maka akan menjalankan kondisi sesuai dari tag yang ada. if (kotak.tag == "enemy" && !powerup) { soundowh.Play(); anim.SetBool("nabrak",true); kotaknyawa.x = nyawa.ukuran.x - 0.2f; kotaknyawa.y

=

nyawa.ukuran.y; pos.x = nyawa.posisi.x - 0.1f; StartCoroutine("tunggu"); } Destroy(kotak.gameObject); }

Jika variabel kotak dengan kondisi tag bernilai enemy dan dengan kondisi invers dari variabel power up maka akan memainkan sound owh, boolean variable nabrak bernilai true, ukuran x pada variabel kotaknyawa akan dikurangi 0.2,ukuran y akan di-update dengan kondisi terbaru, posisi x pada variabel nyawa akan berkurang 0.1, dan method IEnumerator tunggu akan dijalankan. Dan jika variabel kotak dengan kondisi tag bernilai enemy dan bernilai variabel powerup maka game object akan dihancurkan. if (kotak.tag== "diamond") { soundcling.Play(); Destroy(kotak.gameObject); win = true; lanjut = true; }

Jika variabel kotak dengan kondisi tag bernilai hati maka akan memainkan suara item, game object akan dihancurkan, kondisi variabel win bernilai true, dan variabel lanjut bernilai true. if (kotak.tag == "hati") { soundpower.Play(); Destroy(kotak.gameObject); if (kotaknyawa.x < nyawa.ukuranMax.x) {

commit to user



kotaknyawa.x

=

nyawa.ukuran.x

+

0.2f;

kotaknyawa.y

=

nyawa.ukuran.y; pos.x = nyawa.posisi.x + 0.1f } }

Jika variabel kotak dengan kondisi tag bernilai hati maka akan memainkan sound item, menghancurkan game object, dan jika nilai x dari variabel kotak nyawa lebih kecil dari nilai x dari variabel ukuranMax maka ukuran x pada variable kotaknyawa akan bertambah 0.2,ukuran y akan di-update dengan kondisi terbaru, posisi x pada variabel nyawa akan bertambah 0.1. if(kotak.tag == "powerup"){ Destroy(kotak.gameObject); StartCoroutine("powerupaktif"); } }

Jika variabel kotak dengan kondisi tag bernilai powerup maka game object dihancurkan dan method IEnumetor powerupaktif dijalankan. if (lanjut){ Time.timeScale = 0.0F; lanjut=false; level=level+1; spawndiamond.i= 3; kotaknyawa.x = nyawa.ukuranMax.x; pos.x = nyawa.posisiMax.x; StartCoroutine("terus"); } if (level==4){ windowlvl=false; Application.LoadLevel("gamewin"); }

commit to user



Jika pada kondisi lanjut bernilai true maka Time.timescale bernilai 0 ini akan menghentikan game, kemudian level akan diupdate dengan nilai bertambah 1, inilialisasi awal spawndiamond akan bernilai tiga kembali, nilai x dari variabel kotak nyawa akan berukuran maksimal atau penuh kembali, posisi dari x dari variabel nyawa akan dikembalikan pada posisi maksimal, dan method IEnumerator terus akan dijalankan. Jika kondisi variabel level bernilai 4 maka akan dijalankan scene game win. b) Script untuk mengatur ukuran dan warna indikator Health Point player Script nyawa merupakan script yang digunakan untuk inisialisasi awal ukuran indikator HP bar aktor, untuk mengatur warna ketika terjadi perubahan ukuran, dan untuk mendeklarasikan ketika gameover. Script ini berada pada kolom project pada folder asset script dengan nama nyawa.cs. void Update () { transform.localScale

=

PlayerController.kotaknyawa; transform.localPosition = PlayerController.pos; ukuran = transform.localScale; posisi = transform.localPosition; if (transform.localScale.x <=2f) { renderer.material.color = Color.yellow; } if (transform.localScale.x <=1f) { renderer.material.color = Color.red; } if (transform.localScale.x >2f) { renderer.material.color = Color.green; } if (transform.localScale.x <= 0) { Application.LoadLevel("gameover"); } } }

commit to user



Pada method update, nilai dari komponen ukuran dan posisi dari game object (health point indicator ) akan di-update sesuai dari nilai variabel kotaknyawa dan pos pada kelas PlayerController. Jika nilai komponen x dari game object kurang dari dua maka komponen material renderer akan berubah warna menjadi kuning, jika kurang dari satu maka akan berubah warna menjadi merah, jika lebih dari dua maka akan berubah warna menjadi hijau dan jika kurang dari 0 maka akan berpindah ke scene game over. c) Script untuk menyetting indikator Oksigen Script napas merupakan script yang digunakan untuk inisialisasi awal ukuran indikator oksigen bar aktor, untuk mengatur warna ketika terjadi perubahan ukuran, dan untuk mendeklarasikan ketika gameover. Script ini berada pada kolom project pada folder asset script dengan nama oksigen.cs. void Update () { if(PlayerController.lanjut){ transform.localScale = ukuranMax; transform.localPosition = posisiMax; ukuran = ukuranMax; posisi =

posisiMax; }

if(!IsInvoking("waktu")){ Invoke ("waktu",1); } if(oksigen.breathing){ CancelInvoke("waktu");

!=ukuranMax.x){ }

Pada method update, jika variabel lanjut pada kelas PlayerController bernilai true maka ukuran komponen x dari game object (oksigen) akan kembali pada posisi dan ukuran maksimal. Pengecekan kondisi method waktu tidak pada posisi invoke, maka method waktu akan dijalankan dengan delay satu detik. Dan jika variabel breathing pada kelas oksigen bernilai true maka akan membatalkan

commit to user



invoke method waktu, kemudian pengecekan kondisi method waktu1 tidak dijalankan dan komponen x tidak bernilai maksimal maka invoke waktu1 akan dijalankan dengan delay satu detik. If (PlayerController.windowlvl){ CancelInvoke("waktu1"); } if (transform.localScale.x <=2.25f) { renderer.material.color

=

Color.cyan;

} if (transform.localScale.x <=1.125f) { renderer.material.color

=

Color.gray;

} if (transform.localScale.x >2.25f) { renderer.material.color

=

Color.blue;

} if (transform.localScale.x <= 0) { Application.LoadLevel("gameover"); } if(ukuran.x>=ukuranMax.x){ CancelInvoke("waktu1"); } }

Jika variabel windowlvl pada kelas PlayerCrontoler bernilai true maka invoke waktu dan waktu1 dibatalkan. Jika nilai komponen x dari game object kurang dari dua koma dua lima maka komponen material renderer akan berubah warna menjadi cyan, jika kurang dari satu koma dua lima maka akan berubah warna menjadi abu abu, jika lebih dari dua koma dua lima maka akan berubah warna menjadi biru dan jika kurang dari 0 maka akan berpindah ke scene game over. void waktu(){ ukuran.x -= 0.1f; posisi.x -= 0.05f; transform.localScale = ukuran; transform.localPosition = posisi; ukuran = transform.localScale;

commit to user



posisi = transform.localPosition; } void waktu1(){ if (ukuran.x!=ukuranMax.x){ ukuran.x += 0.3f; posisi.x += 0.15f; transform.localScale = ukuran; transform.localPosition = posisi; ukuran = transform.localScale; posisi = transform.localPosition; } } }

Jika method waktu berjalan maka akan mengurangi nilai x dari variabel ukuran sebesar 0.1, mengurangi nilai x dari variabel posisi sebesar 0.05, mengupdate nilai dari variabel ukuran, dan meng-update nilai dari variabel posisi. Jika method waktu1 berjalan, dengan syarat kondisi nilai x dari variabel ukuran tidak sama dengan maksimal maka nilai x dari variabel ukuran akan bertambah sebesar 0.3, nilai x dari variabel posisi akan bertambah sebesar 0.15, meng-update nilai dari variabel ukuran, dan meng-update nilai dari variabel posisi. d) Script untuk mengatur notifikasi melanjutkan dan memenangkan game Script UI merupakan script yang digunakan untuk menampilkan teks notifikasi sebagai indikator memenangkan game pada tiap tingkatan, dan untuk mendeklarasikan ketika gamewin. Script ini berada pada kolom project pada folder asset script dengan nama UI.cs. void Update () { if(PlayerController.win){ if(PlayerController.level == 2) win.text = "Kurang 2 Berlian !!!"; if(PlayerController.level == 3)

commit to user



win.text = "Kurang 1 Berlian !!!"; if(PlayerController.level > 3) win.text = "Anda Menang !!!"; }else{ win.text = ""; } if(PlayerController.powerup){ danau.mute = true; }else{ danau.mute = false; } } }

Pada method Update, jika variabel win yang berada pada kelas PlayerController bernilai true maka pengecekan kondisi kelas PlayerController nilai level

level tiga maka level lebih dari tiga maka akan variabel powerup yang berada pada kelas

PlayerController bernilai true maka suara danau akan mute. 4.3 Build dan Instalasi Game Setelah seluruh desain, objek, dan komponen selesai disetting kemudian seluruh script telah selesai dibuat dan telah diujicoba tanpa ditemukan error reporting maka proses selanjutnya adalah mem-building game tersebut. Untuk build game pada Unity 4.3.3 maka langkahnya adalah pilih File kemudian pilih Build & Setting, lalu masukkan daftar scene yang akan di-build kemudian pilih platform yang sesuai dalam hal ini Android kemudian pilih player setting untuk menyetting informasi seputar game seperti nama pembuat, nama game, icon game, dan sebagainya. Setelah semua dirasa cukup maka klik Build. Kemudian proses akan berjalan, lalu file ber-ektensi .apk akan muncul didalam folder tempat penyimpanan yang telah ditentukan saat proses build. Berikut tampilan proses building game pada Unity ditunjukkan Gambar 4.57.

commit to user



Gambar 4.57 Tampilan Build Game Setelah proses build game selesai maka secara otomatis akan muncul folder dimana lokasi penyimpanan file .apk tersebut sesuai settingan saat proses build game pada Unity 4.3.3. Berikut tampilan folder dimana hasil file .apk disimpan, ditunjukkan pada Gambar 4.58. Dan file.apk terbaru ditunjukkan oleh tanda panah.

Gambar 4.58 Tampilan Folder Penyimpanan file .apk

commit to user



Kemudian untuk proses instalasi pilih file .apk yang akan diinstal kemudian copy pada gadget yang sesuai dengan settingan platform yaitu android. Lalu pilih file .apk tersebut kemudian pilih install, maka secara otomatis file tersebut akan terinstal kedalam gadget. Berikut proses instalasi aplikasi game pada smartphone, ditunjukkan pada Gambar 4.59.

1

2

4

5

3

6

Gambar 4.59 Tampilan Proses Instalasi Game 4.4 Hasil Implementasi 4.4.1

Halaman Main Menu

Halaman Main Menu merupakan halaman yang memuat menu-menu utama dalam aplikasi, yaitu MULAI (untuk memulai memainkan game), CREDIT (masuk pada data pembuat game), dan KELUAR (keluar dari aplikasi). Berikut tampilan halaman main menu dalam aplikasi ini :

commit to user



Gambar 4.60 Tampilan Main Menu Game 4.4.2

Halaman Credit

Halaman ini akan muncul jika menu CREDIT pada halaman MAIN MENU ditekan. Halaman ini berisi data mengenai pembuatan aplikasi game The Adventure Of Joko Kendil. Berikut tampilan credit game :

Gambar 4.61 Tampilan Credit Game

commit to user



4.4.3

Halaman Splash Screen

Halaman Splash Screen akan muncul pada awal game dimainkan, merupakan bentuk gambaran pemberitahuan hak cipta atau license pada saat game dijalankan. Berikut tampilan splash screen game :

Gambar 4.62 Tampilan Splash Screen Game 4.4.4

Halaman Komik Game

Pada halaman ini merupakan suatu halaman yang menampilkan komik menegenai cerita rakyat Joko Kendil sebagai alur pembawa cerita game. Berikut tampilan halaman komik game :

Gambar 4.63 Tampilan Komik Game Cerita Keenam

commit to user



Gambar 4.64 Tampilan Komik Game Cerita Ketujuh

Gambar 4.65 Tampilan Komik Game Cerita Kedelapan 4.4.5

Halaman Game Over Pada halaman ini merupakan suatu halaman yang menandakan

permainan sudah selesai atau game over karena player kehabisan health point

commit to user



dan nafas atau player gagal mendapatkan permata. Berikut tampilan halaman game over :

Gambar 4.66 Tampilan halaman game over 4.4.6

Halaman Berhasil Memenangkan Game

Pada halaman ini merupakan suatu halaman yang menandakan permainan sudah selesai atau tamat karena telah menyelesaikan game The Adventure Of Joko Kendil. Berikut tampilan halamannya, ditunjukkan pada Gambar 4.67.

Gambar 4.67 Tampilan halaman memenangkan game

commit to user



4.4.7

Halaman Pemilihan Stage Game

Pada halaman ini merupakan suatu halaman yang menandakan telah berhasil atau belum dalam menjalankan misi pada tiap tiap stage game The Adventure Of Joko Kendil, jika sudah terbuka maka icon lock akan hilang. Berikut tampilan halamannya:

Gambar 4.68 Tampilan halaman pemilihan stage game 4.4.8

Halaman Tutorial Game

Halaman ini akan muncul jika tombol MULAI telah ditekan, dan sebelum memulai permainan. Halaman ini berisi mengenai cara memainkan game. Adapun tampilan antarmuka dari halaman tutorial game seperti berikut :

Gambar 4.69 Tampilan Tutorial Game

commit to user



4.4.9

Tampilan Memainkan Game Tampilan ini akan menjadi arena bermain player. Dimana pada ada 3

tingkat dengan kecepatan musuh dan jumlah musuh yang bervariatif. Berikut tampilan interface halaman game :

Gambar 4.70 Tampilan awal memainkan Game

Gambar 4.71 Tampilan game ketika player bertabrakan dengan musuh

commit to user



Gambar 4.72 Tampilan game ketika player mendapatkan power up Ketika player bertabrakan dengan musuh maka warna tubuhnya berubah menjadi merah ditunjukkan oleh Gambar 4.71 dan ketika player mendapatkan item powerups maka tubuh aktor berubah menjadi kuning, dan apabila aktor bertabrakan dengan musuh maka musuh akan meledak ditunjukkan oleh Gambar 4.72.

Gambar 4.73 Tampilan game ketika indikator menang game muncul (permata)

commit to user



Gambar 4.74 Tampilan game ketika berhasil masuk ke tingkat selanjutnya 4.5 Pengujian Untuk melakukan pengujian terhadap aplikasi yang dibuat, dilakukan dengan tiga cara pengujian yaitu RUN pada Unity3D 4.3.3, di-build kemudian dijalankan lewat smartphone android dengan beberapa macam device, dan pengujian terhadap respon dari user. Jika aplikasi sudah bisa berjalan dengan baik, proses publikasi file siap dilakukan. Publikasi file dilakukan dengan tujuan mendapatkan file dengan extensi .apk agar dapat berjalan pada semua perangkat smartphone maupun gadget yang berbasis android. Berikut data pengujian pada beberapa jenis pengujian : 4.5.1

Pengujian Fungsional Game

Pengujian fungsional game merupakan sebuah pengujian dimana menitik beratkan pada fungsi fungsi yang telah dibuat didalam game. Pengujian ini dimaksudkan untuk menguji coba apakah semua fungsi yang ada telah berjalan baik tanpa adanya bug didalam aplikasi. Tipe pengujian yang digunakan adalah pengujian blackbox. Dilakukan dengan cara,membuat tabel check list yang berisi daftar fungsi fungsi pada game kemudian diuji satu persatu lalu diberikan

commit to user



keterangan mengenai hasil test. Data hasil pengujian dapat dilihat pada Tabel 4.2. Tabel 4.2 Pengujian Fungsional Game No

1

Fungsi

Scene

Jenis

Hasil Yang

Keterangan Hasil

Diharapkan

Pengujian

Splash

Ketika

game Splash

Screen

dijalankan

maka muncul,saat

Screen awal

splash

screen game dijalankan

muncul

secara

normal, sebelum main menu Main

Ketika

splash Main

menu

Menu

screen

telah muncul,setelah

muncul

maka splash screen

selanjutnya main menu akan tampil Credit

Pada main menu, Muncul, jika tombol

Screen

jika papan Credit credit screen ditekan ditekan akan tampilan

maka pada main menu muncul credit

screen Tutorial

Jika papan mulai Muncul,

Game

pada main menu tombol game mulai ditekan, sebelum ditekan main

game

muncul

maka

akan

muncul

tampilan tutorial game

commit to user

setelah

Sesuai ?



Main

Setelah

Game

tutorial

halaman Berjalan,

setelah

game, tutorial game

maka main game akan berjalan. Game

Pada main game, Muncul, jika player

Over

jika

player kehabisan HP Bar

kehabisan HP bar atau atau

Oksigen

kehabisan gagal

oksigen

dan

menangkap

serta permata

gagal menangkap permata akan

maka muncul

scene game over Game

Pada main game,

Muncul, jika player

Win

jika player

berhasil

berhasil

mendapatkan

mendapatkan

permata

permata hingga

tingkatnya

di

setiap

tingkat ketiga maka akan muncul scene game win 2

Animasi Player

Berenang

Animasi ini

Berjalan, sejak awal

merupakan

game dimainkan

animasi default pada main game, jadi jika main game berjalan maka animasi ini otomatis berjalan

commit to user



Bertabrak Animasi ini akan Berjalan, an

jika

muncul

jika bertabrakan dengan

karakter

utama musuh warna akan

bertabrakan dengan

menjadi merah

musuh

buaya dan ubur ubur,

maka

karakter

utama

warna animasinya berubah menjadi merah Power

Animasi ini akan Berjalan,

Up

muncul

jika

jika mendapatkan power

karakter

utama up,

warna

mendapatkan item menjadi

akan kuning

roti maka karakter menyala utama

warna

animasi

berubah

menjadi kuning 3

Animasi

Buaya

Musuh

Animasi

buaya Berjalan, sejak awal

berupa ekor dan game dimainkan mulut

yang

bergerak, animasi default

dari

karakter buaya Ubur

Animasi

Ubur

ubur berupa kaki game dimainkan yang

ubur Berjalan, sejak awal

bergerak

membuka

dan

menutup, animasi

commit to user



default

dari

karakter ubur ubur 4

Sound

Danau

Suara danau akan Berbunyi, sejak awal muncul

sejak game dimainkan

main

game

dijalankan

dan

sepanjang

game

berjalan Ahh

Suara ahh akan Berbunyi, muncul

ketika

jika bertabrakan dengan

player

musuh

bertabrakan dengan

musuh

yaitu buaya dan ubur ubur, selama dua detik Item hati

Suara item hati Berbunyi, akan muncul jika mendapatkan player

ketika item

hati

mendapatkan item hati, selama satu detik Item hati Suara item hati Berbunyi, patah

patah muncul

akan mendapatkan jika hati patah

player mendapatkan item hati patah, selama satu detik

commit to user

ketika item



Power up

Suara item power Berbunyi, up akan muncul mendapatkan jika

ketika item

player power up

mendapatkan item roti,

selama

sepuluh detik Main

Suara

Music

mix akan bermain main menu muncul setelah

gamelan Berbunyi,

halaman dan pemilihan stage

splash

screen

muncul,

dan

selama pada

ketika

berada halaman

main menu dan pilih stage 5

Button

Mulai

Jika papan mulai Berfungsi, dan untuk ditekan

maka masuk ke halaman

seharusnya masuk tutorial game ke

halaman

tutorial game Credit

Jika papan credit Berfungsi, dan untuk ditekan

maka masuk ke tampilan

seharusnya masuk credit screen ke halaman credit screen Keluar

Jika papan keluar Berfungsi, dan untuk ditekan,

maka keluar game

aplikasi

game

ditutup dan akan

commit to user



keluar ke menu pada smartphone Pause

Jika button pause Berfungsi, dan untuk pada main game menghentikan ditekan

maka sementara game

akan menghentikan sementara game Play

Jika button play Berfungsi, dan untuk pada main game memainkan ditekan

game

maka kembali

akan memainkan kembali game Back

Jika button back Berfungsi, dan untuk pada smartphone keluar dari game ditekan akan

maka menutup

game dan keluar ke

menu

pada

smartphone Reload

Jika button reload Berfungsi, dan untuk pada scene game memainkan kembali over ditekan maka game akan

jika

player

muncul gagal

kembali

main

game dan player dapat memainkan kembali game Pilih

Jika

ikon

pilih Berfungsi, dan untuk

Stage

stage pada menu memainkan

commit to user

game



pilih stage ditekan sesuai

stage

yang

maka akan masuk terbuka pada stage yang tidak terkunci Icon

Jika ikon game

Berfungsi, dan untuk

Game

pada smartphone

masuk

ditekan maka

game

kedalam

seharusnya masuk ke dalam game 6

Grafis

Tampilan

Tampilan

game Bagus, seluruh objek

Game

seharusnya

lengkap dan gambar

memenuhi

tidak pecah

lengkap

semua

objeknya

dan

gambar

tidak

pecah Resolusi

Tampilan

game Bagus, game dapat

Layar

seharusnya memenuhi dalam

dijalankan layar beberapa

jenis

berbagai resolusi

jenis

pada

layar,telah

resolusi diuji

layar

dengan

beberapa

resolusi

landscape yaitu : 480 x

320px,

800

x

480px, 854 x 480px, 1024 x 600px, 1280 x 800px. 7

Gamepl

Inputan

Karakter

ay

Player

bergerak menyelam

akan Berfungsi, player jika

commit to user

Tap

jika layar



player

akan menggerakkan

memberikan

karakter player

inputan tap pada layar smartphone Gerakan

Gerakan

musuh Berfungsi,

Musuh

yang diharapkan musuh

seluruh bergerak

adalah naik turun, sesuai script yang lurus sesuai script diberikan. yang

telah

diberikan Gerakan

Gerakan

objek Berfungsi,

Objek

yang diharapkan objek

seluruh bergerak

adalah naik turun, sesuai script yang lurus sesuai script diberikan yang

telah

diberikan Kecepata

Kecepatan musuh Berfungsi, kecepatan

n Musuh

seharusnya bertambah player

musuh sesuai script jika yang

diberikan

berhasil dimana

jika

memenangkan di tingkatan bertambah tiap tingkatannya maka kecepatannya dan bergerak dari pun bertambah sisi kanan ke kiri Kecepata

Kecepatan objek Berfungsi, kecepatan

n Objek

seharusnya bertambah player

objek sesuai script jika yang diberikan

berhasil

memenangkan di tiap tingkatannya

commit to user



dan bergerak dari sisi kanan ke kiri Spawn

Spawn

musuh Berfungsi,

Musuh

seharusnya

seluruh

musuh

muncul

bertambah jumlah sesuai script yang jika

player diberikan

berhasil

jika

dimana tingkatan

memenangkan di bertambah maka rate tiap tingkatannya

spawn

semakin

berkurang sehingga musuh

semakin

sering keluar Spawn

Spawn

objek Berfungsi,

seluruh

Objek

berjumlah

tetap musuh

muncul

tiap tingkatannya, sesuai script yang namun

untuk diberikan

objek item

hati

dan

hati

item

patah seharusnya bertambah jumlah jika

player

berhasil memenangkan di tiap tingkatannya Event

Jika

player Berfungsi,

Player

menyelam

Menyela

seharusnya

m

indikator oksigen menyelam

sesuai

maka script yang diberikan

player berkurang

dimana

maka

indikator nafas akan berkurang

commit to user

jika



Event

Jika

Player

bertabrakan

Bertabrak dengan an musuh

player Berfungsi,

sesuai

script yang diberikan

musuh dimana

jika

maka seharusnya bertabrakan dengan indikator

health musuh maka HP bar

point

player player

berkurang

berkurang,

dan animasi

tabrakan

animasi

berubah main,

sound

warna

menjadi berbunyi

ahh

merah dan suara ahh akan muncul Event

Jika

player Berfungsi,

sesuai

Player

mendapatkan item script yang diberikan

Power

roti, maka sound dimana

Up

power

jika

up mendapatkan

item

berbunyi, animasi power up maka icon menjadi berwarna power up muncul, kuning, dan dapat sound menghancurkan musuh

power

berbunyi, HP player

selama tidak

sepuluh detik

up

berkurang,

Oksigen

player

berkurang,

musuh

akan

hancur

jika

bertabrakan dengan player,

countdown

10 detik berjalan Event

Jika

player Berfungsi,

Player


item hati

hati maka health dimana point player akan mendapatkan

commit to user

sesuai

jika item



bertambah,

jika hati maka HP player

sudah terisi penuh akan bertambah maka tidak dapat bertambah

dan

objek item

hati

hancur,

serta

bunyi item hati akan dimainkan. Event

Jika

player Berfungsi,

sesuai

Player


item hati hati patah maka dimana patah

jika

health

point mendapatkan

item

player

akan hati maka HP player

berkurang,

dan akan berkurang

objek item

hati

hancur,

serta

bunyi item hati patah

akan

dimainkan Event

Jika player naik Berfungsi,

sesuai

Player

ke

bernafas

maka oksigen bar dimana jika player

permukaan script yang diberikan

player

akan naik ke permukaan

bertambah,

jika maka oksigen akan

sudah terisi penuh bertambah maka tidak dapat bertambah Indikator

Indikator HP bar Berfungsi,

HP Bar

akan jika

sesuai

berkurang script yang diberikan player dimana

commit to user

akan



bertabrakan dengan

berkurang

musuh player

jika

bertabrakan

dan mendapatkan dengan musuh serta item hati patah, item hati patah dan akan

bertambah bertambah

jika

bila mendapatkan mendapatkan

item

item

akan

hati.

dalam

Jika hati,

dan

posisi kembali penuh jika

penuh maka tidak masuk

ketingkat

dapat bertambah, selanjutnya, jika

serta

berhasil warna berubah.

masuk ke tingkat selanjutnya maka akan

kembali

penuh.

Jika

kondisi

penuh

berwarna

hijau,

sisa

setengah

berwarna kuning, dan

tinggal

seperempat berwarna merah Indikator

Indikator Oksigen Berfungsi,

Oksigen

bar berkurang player

sesuai

akan script yang diberikan jika dimana jika player akan menyelam

maka

menyelam

dan oksigen

bertambah

jika dan bertambah jika

naik permukaan. dalam

ke player

berkurang

bernafas

Jika dipermukaan, posisi warna berubah

commit to user

dan



penuh maka tidak dapat bertambah, jika

berhasil

masuk ke tingkat selanjutnya maka akan

kembali

penuh.

Jika

kondisi

penuh

berwarna biru tua, sisa

setengah

berwarna

cyan,

dan

tinggal

seperempat berwarna abu abu Indikator

Jika

player Berfungsi,

Menang

mendapatkan permata akan

sesuai

script yang diberikan

maka dimana jika player muncul mendapatkan

notifikasi

masuk permata maka akan

ke

tingkat muncul

selanjutnya

dan dan

jika

notifikasi jika

telah

telah mendapatkan

mendapatkan

permata

di

ketiga

permata di ketiga tingkat maka game tingkat

maka win akan muncul

game win akan muncul Indikator

Jika

player Berfungsi,

Game

kehabisan HP atau script yang diberikan

Over

oksigen serta jika dimana jika player

commit to user

sesuai



player

gagal kehabisan HP atau

mendapatkan

oksigen

serta

permata dan scene player

jika gagal

game over akan mendapatkan muncul

permata dan me-load scene game over

Dari data tabel pengujian diatas, maka dapat dikatakan seluruh script yang digunakan telah berjalan sesuai keinginan. Sehingga seluruh fungsional game berjalan baik, dan tidak ditemukannya bug pada game The Adventure Of Joko Kendil bagian Permata Untuk Putri Raja. 4.5.2

Pengujian Pada Device

Untuk pengujian pada device dimaksudkan agar mengetahui performa dan kebutuhan saat game tersebut di-install pada beberapa device yang berbeda sehingga akan didapatkan informasi mengenai performa dan game tersebut secara akurat. Pengujian ini dilakukan pada tiga macam gadget dengan spesifikasi yang berbeda yaitu smartphone Sony Xperia U, smartphone Lenovo A390, smatphone Samsung GT S6310 Galaxy Young New, Smartphone Sony Xperia M, dan Tablet Samsung Galaxy TAB III 8 inchi SM-T31. Tabel 4.3 Pengujian Pada Device No

1

Jenis

Spesifikasi

Device

Device

Jenis Test

Keterangan

Sony

Android OS, Animasi

Seluruh

Xperia U

2.3 (Ginger

lancar

animasi

berjalan

audio

berjalan

Bread) NovaThor U8500,

Audio

Seluruh

dengan baik

Dual-core 1 GHz

commit to user



Cortex-A9, Mali-400 480 x 854 Tombol

Seluruh

pixels,

berfungsi dengan baik

3.5

tombol

fungsi

inches 512MB

Grafis

RAM

Tampilan resolusi

grafis

penuh,

gambar

terlihat

cukup jelas pada resolusi 480 x 854px, tanpa ada sisi kosong pada device Screenplay

Seluruh screenplay berjalan dengan baik

Gameplay

Pada game, tidak ditemukan bug secara kesuluruhan game berjalan lancar

Smoothness

Pada game, berjalan kurang begitu lancar atau terkadang terjadi lag namun tidak terlalu menganggu

Memory

Ketika maka

menginstall memakan

game memory

sebesar 34,27MB 2

Lenovo

Android OS, Animasi

Seluruh

A390

v4.0.4

lancar

(Ice

animasi

berjalan

audio

berjalan

Cream Sandwich) Mediatek MT6577,

Audio

Seluruh

dengan baik

Dual-core 1 GHz

commit to user



Cortex-A9, PowerVR SGX531u 480 x 800 Tombol

Seluruh

tombol

fungsi

pixels,


4.0 inches 512MB

Grafis

RAM

Tampilan resolusi

grafis

penuh,

gambar

terlihat

cukup jelas pada resolusi 480 x 800 px, tanpa ada sisi kosong pada device Screenplay


Gameplay


Smoothness

Pada game, berjalan kurang begitu lancar atau terkadang terjadi lag namun tidak terlalu menganggu

Memory

Ketika maka

menginstall memakan

game memory

sebesar 34,27MB 3

Samsung

Android OS, Animasi

Seluruh

GT

v4.1.2 (Jelly

lancar

S6310

Bean)

Young

Qualcomm

New

MSM7227A

Audio

Seluruh

animasi

berjalan

audio

berjalan

dengan baik

Snapdragon, 1GHz

commit to user



Cortex-A5, Adreno 200 320 x 480 Tombol

Seluruh

tombol

fungsi

pixels, 3.27


inches 768

MB Grafis

RAM

Tampilan resolusi

grafis

penuh,

gambar

terlihat



Gameplay


Smoothness

Pada game, berjalan lancar atau tidak terjadi lag

Memory

Ketika maka

menginstall memakan

game memory

sebesar 34,27MB 4

Sony

Android OS, Animasi

Xperia M v4.2.2 (Jelly C1905

Seluruh

animasi

berjalan

audio

berjalan

lancar

Bean) Qualcomm Snapdragon S4

Audio

Seluruh

dengan baik

Plus

MSM8227, Dual-core 1 GHz Krait, Adreno 305

commit to user



480 x 854 Tombol

Seluruh

pixels,


4.0

tombol

fungsi

inches 1 GB RAM

Grafis

Tampilan resolusi

grafis

penuh,

gambar

terlihat



Gameplay


Smoothness


Memory

Ketika maka

menginstall memakan

game memory

sebesar 34,27MB 5

Tablet

Android OS, Animasi

Seluruh

Samsung

v4.2.2 (Jelly

lancar

Galaxy

Bean)

TAB III Exynos 8

Audio

inchi 4212, Dual-

SM-

core

T311

GHz, Mali-

Seluruh

animasi

berjalan

audio

berjalan

dengan baik

1.5

400 800 x 1280 Tombol

Seluruh

pixels,


8.0

inches

commit to user

tombol

fungsi



1.5GB

Grafis

RAM

Tampilan resolusi

grafis

penuh,

gambar

terlihat



Gameplay


Smoothness


Memory

Ketika maka

menginstall memakan

game memory

sebesar 34,27MB

Dari data hasil pengujian pada beberapa device didapatkan hasil untuk spesifikasi minimum aplikasi dapat dijalankan pada RAM 512MB, CPU single core 1Ghz, resolusi 320 x 480 px. Bahkan untuk resolusi 1280 x 800px gambar maupun tampilan tetap memenuhi layar. 4.5.3

Pengujian Berdasar Ketertarikan User

Pengujian berdasar ketertarikan user dilakukan dengan menggunakan google form. Dimana terlebih dahulu penulis membuat sebuah google form mengenai kuisioner The Adventure Of Joko Kendil bagian Permata Untuk Putri Raja. Kuisioner terdiri dari tiga aspek yaitu aspek pembelajaran, aspek komunikatif visual, dan aspek rekayasa perangkat lunak. Kemudian penulis memberikan sebuah link untuk kuisioner tersebut, yang nantinya bisa diakses oleh responder. Selain link untuk kuisioner, penulis juga memberikan link untuk mengunduh aplikasi yang telah dibuat. Untuk link download game bagian Permata Untuk Putri Raja adalah goo.gl/s57rSk dan untuk kuisioner game

commit to user



bagian Permata Untuk Putri Raja pada link berikut http://goo.gl/7Uh1l0. Penulis mendapatkan responder sejumlah 32 responder. Berikut tampilan hasil kuisioner berupa grafik dari tiap aspek yang telah dirangkum oleh penulis. a) Gambar grafik hasil kuisioner pada aspek pembelajaran

Aspek Pembelajaran

Tidak Setuju 6%

Sangat Setuju 25%

Agak Setuju 6%

Setuju 63% Tidak Setuju

Agak Setuju

Setuju

Sangat Setuju

Gambar 4.75 Grafik Hasil Kuisioner Aspek Pembelajaran b) Gambar grafik hasil kuisioner pada aspek komunikatif visual

Aspek Komunikatif Visual

Tidak Setuju 6%

Sangat Setuju 18%

Agak Setuju 15%


Agak Setuju

Setuju

Sangat Setuju

Gambar 4.76 Grafik Hasil Kuisioner Aspek Komunikatif Visual

commit to user



c) Gambar grafik hasil kuisioner pada aspek rekayasa perangkat lunak

Aspek Rekayasa Perangkat Lunak

Tidak Setuju 3%

Sangat Setuju 28% Agak Setuju 13%


Agak Setuju

Setuju

Sangat Setuju

Gambar 4.77 Grafik Hasil Kuisioner Aspek Rekayasa Perangkat Lunak Dari gambar grafik hasil kuisioner tersebut, dapat dihasilkan data seperti berikut untuk aspek pembelajaran dari 32 responder sebanyak 25% sangat setuju, 63% setuju, 6% agak setuju, dan

6% tidak setuju. Pada aspek

komunikatif visual sebanyak 18% sangat setuju, 61% setuju, 15% agak setuju, dan 6% tidak setuju. Dan pada aspek rekayasa perangkat lunak sebanyak 28% sangat setuju, 56% setuju, 13% agak setuju, dan 3% tidak setuju. Dari data yang didapatkan , penulis dapat menarik kesimpulan bahwa game The Adventure Of Joko Kendil bagian Permata Untuk Raja merupakan sebuah game yang memiliki aspek pembelajaran tentang budaya didalamnya, mempunyai interface dan tingkat kenyaman yang tinggi bagi pemain, serta dapat dimainkan dengan lancar pada jenis device android yang berbeda-beda.

commit to user

IMPLEMENTASI DAN ANALISIS

Recommend Documents