UNTUK D3 INFORMATIKA FAKULTAS MIPA UNIVERSITAS SEBELAS MARET. Tugas Akhir untuk memenuhi sebagian persyaratan mencapai derajat Diploma III

Transkripsi

1 PEMBUATAN GAME MENGGUNAKAN COCOS2D-JS UNTUK D3 INFORMATIKA FAKULTAS MIPA UNIVERSITAS SEBELAS MARET Tugas Akhir untuk memenuhi sebagian persyaratan mencapai derajat Diploma III Program Studi Diploma III Teknik Informatika diajukan oleh Teguh Prabowo M kepada PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MIPA UNIVERSITAS SEBELAS MARET SURAKARTA 2015

2 HALAMAN PERSETUJUAN PEMBUATAN GAME MENGGUNAKAN COCOS2D-JS Disusun oleh : TEGUH PRABOWO NIM. M Tugas akhir ini telah disetujui untuk dipertahankan di hadapan dewan penguji pada tanggal 19 Juni 2015 Pembimbing Utama Agus Purbayu, S.Si, M.Kom NIDN ii

3 HALAMAN PENGESAHAN PEMBUATAN GAME MENGGUNAKAN COCOS2D-JS Disusun oleh : TEGUH PRABOWO NIM. M Dibimbing oleh : Pembimbing Utama Agus Purbayu, S.Si, M.Kom NIDN Tugas Akhir ini telah diterima dan disahkan oleh dewan penguji Tugas Akhir Program Diploma III Teknik Informatika Pada Hari Tanggal Dewan Penguji : 1. Agus Purbayu, S.Si, M.Kom ( ) NIDN Agus Purnomo, S.Si ( ) NIDN Muhammad Asri Safi'ie, S.Si ( ) NIDN Disahkan oleh : Dekan Fakultas MIPA UNS Ketua Program Studi DIII Teknik Informatika UNS Prof. Ir. Ari Handono Ramelan, M.Sc (Hons), Ph.D NIP iii Abdul Aziz, S.Kom., M.Cs. NIP

4 ABSTRACT Along with the success of the best-selling smartphone in the market, the popularity of mobile games is increasing, not only children and adolescents, adults age were also pleased to play a game of smartphones, especially on Android OS, which currently dominate the market share. Making of the game business with low capital and had dreams of creating a greatest modern angkringan in the city. This game was made using Cocos2d-JS with javascript programming language and is intended for the android platform. This game shaped 2D animation and use top-side camera view. Hope after this game was made that in order to be a means of entertainment and can improve motivation for entrepreneurship. Keyword : Simulation, Tycoon, Angkringan, Cocos2d-js, Android, Javascript programming language. iv

5 ABSTRAK Seiring dengan kesuksesan smartphone yang laris di pasaran, popularitas permainan handphone semakin meningkat, tidak hanya anak-anak dan remaja, usia dewasa pun juga senang memainkan game smartphone, khususnya pada sistem operasi android, yang saat ini menguasai market share. Pembuatan game pengusaha yang merintis usahanya dengan modal rendah dan memiliki impian menciptakan angkringan modern terhebat di kotanya. Game ini dibuat menggunakan Cocos2djs dengan bahasa pemrograman javascript dan ditujukan untuk platform android. Animasi game ini berbentuk 2D dan menggunakan kamera top view. Harapan setelah game ini dibuat yaitu agar dapat menjadi sarana hiburan dan dapat meningkatkan semangat berwirausaha pemain. Keyword : Simulation, Tycoon, Angkringan, Cocos2d-js, Android, Bahasa Pemrograman javascript. v

6 KATA PENGANTAR Segala puji syukur ke hadirat Tuhan YME atas rahmat dan berkahnya sehingga penulis dapat menyelesaikan Laporan Tugas Akhir dengan judul MENGGUNAKAN COCOS2D-JS Laporan Tugas Akhir ini disusun untuk memenuhi salah satu syarat dalam memperoleh gelar Amd.) pada Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret. Dalam melakukan penelitian dan penyusunan laporan Tugas Akhir ini penulis telah mendapatkan banyak dukungan dan bantuan dari berbagai pihak. Oleh karena itu, penulis mengucapkan terima kasih kepada: 1. Bapak Abdul Aziz, S.Kom., M.Cs. selaku Ketua Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret Surakarta. 2. Bapak Agus Purbayu, S.Si, M.Kom selaku dosen pembimbing yang telah memberikan ilmu, saran dan bimbingan kepada penulis. 3. Para Dosen Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret yang telah memberikan bekal ilmu kepada penulis. Penulis menyadari sepenuhnya bahwa laporan Tugas Akhir ini masih jauh dari sempurna. Untuk itu, semua jenis saran, kritik dan masukan yang bersifat membangun sangat penulis harapkan. Akhir kata, semoga tulisan ini dapat memberikan manfaat dan memberikan wawasan tambahan bagi para pembaca dan khususnya bagi penulis sendiri. vi

