PERANCANGAN DAN PEMBUATAN GAME "THE GUARDIAN SKY"

MENGGUNAKAN ENGINE CONSTRUCT 2 PADA

PLATFORM ANDROID

NASKAH PUBLIKASI

diajukan oleh

Kiki Guntur Penangsang

07.11.1769

kepada

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIKOM YOGYAKARTA

YOGYAKARTA

2014

iii

DESIGNING AND MAKING GAME “THE GUARDIAN SKY” USING CONSTRUCT 2 ENGINE ON ANDROID PLATFORM

PERANCANGAN DAN PEMBUATAN GAME “THE GUARDIAN SKY” MENGGUNAKAN ENGINE CONSTRUCT 2 PADA

PLATFORM ANDROID

Kiki Guntur Penangsang Emha Taufiq Luthfi

Jurusan Teknik Informatika STMIK AMIKOM YOGYAKARTA

ABSTRACT

Developments and kind of games In this modern era has grow up rapidly, including genres / types. Unfortunately the game is outstanding and well-known today are controlled by foreign developer and leading manufacturers, whereas local people who want to explore the new science still underestimated. prooved by share from the lack of information from the Indonesian game developers. Hopefully in this thesis can contribute to the game developer in this country. Development of the game was the inspiration of making the application of a gaming charactered by plane. The main purpose to build this game is to learn the development of game to keep abreast of the latest games technology, this project expected to provide an exciting and entertaining game, so favored by all people.

The method used in the design and manufacture of this game is the Multimedia Development methodology. Concepting, Designing the, collection materials, Manufacture, Testing, and Distribution is a stage of the method. The end result of the development of this application is a game application The Guardian Sky. I created an application which is the best game in single player facilities, gaming area is not too broad and computer controlled enemies. Additionally, the game application and accompanied by background sounds in order to appear attractive

. The single player game Sky Guardian is intended for device based android operating system. As for the supporting software is making this application Construct 2 and Visual Studio 2012, while for the game character creation using Adobe Photoshop CS and Adobe Ilustrator, FL Studio for creating sound effect.

Keyword: Game, Android, Survival, Shooting, Mobile

1

1. Pendahuluan

1.1 Latar Belakang

Seiring berkembangnya kemajuan teknologi, game-game 3 dimensi maupun 2

dimensi menjadi sangat mudah didapatkan melalui internet, dan salah satunya Play Store

pada Android. Play Store pada android menyediakan berbagai jenis game dengan

berbagai jenis atau dikenal dengan sebutan genre. Dari hasil pengamatan oleh penulis

dari tanggal 1-10 maret 2014 game pesawat belum banyak ditemui pada store Pada

kenyataannya game menjadi salah satu pilihan utama untuk sarana pembelajaran di

waktu senggang atau sekedar melepas ketegangan setelah bekerja

Dari uraian di atas maka dibutuhkan tambahan aplikasi yang tidak berbayar.

Salah satunya aplikasi game pesawat yang jarang ditemukan pada play store android

tersebut. Agar pemain game itu sendiri tidak merasa kesulitan dalam menemukanya.

2. Tinjauan Teori

2.1 Game

Dalam kamus bahasa Indonesia “Game” adalah permainan. Permainan

merupakan bagian dari bermain dan bermain juga bagian dari permainan keduanya

saling berhubungan. Permainan adalah kegiatan yang kompleks yang didalamnya

terdapat peraturan, play dan budaya. Sebuah permainan adalah sebuah sistem dimana

pemain terlibat dalam konflik buatan, disini pemain berinteraksi dengan sistem dan konflik

dalam permainan merupakan rekayasa atau buatan, dalam permainan terdapat peraturan

yang bertujuan untuk membatasi perilaku pemain dan menentukan permainan

2.2 Elemen-Elemen Game

2.2.1 Teks

Bentuk data game yang paling mudah disimpan dan dikendalikan adalah teks.

Teks dapat membentuk kata, surat atau narasi dalam game yang menyajikan bahasa

manusia. Lebih dari itu file teks mempunyai struktur linier sederhana. Meskipun

