PEMBUATAN GAME ANDROID "JURAGAN ANGKRINGAN" MENGGUNAKAN COCOS2D-JS.

perpustakaan.uns.ac.id

digilib.uns.ac.id

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
M3112132

kepada
PROGRAM DIPLOMA III TEKNIK INFORMATIKA
FAKULTAS MIPA

UNIVERSITAS SEBELAS MARET
SURAKARTA
2015

commit to user

perpustakaan.uns.ac.id

digilib.uns.ac.id

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

Agus Purbayu, S.Si, M.Kom
NIDN. 0629088001

commit to user
ii

perpustakaan.uns.ac.id

digilib.uns.ac.id

HALAMAN PENGESAHAN

PEMBUATAN GAME
MENGGUNAKAN COCOS2D-JS
Disusun oleh :

TEGUH PRABOWO
NIM. M3112132

Dibimbing oleh :
Pembimbing Utama

Agus Purbayu, S.Si, M.Kom
NIDN. 0629088001
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. 0629088001
2. Agus Purnomo, S.Si
NIDN. 9906002096
3. Muhammad Asri Safi'ie, S.Si
NIDN. 9906001049

(


)

(

)

(

)

Disahkan oleh :
Dekan
Fakultas MIPA UNS

Ketua Program Studi
DIII Teknik Informatika UNS

Prof. Ir. Ari Handono Ramelan, M.Sc (Hons), Ph.D
NIP. 19610223 198601 1 001


Abdul Aziz, S.Kom., M.Cs.
NIP. 19810413 200501 1 001

commit to user
iii

perpustakaan.uns.ac.id

digilib.uns.ac.id

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.

commit to user
iv

perpustakaan.uns.ac.id

digilib.uns.ac.id

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.

commit to user
v

perpustakaan.uns.ac.id

digilib.uns.ac.id

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.


commit to user
vi

perpustakaan.uns.ac.id

digilib.uns.ac.id

DAFTAR ISI

HALAMAN PERSETUJUAN

ii

HALAMAN PENGESAHAN

iii

ABSTRACT


iv

ABSTRAK

v

KATA PENGANTAR

vi

DAFTAR ISI

vii

DAFTAR GAMBAR

ix

DAFTAR TABEL


xi

BABI PENDAHULUAN
1.1 Latar Belakang
1.2 Perumusan masalah
1.3 Batasan Masalah Penelitian
1.4 Tujuan Penelitian
1.5 Manfaat Penelitian

1
1
2
2
2
2

BAB II LANDASAN TEORI
2.1 Teori Utama
2.1.1 Game
2.1.2 Smartphone
2.1.3 Android
2.1.4 Cocos2d
2.1.5 JavaScript
2.2 Teori Sekunder
2.2.1 Adobe Photoshop CS4
2.2.2 TexturePacker
2.2.3 Persamaan Pada Program
2.2.4 Use Case

3
3
3
6
6
8
10
11
11
12
12
15

BAB III ANALISIS DAN PERANCANGAN
3.1 Konsep Dasar Proyek Pengembangan Game
3.1.1 Konsep Dasar Game
3.1.2 Kelebihan Game
3.1.3 Target Pemain
3.1.4 Dukungan Platform, Teknologi dan Multiplayer
3.2 Manajemen Proyek Pengembangan Game
3.2.1 Kebutuhan dan Peran / Tugas Tim Pengembang Game
3.2.2 Perencanaan Jadwal
3.2.3 Kebutuhan Perangkat Lunak dan Perangkat Keras

commit to user
vii

16
16
16
17
17
17
18
18
19
dalam

perpustakaan.uns.ac.id

digilib.uns.ac.id

Pengembangan Game
3.2.4 Kebutuhan Perangkat Lunak dan Perangkat Keras
Implementasi Game
3.3 Perancangan Dasar Game
3.3.1 Narasi Dan Storyboard
3.3.2 Gameplay
3.3.3 Playability
3.3.4 Genre
3.4 Aset Dan Seni Game
3.4.1 Konsep Seni
3.4.2 Lingkungan
3.4.3 Daftar Misi, Desain Level, Penempatan Dan Pertemuan
3.4.4 Musik Dan Suara
3.4.5 Pengaturan
3.4.6 Antar Muka
3.4.7 Fitur Tambahan
3.5 Spesifikasi Kebutuhan Game Fungsional (SRS Functional)
3.6 Game Flow
3.7 Rancangan Perhitungan Dalam Game