7 DAFTAR ISI HALAMAN PERSETUJUAN HALAMAN PENGESAHAN ABSTRACT ABSTRAK KATA PENGANTAR DAFTAR ISI DAFTAR GAMBAR DAFTAR TABEL BABI PENDAHULUAN Latar Belakang Perumusan masalah Batasan Masalah Penelitian Tujuan Penelitian Manfaat Penelitian 2 BAB II LANDASAN TEORI Teori Utama Game Smartphone Android Cocos2d JavaScript Teori Sekunder Adobe Photoshop CS TexturePacker Persamaan Pada Program Use Case 15 BAB III ANALISIS DAN PERANCANGAN Konsep Dasar Proyek Pengembangan Game Konsep Dasar Game Kelebihan Game Target Pemain Dukungan Platform, Teknologi dan Multiplayer Manajemen Proyek Pengembangan Game Kebutuhan dan Peran / Tugas Tim Pengembang Game Perencanaan Jadwal Kebutuhan Perangkat Lunak dan Perangkat Keras dalam vii ii iii iv v vi vii ix xi

8 Pengembangan Game Kebutuhan Perangkat Lunak dan Perangkat Keras dalam Implementasi Game Perancangan Dasar Game Narasi Dan Storyboard Gameplay Playability Genre Aset Dan Seni Game Konsep Seni Lingkungan Daftar Misi, Desain Level, Penempatan Dan Pertemuan Musik Dan Suara Pengaturan Antar Muka Fitur Tambahan Spesifikasi Kebutuhan Game Fungsional (SRS Functional) Game Flow Rancangan Perhitungan Dalam Game 35 BAB IV IMPLEMENTASI DAN EVALUASI GAME Hasil Implementasi Teknis Pemrograman Pengujian Skenario Permainan 71 BAB V KESIMPULAN DAN SARAN Kesimpulan Saran 77 DAFTAR PUSTAKA 78 viii

9 DAFTAR GAMBAR Gambar 2.1 Tampilan Cocos IDE 9 Gambar 2.2 Tampilan Adobe Photoshop 11 Gambar 2.3 Tampilan TexturePacker 12 Gambar 2.4 Pergerakan Karakter 13 Gambar 2.5 Implementasi Phytagoras 14 Gambar 3.1 Gantt Chart 19 Gambar 3.2 Rancangan tempat makan 25 Gambar 3.3 Rancangan tempat makan 27 Gambar 3.4 Rancangan awal title scene 28 Gambar 3.5 Rancangan overview 29 Gambar 3.6 Rancangan Research 30 Gambar 3.7 Rancangan Afiliasi 30 Gambar 3.8 Rancangan Menu 31 Gambar 3.9 Rancangan Storages 31 Gambar 3.10 SRS Game 33 Gambar 3.11 Game Flow 34 Gambar 4.1 Tab Play 37 Gambar 4.2 Tab Help 38 Gambar 4.3 Tab Credit 38 Gambar 4.4 Tab Overview 39 Gambar 4.5 Tab Stock Shop 40 Gambar 4.6 Tab Expansion Shop 41 Gambar 4.7 Tab Daftar Menu 42 Gambar 4.8 Tab Affiiation 42 Gambar 4.9 Tab Menu Hari Ini 43 Gambar 4.10 Tab Storage 44 Gambar 4.11 Tampilan Gameplay 45 Gambar 4.12 Spawn Karakter 46 Gambar 4.13 Inisiasi jumlah beli 47 Gambar 4.14 Randomize 47 Gambar 4.15 Pembelian makanan 47 Gambar 4.17 Deklarasi Scene 50 Gambar 4.18Deklarasi Layer 51 Gambar 4.19 Membuat Sprite 51 Gambar 4.20 Display Popup 52 Gambar 4.21 Display Editbox 52 Gambar 4.22 Display Overview 53 Gambar 4.23 Display Shop 54 Gambar 4.24 Konfirmasi shop 54 Gambar 4.25 Display Recipes 55 ix

10 Gambar 4.26 Display Affiliation 55 Gambar 4.27 Display Dishes 56 Gambar 4.28 Display Storage 56 Gambar 4.29 Display Cash 57 Gambar 4.30 Display Animation 57 Gambar 4.31 EventListener 58 Gambar 4.32 Touch Handling 58 Gambar 4.33 Input Username 59 Gambar 4.34 Increase Button 59 Gambar 4.35 Decrease Button 60 Gambar 4.36 Verifikasi load 60 Gambar 4.37 Verifikasi Start 61 Gambar 4.38 Verifikasi Masak 61 Gambar 4.39 Pembelian Bahan 62 Gambar 4.40 Setelah Pembelian Bahan 62 Gambar 4.41 Pembelian Bahan 63 Gambar 4.42 Pembelian Resep 63 Gambar 4.43 Setelah Pembelian Resep 64 Gambar 4.44 Sebelum konfirmasi koin 64 Gambar 4.45 Sesudah konfirmasi koin 65 Gambar 4.46 proses compile 66 Gambar 4.47 New Game 71 Gambar 4.48 Input Username 71 Gambar 4.49 Belanja Bahan 72 Gambar 4.50 Hasil Pembelian Bahan 73 Gambar 4.51 Menentukan Menu 74 Gambar 4.52 Memasak Menu 75 Gambar 4.53 Tampilan Penjualan 75 Gambar 4.54 Hasil Penjualan 76 x

11 DAFTAR TABEL Tabel 2.1 Distribusi Android 7 Tabel 2.2 Simbol-Simbol Use Case 15 Tabel 3.1 Task Sheet 19 Tabel 4.1 Compatibility Testing 70 xi