mungkin saja ada game tanpa teks, kebanyakan sistem multimedia menggunakan

teks sebab teks sangat efektif untuk menyampaikan ide serta memberikan panduan

kepada pengguna. Secara umum ada empat macam teks, yaitu teks cetak, teks hasil

scan, teks elektronis, dan hypertext.

______________ 1 Mc Cormick, 1996

2

2.2.2 Suara (Audio)

Ada berbagai macam file (format) audio yang dapat digunakan dalam

produksi multimedia . Beberapa format standar yang biasa digunakan untuk media ini

antara lain :

1. Waveform audio (*.wav).

2. DAT (Digital Audio Tape) (*.dat).

3. MIDI (Musical Instrument Digital Interface) (*.mid).

4. Audio CD

5. MP3 singkatan dari MPEG Audio Layer3.

6. Ogg

2.2.3 Gambar (image)

Gambar atau grafik merupakan bagian yang tidak kalah pentingnya dalam

dunia multimedia.

Beberapa format file gambar (grafik) antara lain:

1. PICT (*.pic,*.pct)

2. BMP (*.bmp)

3. JPEG (Joint Photographic Experts Group) (*.jpg)

4. GIF (Grafic Interchange File) (*.gif)

5. TIFF (Tagged Interchange File Format) (*.tif)

6. PNG (Portable Network Graphics) (*.png)

7. PSD

2.2.4 Animasi (Animation)

Animasi adalah usaha untuk membuat presentasi statis menjadi hidup.

Animasi merupakan perubahan visual sepanjang waktu yang memberi kekuatan

besar pada proyek multimedia dan halaman web yang dibuat (Binanto, 2010).

Animasi komputer (Computer Animation atau CGI Animation) adalah seni

membuat gambar bergerak dengan menggunakan komputer. Animasi komputer

merupakan bagian dari grafika komputer dan animasi. Istilah animasi komputer juga

merujuk pada CGI (Computer-General Imagery atau Computer-Generated Imaging)

terutama bila digunakan pada film.

______________ 2 Tay Vaughan, Multimedia: Making It Work, 2004. 3 Iwan Binanto, Multimedia Digital – Dasar Teori dan Pengembangannya, 2010.

3

Menurut Patmore (2003), ada beberapa jenis animasi, diantaranya adalah:

1. Stop motion

2. Cell animation

3. Time-Lapse

4. Claymation

5. Cut-out animation

6. Puppet animation

2.2.5 Video

Kata video berasal dari kata Latin, yang berarti ’saya lihat’. Video adalah

teknologi pemrosesan sinyal elektronik yang mewakilkan gambar bergerak. Aplikasi

umum dari teknologi video adalah televisi. Video juga dapat digunakan dalam

aplikasi teknik, keilmuan, produksi dan keamanan. Istilah video juga digunakan

sebagai singkatan videotape, perekam video dan pemutar video. Saat ini ada dua

katogori video, yaitu:

1. Video analog

Video analog mengkodekan informasi gambar dengan memvariasikan

voltase dan/atau frekuensi dari sinyal

2. Video digital

Video digital dapat disebut array 3 dimensi dari piksel berwarna. 2

dimensi melayani arah spasial dari gambar bergerak (horizontal dan

vertikal) dan stu dimensi lainnya akan mempresentasikan domain waktu.

Ada beberapa macam format file video yaitu:

1. Quick Time (MOV) (*.mov) dapat dijalankan di OS Mac dan Windows.

2. Motion Picture Experts Group (MPEG) (*.mpeg) adalah skema kompresi

dan spesifikasi format file video digital yang telah dikembangkan oleh grup

ini

3. Audio Video Interleave (AVI) (*.avi) merupakan format video dan animasi

yang digunakan video untuk windows.

4. Shockwave (Flash) (*.swf) dikembangkan oleh Macromedia.

______________ 4 Chris Patmore, The Complete Animation Course, 2003.

4

2.3 Perangkat Lunak Atau Sofware Yang Digunakan

2.3.1 Construct 2

Construct 2 adalah game editor berbasis HTML5 yang dikembangkan oleh