20
dalam
20
21
21
21
23
24
25
25
25
26
27
27
28
32
33
34
35

BAB IV IMPLEMENTASI DAN EVALUASI GAME
4.1 Hasil Implementasi
4.2 Teknis Pemrograman
4.3 Pengujian
5.1 Skenario Permainan

37
37
50
60
71

BAB V KESIMPULAN DAN SARAN
5.2 Kesimpulan
5.2 Saran

77
77
77

DAFTAR PUSTAKA

78

commit to user
viii

perpustakaan.uns.ac.id

digilib.uns.ac.id

DAFTAR GAMBAR

Gambar 2.1 Tampilan Cocos IDE
Gambar 2.2 Tampilan Adobe Photoshop
Gambar 2.3 Tampilan TexturePacker
Gambar 2.4 Pergerakan Karakter
Gambar 2.5 Implementasi Phytagoras
Gambar 3.1 Gantt Chart
Gambar 3.2 Rancangan tempat makan
Gambar 3.3 Rancangan tempat makan
Gambar 3.4 Rancangan awal title scene
Gambar 3.5 Rancangan overview
Gambar 3.6 Rancangan Research
Gambar 3.7 Rancangan Afiliasi
Gambar 3.8 Rancangan Menu
Gambar 3.9 Rancangan Storages
Gambar 3.10 SRS Game
Gambar 3.11 Game Flow
Gambar 4.1 Tab Play
Gambar 4.2 Tab Help
Gambar 4.3 Tab Credit
Gambar 4.4 Tab Overview
Gambar 4.5 Tab Stock Shop
Gambar 4.6 Tab Expansion Shop
Gambar 4.7 Tab Daftar Menu
Gambar 4.8 Tab Affiiation
Gambar 4.9 Tab Menu Hari Ini
Gambar 4.10 Tab Storage
Gambar 4.11 Tampilan Gameplay
Gambar 4.12 Spawn Karakter
Gambar 4.13 Inisiasi jumlah beli
Gambar 4.14 Randomize
Gambar 4.15 Pembelian makanan
Gambar 4.17 Deklarasi Scene
Gambar 4.18Deklarasi Layer
Gambar 4.19 Membuat Sprite
Gambar 4.20 Display Popup
Gambar 4.21 Display Editbox
Gambar 4.22 Display Overview
Gambar 4.23 Display Shop
Gambar 4.24 Konfirmasi shop
Gambar 4.25 Display Recipes

commit to user
ix

9
11
12
13
14
19
25
27
28
29
30
30
31
31
33
34
37
38
38
39
40
41
42
42
43
44
45
46
47
47
47
50
51
51
52
52
53
54
54
55

perpustakaan.uns.ac.id

digilib.uns.ac.id

Gambar 4.26 Display Affiliation
Gambar 4.27 Display Dishes
Gambar 4.28 Display Storage
Gambar 4.29 Display Cash
Gambar 4.30 Display Animation
Gambar 4.31 EventListener
Gambar 4.32 Touch Handling
Gambar 4.33 Input Username
Gambar 4.34 Increase Button
Gambar 4.35 Decrease Button
Gambar 4.36 Verifikasi load
Gambar 4.37 Verifikasi Start
Gambar 4.38 Verifikasi Masak
Gambar 4.39 Pembelian Bahan
Gambar 4.40 Setelah Pembelian Bahan
Gambar 4.41 Pembelian Bahan
Gambar 4.42 Pembelian Resep
Gambar 4.43 Setelah Pembelian Resep
Gambar 4.44 Sebelum konfirmasi koin
Gambar 4.45 Sesudah konfirmasi koin
Gambar 4.46 proses compile
Gambar 4.47 New Game
Gambar 4.48 Input Username
Gambar 4.49 Belanja Bahan
Gambar 4.50 Hasil Pembelian Bahan
Gambar 4.51 Menentukan Menu
Gambar 4.52 Memasak Menu
Gambar 4.53 Tampilan Penjualan
Gambar 4.54 Hasil Penjualan

55
56
56
57
57
58
58
59
59
60
60
61
61
62
62
63
63
64
64
65
66
71
71
72
73
74
75
75
76

commit to user
x

perpustakaan.uns.ac.id

digilib.uns.ac.id

DAFTAR TABEL
Tabel 2.1 Distribusi Android
Tabel 2.2 Simbol-Simbol Use Case
Tabel 3.1 Task Sheet
Tabel 4.1 Compatibility Testing

7
15
19
70

commit to user
xi