commit to user
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
M3112132
kepada
PROGRAM DIPLOMA III TEKNIK INFORMATIKA
FAKULTAS MIPA
UNIVERSITAS SEBELAS MARET
SURAKARTA
HALAMAN PERSETUJUAN
PEMBUATAN
GAME
MENGGUNAKAN COCOS2D-JS
Disusun oleh :
TEGUH PRABOWO
NIM. M3112132
Tugas akhir ini telah disetujui untuk dipertahankan
di hadapan dewan penguji pada tanggal 19 Juni 2015
Pembimbing Utama
HALAMAN PENGESAHAN
Tugas Akhir ini telah diterima dan disahkan oleh dewan penguji Tugas Akhir Program Diploma III Teknik Informatika
Pada Hari ____________ Tanggal _____________
Dewan Penguji :
Prof. Ir. Ari Handono Ramelan, M.Sc (Hons), Ph.D NIP. 19610223 198601 1 001
Ketua Program Studi DIII Teknik Informatika UNS
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
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
Cocos2d-js 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
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
DAFTAR ISI
1.1 Latar Belakang 1
1.2 Perumusan masalah 2
1.3 Batasan Masalah Penelitian 2
1.4 Tujuan Penelitian 2
1.5 Manfaat Penelitian 2
BAB II LANDASAN TEORI 3
2.1 Teori Utama 3
2.2 Teori Sekunder 11
2.2.1 Adobe Photoshop CS4 11
2.2.2 TexturePacker 12
2.2.3 Persamaan Pada Program 12
2.2.4 Use Case 15
BAB III ANALISIS DAN PERANCANGAN 16
3.1 Konsep Dasar Proyek Pengembangan Game 16
3.1.1 Konsep Dasar Game 16
3.1.2 Kelebihan Game 17
3.1.3 Target Pemain 17
3.1.4 Dukungan Platform, Teknologi dan Multiplayer 17
3.2 Manajemen Proyek Pengembangan Game 18
3.2.1 Kebutuhan dan Peran / Tugas Tim Pengembang Game 18
3.2.2 Perencanaan Jadwal 19
Pengembangan Game 20
3.2.4 Kebutuhan Perangkat Lunak dan Perangkat Keras dalam
Implementasi Game 20
3.3 Perancangan Dasar Game 21
3.3.1 Narasi Dan Storyboard 21
3.3.2 Gameplay 21
3.3.3 Playability 23
3.3.4 Genre 24
3.4 Aset Dan Seni Game 25
3.4.1 Konsep Seni 25
3.4.2 Lingkungan 25
3.4.3 Daftar Misi, Desain Level, Penempatan Dan Pertemuan 26
3.4.4 Musik Dan Suara 27
3.4.5 Pengaturan 27
3.4.6 Antar Muka 28
3.4.7 Fitur Tambahan 32
3.5 Spesifikasi Kebutuhan Game Fungsional (SRS Functional) 33
3.6 Game Flow 34
3.7 Rancangan Perhitungan Dalam Game 35
BAB IV IMPLEMENTASI DAN EVALUASI GAME 37
4.1 Hasil Implementasi 37
4.2 Teknis Pemrograman 50
4.3 Pengujian 60
5.1 Skenario Permainan 71
BAB V KESIMPULAN DAN SARAN 77
5.2 Kesimpulan 77
5.2 Saran 77
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.1Tab Play 37
Gambar 4.2Tab 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.7Tab Daftar Menu 42
Gambar 4.8 Tab Affiiation 42
Gambar 4.9 Tab Menu Hari Ini 43
Gambar 4.10Tab Storage 44
Gambar 4.11 Tampilan Gameplay 45
Gambar 4.12Spawn Karakter 46
Gambar 4.13 Inisiasi jumlah beli 47
Gambar 4.14Randomize 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.22Display Overview 53
Gambar 4.23Display Shop 54
Gambar 4.24 Konfirmasi shop 54
Gambar 4.26Display Affiliation 55
Gambar 4.27 Display Dishes 56
Gambar 4.28Display Storage 56
Gambar 4.29Display Cash 57
Gambar 4.30 Display Animation 57
Gambar 4.31 EventListener 58
Gambar 4.32 Touch Handling 58
Gambar 4.33Input Username 59
Gambar 4.34Increase Button 59
Gambar 4.35Decrease 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 SetelahPembelian 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
DAFTAR TABEL
Tabel2.1 Distribusi Android 7
Tabel 2.2 Simbol-Simbol Use Case 15
Tabel 3.1Task Sheet 19