Scirra Ltd. yang memaksimalkan fungsi visual editor dan behaviour-based logic system.

Pada bagian ini akan dijelaskan fitur-fitur dasar, user interface, serta struktur projek yang

ada pada Construct 2.

2.3.2 Cocoon JS

CocoonJS adalah teknologi berbasis cloud yang berada di bawah perusahaan

ludei yang membantu pengembang HTML5 untuk mengcompile project yang berbasis

html5 serta mempublikasikan game dan aplikasi berbasis web ke toko-toko aplikasi

mobile dan web tanpa perubahan kode.

2.3.3 Adobe Photoshop CS4

Adobe Photoshop CS4 adalah aplikasi professional untuk mengolah gambar/foto.

Aplikasi ini dilengkapi dengan berbagai macam tool dan palette untuk menampilkan dan

mengedit gambar.

3 Analisis Dan Perancangan

Pengembangan multimedia dalam hal ini adalah game, dibagi beberapa tahap,

yaitu concept (Pengonsepan), design (pendisainan), material collecting (pengumpulan

materi), assembly (pembuatan). Penulis mengadopsi dan memodifikasi teori tersebut

karena game sendiri termasuk dalam multimedia dan memiliki elemen yang hampir

sama. sehingga akan terlihat pada gambar 2.1

Gambar 2.1 Langkah Pembuatan Game

______________ 5Arc C Luther, Authoring Interactive Multimedia, 1994.

5

Pengonsepan dari game yang akan di buat dari identifikasi audiens, genre game,

spesifikasi yang di butuhkan, tingkat kesulitan dan waktu yang di perlukan untuk

membangun game tersebut

1. Designing

Perancangan mengenai arsitektur program, gaya dan tampilan. Tahap ini

terbagi menjadi beberapa bagian yaitu

a. Gaya permainan.

b. Pembuatan alur game

c. Pembuatan story board

2. Material Collecting

Pengumpulan bahan dan elemen yang di butuhkan dalam pembuatan game

baik itu di buat sendiri maupun di peroleh dari pihak lain dengan syarat

tertentu.

3. Assembly

Setelah semua material terkumpul bagian ini adalah proses bagaimana game

di buat. Software yang di gunakan, engine di pakai dan sebagainya.

4. Testing

Pada tahap ini game yang telah di buat akan di uji kelayakanya oleh quality

assurance bisa dari pihak developer game atau user sendiri..

5. Distribution

Program yang telah lolos seleksi siap untuk di salurkan ke toko-toko aplikasi,.

3.1 Konsep

Konsep dalam aplikasi game The Guardian Sky yang akan dibuat adalah game

2 dimensi bertipe pesawat yang menggunakan engine construct 2 dan di buat

untuk platform android V2.1 – V4.2.

3.2 Perancangan (Designing)

Tujuan dari perancangan adalah untuk memberikan gambaran perancangan

yang lengkap sebagai penuntun bagi programmer dalam membangun sistem.

Perancangan ini meliputi perancangan gaya dan alur cerita,storyboard, flowchart view,

dan sruktur navigasi.

3.2.1 Gaya dan Alur Cerita

Gaya permainan dari game The Guardian Sky ini adalah jenis Shooting Survival.

Player di paksa untuk bertahan hidup selama mungkin untuk menghasilkan score setinggi

mungkin.

6

3.2.2 Perancangan Storyboard

Pertama-tama dibuat storyboard untuk halaman pembuka, kemudian storyboard

untuk scene berikutnya, Storyboard dikembangkan untuk setiap menu, yaitu:

a. Scene 1 - Intro - menampilkan tampilan awal sebelum permainan.

b. Scene 2 - Tampilan menu utama - menampilkan pilihan play dan exit juga

informasi best score.

c. Scene 3 - Tampilan wave 1 - menampilkan permainan mudah yang

menghadapi musuh-musuh jenis family 1.

d. Scene 4 - Tampilan wave 2 - menampilkan permainan sedang yang

menghadapi musuh-musuh jenis family 2 dan boss

e. Scene 5 - Tampilan wave 3 - menampilkan permainan sulit yang menghadapi

musuh-musuh jenis family 3 dan boss berjumlah 2.

f. Scene 6 - Tampilan wave 4 - menampilkan permainan sangat sulit yang

menghadapi musuh-musuh jenis family 4 dan boss berjumlah 3.

g. Scene 7 - tampilan pesawat allies datang.

h. Scene 8 - tampilan pesawat allies drop item power up.

i. Scene 9 - Tampilan musuh hancur dan mengeluarkan item shield.

j. Scene 10 - Tampilan saat player mendapat shield.

k. Scene 11 - Tampilan musuh hancur dan mengeluarkan item health up.

l. Scene 12 – Tampilan endless enemy.

m. Scene 13 - Tampilan player pesawat player hancur dan menampilkan best

score, score player, menu play again dan exit program.

3.2.3 Perancangan Flowchart View

Perancangan flowchart view diperlukan untuk menggambarkan alur dari scene

satu ke scene lainnya. Dalam game ini terdapat dua pilihan menu. Berikut adalah

rancangan flowchart view pada aplikasi game The Guardian Sky.

7

Gambar 3.1 Flowchart View

8

3.3 Pengumpulan Bahan (Material Collecting)

Pada tahapan ini dilakukan pengumpulan bahan seperti gambar, suara, animasi

dan lain-lain.

3.3.1 Gambar (Image)

Berikut adalah gambar - gambar yang ada pada game The Last Guardian

a. Background

Background yang ada pada game The Last Guardian hanya menggunakan

background tunggal..

Gambar 3.2 Background

b. Karakter

Peulis mencoba mendesain sendiri karakter yang ada di dalam game dan berikut

adalah tabel karakter yang ada pada game The Guardian Sky.

Tabel 3.1 Tabel Karakter

Objek Nama Objek Karakter Tembakan

Player default Merupakan karakter dari

pemain dengan satu titik

tembakan

Player Power

1

Merupakan karakter dari

pemain dengan dua titik

tembakan

9

Player Power

2

Merupakan karakter dari

pemain dengan tiga titik

tembakan

Player Power

3

Merupakan karakter dari

pemain dengan tiga titik

tembakan juga mengeluarkan

misil secara berkala

Enemy 1 Karakter musuh yang memiliki

kecepatan rendah, satu

tembakan dan mudah

meledak

Enemy 2 Karakter musuh yang memiliki

kecepatan medium, satu

tembakan dan mudah

meledak

Enemy 3 Karakter musuh yang memiliki

kecepatan medium, satu

tembakan dan mudah

meledak

Enemy 4 Karakter musuh menabrakan

diri,tidak menembak namun

memiki kecepatan tinggi dan

susah meledak

Enemy 5 Karakter musuh kecepatan

tinggi,fire rate rendah damage

besar, medium durability

10

Enemy 6 Karakter musuh memiliki

kecepatan rendah, susah

meledak, medium damage

Enemy 7 Karakter musuh elit kecepatan

medium, damage besar,

susah meledak

Boss Karakter musuh terkuat,

kecepatan tinggi, fire rate

tinggi, damage besar, susah

meledak

allies Karakter allies yang bergerak

tak beraturan membawa item

power up

c. Item

Berikut adalah tabel item yang ada pada game The Guardian Sky

Tabel 3.2 Item

Objek Nama Objek Karakter

Health up Item health up untuk menambah darah atau energi.

Muncul saat player menghancurkan musuh dalam

jumlah tertentu

Power up 1 Saat player mengambilnya, player akan berubah

menjadi player level 2 dengan 2 titik tembakan

Power up 2 Saat player mengambilnya, player akan berubah

menjadi player level 3 dengan 3 titik tembakan

11

Power up 3 Saat player mengambilnya, player akan berubah

menjadi player level 4 dengan 3 titik tembakan dan

misil secara berkala

shield Saat player mengambilnya, player akan

mendapatkan kekebalan dari tabarakan maupun

tembakan musuh selama beberapa detik

d. Gui

Graphic user interface sangat penting untuk mengkomunikasikan fitur - fitur

sistem yang tersedia agar user mengerti dan dapat menggunakan sistem

tersebut. Berikut adalah elemen elemen yang di perlukan pada game The

Guardian Sky

- Font

Di game ini hanya menggunakan 1 macam font untuk keseluruhan yaitu

font batman forever. Berikut contoh tulisan

Font : contoh tulisan

- Health Bar

Berikut adalah gambar status health dari player.

Gambar 3.3 Health Bar

- Controller

Game ini menggunakan touchscreen sebagai media inputnya maka

diperlukan adanya tambahan virtual gamepad agar player dapat lebih

mudah mengoperasikanya. Berikut gambar virtual gamepad yang ada

pada game The Guardian Sky.

12

Gambar 3.4 Virtual Gamepad

Sesuai gambar yang terlihat ada 2 objek yang terlihat. Bagian kiri

berfungsi untuk arah pergerakan player dan gambar di sisi kanan

berfungsi untuk menentukan arah tembakan.

3.3.2 Audio

Audio dan efek pada game The Guardian Sky ini antara lain :

Tabel 3.3 Tabel Audio

No Nama Audio Keterangan

1. Half blue shift.ogg Digunakan backsound game

2. New achievement.ogg Digunakan saat player melampaui highscore

yang ada.

3. SFX1.ogg Digunakan sebagai effect tembakan pada

pesawat pemain.

5. Explotion.ogg Digunakan sebagai effect pesawat hancur.

4 Implementasi Dan Pengujian

Tahap implementasi dilakukan setelah menyelesaikan tahap perancangan

dengan tujuan agar implementasi ini dapat di lakukan secara optimal.

4.2 Menu Utama

Tampilan menu utama merupakan tampilan kedua setelah tampilan splash.

Tampilan ini berisi 2 pilihan menu yaitu play dan exit. Pilihan play digunakan untuk

memulai permainan dan pilihan exit di gunakan untuk keluar dari aplikasi. Selain itu menu

utama juga berisi informasi mengenai judul game dan score tertinggi.

13

Gambar 4.1 Menu Utama

4.3 Inti Permainan

Agar lebih mudah dalam implementasinya, inti permainan dikelompokan menjadi

beberapa bagian.

4.3.1 Starting

Starting adalah tahap dimana sistem melakukan proses secara global dimulainya

permainan termasuk didalamnya adalah dimulainya backsound musik, menetukan target

enemy, pergerakan musuh dan pengecekan score tertinggi.

Berikut adalah tampilan game setelah dimulai beberapa saat

Gambar 4.2 Starting

4.3.2 Kontrol Pergerakan

Pada aplikasi game The Guardian Sky player dibuat mampu bergerak ke segala

arah dengan angle 8 penjuru arah.

4.3.3 Destroy and Scoring

Bagian ini adalah bagian saat musuh atau asteroid hancur dan menghasilkan

score dalam value tertentu.

14

4.3.4 Perubahan Kesulitan

Bagian ini adalah bagian dimana perubahan kesulitan dari game dapat berjalan

secara otomatis mengikuti score yang ada.

Tabel 4.1 Perubahan Kesulitan

Tingkat Kesulitan Nama Score

Easy Wave 1 >500

Medium Wave 2 >2000

Hard Wave 3 >6000

Very Hard Wave 4 >10000

4.3.5 Asteroid

Bagian ini adalah bagian pembuatan pergerakan asteroid dan berikut adalah

event system pembuatanya

4.3.6 Get Item

Bagian ini adalah bagian dimana player mendapatkan pertolongan berupa item -

item yang akan muncul dalam permainan.

4.3.7 Game Over

Game Over adalah suatu kejadian (event) dimana permainan telah berakhir.

Game Over terjadi saat player tidak dapat melanjutkan aturan – aturan main yang ada

dalam game. Mulai dari player hancur hingga player tidak menuntaskan misi sesuai

dengan perintah game.

Gambar 4.3 Game Over

4.4 Pengujian (Testing)

Pengujian bermaksud untuk mengetahui perangkat lunak yang dibuat sudah

memenuhi kriteria yang sesuai dengan tujuan perancangan perangkat lunak tersebut.

15

4.4.2 Hasil Pengujian

Berikut ini uraian hasil pengujian dengan teknik pengujian black box.

Tabel 4.3 Hasil Pengujian

Requirement Skenario Uji Hasil Yang Diharapkan Hasil

Pengujian

Button 1 Touch button Play Memulai permainan sesuai

2 Touch button Exit Keluar dari aplikasi sesuai

Controller

1 Touch contoller arah Player bergerak sesuai

dengan arah pada controller

sesuai

2 Touch contoller

angle

Player berotasi menghadap

angle sesuai dengan contoller

sesuai

Score

1 Menembak musuh

hingga hancur

Score bertambah sesuai

dengan ketentuan

sesuai

2 Menembak asteroid

hingga hancur

Score bertambah sesuai

dengan ketentuan

sesuai

3 Bermain hingga

game over

Score tertinggi tersimpan di

localdisk

sesuai

Item

1 Mengambil item

health

Variabel health player

bertambah sesuai ketentuan

sesuai

2 Mengambil item

shield

Muncul objek pelindung dan

player menjadi kebal

tembakan juga tabrakan

sesuai

3 Mengambil item

powerup

Player dan tembakan player

berubah sesuai dengan item

power up yang diambil

sesuai

Game Over 1 Bermain hingga

game over

Permainan berakhir dan

muncul button play dan exit

sesuai

16

5 Penutup

5.1 Kesimpulan

Dengan memperhatikan pembahasan pada bab-bab sebelumnya, dapat diambil

kesimpulan:

1. Perancangan dan pembuatan aplikasi game The Guardian Sky ini dapat di akses

secara mudah baik oleh user awam sekalipun.

2. Game The Guardian Sky ini memberikan tambahan referensi bagi para gamer

dalam memilih game shooting di platform android yang ingin dimainkan.

3. Aplikasi game ini dapat memberi gambaran informasi untuk mendukung

perencanaan dan pengambilan keputusan bagi pengembang game dalam

pembuatan game berikutnya.

4. User dapat menikmati waktu luang untuk bermain game The Guardian Sky di gadget

android miliknya.

5.2 Saran

Penulis menyadari masih banyak kelemahan pada aplikasi game ini, oleh karena

itu penulis akan menerima dengan lapang dada dan mengucapkan terima kasih kepada

mereka yang berkenan memberikan kritik dan saran yang dapat membantu dalam

pengembangan game ini nantinya. Saran penulis untuk aplikasi game ini adalah :

1. Memanfaatkan aplikasi yang bersifat free / open source sehingga user tidak perlu

mengeluarkan biaya untuk mendapatkan game ini.

2. Perancangan dan pembuatan game ini memiliki konten yang sedikit sehingga dalam

pengembanganya sangat dimungkinkan untuk menambah fitur – fitur lain yang

membangun.

3. Menghargai karya orang lain dengan menggunakan karya yang original untuk

menghindari pembajakan.

4. Lebih teliti dan memperhatikan kemanan saat mengunduh dan memasang

perangkat lunak agar terhindar dari program jahat yang saat ini sudah tersebar luas.

DAFTAR PUSTAKA

Luther, Arc C. (1994). Authoring Interactive Multimedia. Boston: AP

Professional.

Patmore, Chris. 2003. The Complete Animation Course. New York: Barron's educational

Series, Inc.

Perisic, Zoran. 2000. Visual Effects Cinematography. USA : Reed Elsevier Group.

ISBN : 0-240-80351-5.

Vaughan, Tay. 2004. Multimedia: Making It Work. Edisi keenam. Yogyakarta :

Andi

Binanto, Iwan. 2010. Multimedia Digital – Dasar Teori dan Pengembangannya.

Yogyakarta: Andi.

M Suyanto. 2003. Multimedia Alat Meningkatkan Keunggulan Bersaing.

Yogyakarta: Andi.

Scirra. “Official Construct 2 Manual”. 10 januari 2014.

https://www.scirra.com/manual/1/construct-2

Zulham, Jaka. “Multimedia”. 10 maret 2014.

http://jakazulham.blogspot.com/2010/01/multimedia.html