16
PEMBUTAN GAME SIDE SCROLLING CATCH THE APPLE MENGGUNAKAN ADOBE FLASH CS3 Naskah Publikasi diajukan oleh Dwi Harini Ali 07.12.2363 kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA 2011

COVER PEMBUTAN GAME SIDE SCROLLING CATCH THE …repository.amikom.ac.id/files/PUBLIKASI_07.12.2363.pdf · Hal inilah yang membuat perkembangan games di komputer sangat cepat. Sehingga

  • Upload
    lebao

  • View
    214

  • Download
    0

Embed Size (px)

Citation preview

Page 1: COVER PEMBUTAN GAME SIDE SCROLLING CATCH THE …repository.amikom.ac.id/files/PUBLIKASI_07.12.2363.pdf · Hal inilah yang membuat perkembangan games di komputer sangat cepat. Sehingga

COVER

PEMBUTAN GAME SIDE SCROLLING CATCH THE APPLE MENGGUNAKAN ADOBE FLASH CS3

Naskah Publikasi

diajukan oleh

Dwi Harini Ali 07.12.2363

kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIKOM YOGYAKARTA

2011

Page 2: COVER PEMBUTAN GAME SIDE SCROLLING CATCH THE …repository.amikom.ac.id/files/PUBLIKASI_07.12.2363.pdf · Hal inilah yang membuat perkembangan games di komputer sangat cepat. Sehingga

2

NASKAH PUBLIKASI

PEMBUTAN GAME SIDE SCROLLING CATCH THE APPLE

MENGGUNAKAN ADOBE FLASH CS3

disusun oleh

Dwi Harini Ali

07.12.2363

Dosen Pembimbing

Hanif Al Fatta, M.Kom NIK. 190302096

Ketua Jurusan

S1 Sistem Informasi

Abas Ali Pangera, Ir, M.Kom

NIK. 190302008

NASKAH PUBLIKASI

Page 3: COVER PEMBUTAN GAME SIDE SCROLLING CATCH THE …repository.amikom.ac.id/files/PUBLIKASI_07.12.2363.pdf · Hal inilah yang membuat perkembangan games di komputer sangat cepat. Sehingga

3

SIDE SCROLLING GAME MAKING CATCH THE APPLE USING

ADOBE FLASH CS3

PEMBUATAN GAME SIDE SCROLLING CATCH THE APPLE

MENGGUNAKAN ADOBE FLASH CS3

Dwi Harini Ali Jurusan Sistem Informasi

STMIK AMIKOM YOGYAKARTA

ABSTRACT

The impact of technological develeopments, especially multimedia and gamesinfluence the game development using Adobe Flash CS3. Adobe Flash CS is program of multimedia graphics and animation and is now supported by ActionScript. Game is a “game” inwhich these games mean more to refer to as “intelectual agility or intelectual playbility”. Game itself is defined as an arena for the player or player’s decision to act, where there are targets to be achieved. Intelectual agility, at some level, is a measure of the extent to which the game was exiting to play optimally. At this time the development of the game very quickly, with the managers of the games industry are competing to create a game that is closer to the real/unreal and certainly interesting for the players. So the game is not just a hobby to fill free time, but rather a away to enhance creativity and intelectual level of its users.

Side Scroller game is one genre of game where the main character in this game can move laterally followed by background motion. The main character can jump in accordance with the obstacles facing or playing field.

Catch The Apple is a side scroller game and consists of 2 levels. Where the game characters have to collect as many apples before time runs out. This character hasenemies that will hinder the main character and enemies can reduce the life of the main characters. To make this game necessary software Adobe Flash CS3

andActionscript 2.0 as a supporter.

Keywords: Game, Catch the Apple, Adobe Flash CS3

Page 4: COVER PEMBUTAN GAME SIDE SCROLLING CATCH THE …repository.amikom.ac.id/files/PUBLIKASI_07.12.2363.pdf · Hal inilah yang membuat perkembangan games di komputer sangat cepat. Sehingga

4

1. Pendahuluan

Saat ini perkembangan games di komputer sangat cepat. Para pengelola industri

game berlomba-lomba untuk menciptakan game yang lebih nyata dan menarik untuk

para pemainnya. Hal inilah yang membuat perkembangan games di komputer sangat

cepat. Sehingga games bukan hanya sekedar permainan untuk mengisi waktu luang atau

sekedar hobi. Melainkan sebuah cara untuk meningkatkan kreatifitas dan tingkat

intelektual para penggunanya.

Game berasal dari bahasa inggris yang memiliki kata dasar Permainan.

Permainan dalam hal ini merujuk pada pengertian “kelincahan intelektual” (intellectual

playability). Game juga bisa diartikan sebagai arena keputusan dan aksi pemainnya. Ada

target-target yang ingin dicapai pemainnya.

Side Scrolling game atau side scroller adalah jenis permainan komputer (game)

yang sistem permainannya (gameplay) ditujukan dari sudut pandang 2 dimensi dan pada

karajternya biasanya berjalan ke kiri dan kanan untuk mencapai tujuan akhirnya (goal).

Game Super Mario Bross merupakan salah satu contoh game bergenre side scrolling.

Mario adalah salah satu karakter paling terkenal dalam sejarah permainan video.

Berdasarkan uraian diatas, penulis akan membuat skripsi dengan judul

“PEMBUATAN GAME SIDE SCROLLING CATCH THE APPLE” menggunakan Adobe

Flash CS3.

2. Dasar Teori

2.1. Konsep Dasar Game

2.1.1. Pengertian Game

Game mempunyai arti permainan dalam bahasa inggris, ada pula yang

menyatakan game adalah film yang dikendalikan. Dalam pembahasan ini game adalah

permainan elektronik yang diprogram dan dimainkan oleh satu atau lebih pemain yang

mempunyai tujuan untuk memberi kesenangan pada yang memainkannya.

2.1.2. Sejarah Perkembangan Game

Berawal dari tahun 1970-an merupakan awal dari perkembangan game dunia,

dimana game yang dibuat terdiri atas teks dan grafik standar

Seiring dengan perkembangan teknologi yang begitu pesat, hal ini berdampak

pada perkembangan dunia game yang kini pun dapat dikatakan sangat luar biasa.

Dimulai dengan kehadiran console - console seperti Sony Playstation, Nintendo 64, dan

XBOX yang ketiganya saling bersaing untuk menyajikan game - game dengan grafis dan

Page 5: COVER PEMBUTAN GAME SIDE SCROLLING CATCH THE …repository.amikom.ac.id/files/PUBLIKASI_07.12.2363.pdf · Hal inilah yang membuat perkembangan games di komputer sangat cepat. Sehingga

5

efek yang begitu memukau untuk di jamannya. Namun sama halnya seperti kodrat

manusia yang tidak pernah memiliki rasa puas, inovasi tidak berhenti sampai di situ.

Di era tahun 2007, kalangan masyarakat, baik itu awam ataupun kalangan

gamer, akan dihadapkan dengan evolusi baru console - console terdahulu dengan

kehadiran produk - produk baru seperti Sony Playstation2 dan 3, Nintendo Wii, XBOX

360. Bahkan, perkembangan game ini juga ikut merambah ke Personal Computer,

Personal Computer (PC), yang kinipun telah menjadi console game yang cukup

diperhitungkan. Meski hal ini berimbas kepada PC sebagai console game ini akan

mengakibatkan bahwa seiring waktu proses meng-upgrade performance PC mutlak

diperlukan bagi mereka, gamer - gamer pengguna console PC, untuk dapat mendukung

requirements game - game saat ini. Console - console di era baru ini memberikan

tampilan yang begitu memukau dengan game 3 dimensi yang begitu hidup dan

memberikan kesan realistik, sehingga terkadang pemain game tidak sedang bermain

game tetapi seperti menyaksikan sebuah kehidupan nyata yang mampu kita kendalikan

melalui controller.

2.2. Genre Game

a. Adventure

b. Fighting

c. Racing

d. RPG (Role Playing Game)

e. Shooting

f. Simulation

g. Sport

h. Strategy

i. Side Scrolling

2.3. Tahap Pembuatan Game

Tahap pembuatan dalam game yaitu:

1. Menentukan tema game

Untuk memberikan hasil yang maksimal,terlebih dahulu menentukan tema game.

2. Menentukan genre game

Dalam game ini peneliti menggunakan genre game Side Scrolling karena

karakter dalam game Side Scrolling ini dapat bergerak kesamping dengan diikuti

gerakan latar.

3. Memilih software

Dalam pembuatan dan perancanan game Catch The Apple ini, peneliti

menggunakan software Adobe Flash CS3, karena penulis membuat game

Page 6: COVER PEMBUTAN GAME SIDE SCROLLING CATCH THE …repository.amikom.ac.id/files/PUBLIKASI_07.12.2363.pdf · Hal inilah yang membuat perkembangan games di komputer sangat cepat. Sehingga

6

berbasis flash disamping itu juga karena Adobe Flash merupakan salah satu

aplikasi untuk membuat game sederhana yang lumayan mudah digunakan.

4. Mencari dan menentukan sound efek atau musik

Tanpa musik dan sound efek game akan terasa kurang hidup ketika dimainkan

5. Memproduksi game

Inilah tahap awal dari praktek pembuatan game yang sebenarnya, setelah

menentukan tema, menentukan genre, memilih software dan menentukan sound,

dalam memproduksi game ini dibagi menjadi 4 bagian yaitu :

a. Pitching

b. Pre-production

c. Production

d. Post-production

2.4. Konsep Dasar Flowchart

No. Symbol Keterangan

1.

Simbol mulai (START) dan selesai (STOP) yang

menunjukkan awal dan akhir program.

2.

Simbol prosedur/fungsi yang menunjukkan

proses yang ditulis sebagai program.

3.

Simbol proses yang menunjukkan pengolahan

aritmatika dan pemindahan data.

4.

Simbol proses INPUT/OUTPUT yang

menunjukkan proses input/output.

5. Simbol keputusan (DECISION) yang

menunjukkan operasi perbandingan logika.

6.

Arah proses.

Page 7: COVER PEMBUTAN GAME SIDE SCROLLING CATCH THE …repository.amikom.ac.id/files/PUBLIKASI_07.12.2363.pdf · Hal inilah yang membuat perkembangan games di komputer sangat cepat. Sehingga

7

2.5. Perangkat Lunak yang Digunakan

2.5.1. Adobe Flash CS3

Adobe Flash CS3 merupakan software yang bisa digunakan untuk menggambar

dan sekaligus bisa untuk menganimasikannya. Selain itu didalam flash kita bisa

memasukkan rumus fisika, matematika atau rumus-rumus lainnya dalam bentuk Action

Script.

2.5.2. Adobe Photoshop CS3

Adobe Photoshop CS3 adalah software pengolah gambar yang sangat powerfull

dengan segala fasilitasnya. Dalam Adobe Photoshop terdapat bagian-bagian seperti

Menu bar, Tools panel/tool palette yang berisi tool untuk membuat atau mengolah image,

artwork,dll, Control panel/option bar yang digunakan untuk menampilkan option dari tool

yang aktif, Panel/palettes, dan Document window.

3. Analisis dan Perancangan

Analisis sistem merupakan salah satu tahapan pada pengembangan sistem.

Tahap analisis merupakan tahap yang kritis dan sangat penting, karena kesalahan di

dalam tahap ini juga akan menyebabkan kesalahan di tahap selanjutnya. Tahap analisis

dilakukan setelah tahap perancangan sistem dan sebelum tahap desain sistem.

3.1. Analisis Kelemahan Sistem (SWOT)

Analisis SWOT adalah suatu metode perencanaan strategis yang digunakan

untuk mengevaluasi kekuatan, kelemahan, peuang dan ancaman dalam suatu

perancangan.

1. Analisis Kekuatan ( Strenghts )

Kekuatan dalam game Catch The Apple ini adalah Game ini mempunyai sistem

permainan yang mudah dimengerti, game tidak terlalu berat ketika dijalankan

sehingga tidak memerlukan komputer yang mempunyai spesifikasi tinggi, dan

cara pemakaian atau cara memainkan game Catch The Apple ini pun tersedia

didalam aplikasi game tersebut sehingga pengguna game ini dapat mengetahui

cara permainan game ini.

2. Analisis Kelemahan ( Weakness )

Kelemahanya adalah game ini hanya dapat dimainkan singleplayer saja, game ini

hanya memilki tampilan game 2 dimensi, tidak suport Stick Controller, dan game

ini tidak menyediakan fasilitas on-line.

3. Analisis Kesempatan ( Opportunity)

Page 8: COVER PEMBUTAN GAME SIDE SCROLLING CATCH THE …repository.amikom.ac.id/files/PUBLIKASI_07.12.2363.pdf · Hal inilah yang membuat perkembangan games di komputer sangat cepat. Sehingga

8

Saat ini perkembangan game di Indonesia belum pesat dan jumlah game yang

freeware masih sedikit, sedangkan game Catch The Apple ini dapat diunduh

secara gratis.

4. Analisis Ancaman ( Threats )

Saat ini sudah tersedia game sejenis hanya saja tidak terdapat konsep yang

sama pada game sejenis yang sudah ada

3.2. Analisis Kebutuhan Sistem

Untuk mempermudah analisis sistem dalam menentukan keseluruhan kebutuhan

secara lengkap, maka analisis membagi kebutuhan sistem ke dalam dua jenis yaitu

kebutuhan secara fungsional dan kebutuhan non fungsional.

3.3. Analisis Kelayakan Sistem

Analisis kelayakan digunakan untuk memastikan apakan sistem yang akan dibuat

dapat dilanjutkan menjadi proyek yang menguntungkan, mengetahui kebutuhan sistem

yang dibuat layak atau tidak.

3.4. Latar Belakang Cerita

Game Catch The Apple ini menceritakan tentang seorang gadis yang mempunyai

sebuah perkebunan apel. Pada saat panen apel tiba ia memanen apel-apel tersebut dan

mematikan hama-hama yang mengincar apel yang sudah matang.

3.5. Rincian Game

Game ini dibuat untuk diimplementasikan pada PC dengan sistem operasi

Windows. Game ini bersifat single player. Catch The Apple merupakan game yang

diadopsi dari game Super Mario Bros. Aturan permainannya :

1. Karakter yang digunakan dalam game ini adalah seorang gadis.

2. Protokol komunikasi yang digunakan adalah keyboard.

3. Game terdiri dari 2 level.

4. Dalam setiap level, pemain harus mengambil apel yang tersebar dilayar

sebanyak-banyaknya di setiap levelnya. Waktunya 1 menit 10 detik pada

setiap levelnya. Jadi jika pemain tidak bisa menyelesaikan permainan sampai

dengan waktu yang ditentukan maka permainan akan berakhir/game over.

5. Bila permainan berakhir sampai dengan level 2, pemain akan melihat skor

terakhirnya, dan bisa melakukan permainan dari awal lagi.

Page 9: COVER PEMBUTAN GAME SIDE SCROLLING CATCH THE …repository.amikom.ac.id/files/PUBLIKASI_07.12.2363.pdf · Hal inilah yang membuat perkembangan games di komputer sangat cepat. Sehingga

9

3.6. Perancangan Antarmuka Game

A. Rancangan antarmuka menu utama

Gambar 3.1 Rancangan antarmuka menu utama

B. Rancangan antarmuka konfirmasi keluar

Gambar 3.2 Rancangan antarmuka konfirmasi keluar

CATCH THE APPLE MAIN MENU

NEW GAME

OPTION

HIGH SCORE

HOW TO PLAY

I AM QUIT

ARE YOU SURE WANT TO QUIT ?

YES NO

Page 10: COVER PEMBUTAN GAME SIDE SCROLLING CATCH THE …repository.amikom.ac.id/files/PUBLIKASI_07.12.2363.pdf · Hal inilah yang membuat perkembangan games di komputer sangat cepat. Sehingga

10

C. Rancangan antarmuka peraturan game

Gambar 3.3 rancangan antarmuka peraturan game

D. Rancangan antarmuka highscore

Gambar 3.4 Rancangan antarmuka highscore

HOW TO PLAY

TO MOVE UP/ JUMP PRESS UP ARROW ↑

TO MOVE FORWARD PRESS RIGHT ARROW →

TO MOVE FORWARD PRESS RIGHT ARROW ←

BACK

HIGHSCORE

NAMA 1 _________

NAMA 2 _________

NAMA 3 ___________

NAMA 4 ___________

NAMA 5 _________

KEMBALI RESET KELUAR

Page 11: COVER PEMBUTAN GAME SIDE SCROLLING CATCH THE …repository.amikom.ac.id/files/PUBLIKASI_07.12.2363.pdf · Hal inilah yang membuat perkembangan games di komputer sangat cepat. Sehingga

11

E. Rancangan pengaturan game

Gambar 3.5 Rancangan antarmuka pengaturan game

4. Pembahasan

Dalam pembuatan game Side Scrolling ini, langkah awalnya adalah memasukan

atau menyiapkan aset - aset dilibrary flash yang akan digunakan untuk bekerja, contoh

aset - aset yang perlu disiapkan dalam membuat game ini seperti gambar karakter,

pohon, ulat, apel dan gambar lainya. Setelah itu membuat desain background atau

desain stage baik ditampilan permainan maupun ditampilan - tampilan yang lain.

Kemudian membuat animasi yang nantinya akan di tampilkan dalam game seperti

animasi karakter terjatuh, karakter melompat, karakter menginjak dan animasi - animasi

lainya yang dibutuhkan dalam game. Setelah itu menambahkan script atau perintah

untuk menjalakan game dan membuat link antar halaman, kemudian test untuk melihat

hasilnya.

4.1. Persiapan aset-aset

Langkah - langkah awal persiapan aset - aset adalah:

1. Menyiapkan aset - aset berupa gambar seperti background, karakter orang,

pohon, ulat, apel dan gambar – gambar pendukung lain.

2. Menyiapkan animasi (movie clip) seperti animasi karakter berjalan, ulat

berjalan dan darah berkurang.

3. Menyiapkan sound atau suara yang akan digunakan untuk game tersebut.

OPTION

MUSIC OFF ON

SOUND OFF ON

FULLSCREEN OFF ON

OK

Page 12: COVER PEMBUTAN GAME SIDE SCROLLING CATCH THE …repository.amikom.ac.id/files/PUBLIKASI_07.12.2363.pdf · Hal inilah yang membuat perkembangan games di komputer sangat cepat. Sehingga

12

4.2. Mendesain Background

Sebelum mulai mendesain, pertama yang dilakukan adalah mengatur dimensi

stage. Untuk mengatur dimensi stage, pilih size pada panel properties. Kemudian

akan muncul jendela document properties. Kemudian ubahlah dimensi dengan

ukuran lebar 800px dan tinggi 600px serta mengatur frame rates pada nilai 80.

4.3. Pembuatan Button

Menggunakan rectangle tool untuk membuat button berbentuk kotak, kemudian

sesuaikan ukuran dan warna. Selanjutnya mengconvert kotak menjadi sebuah

buton dengan cara klik kanan pada kotak pilih convert to symbol pilih buton

kemudian klik OK.

4.4. Import Suara

Import suara dengan cara pilih file > import to library, kemudian pilih suara yang

akan di gunakan dalam game. Drag atau masukan suara yang ada pada library

ke dalam stage.

4.5. Desain Halaman Game

A. Halaman Utama Game

Gambar 4.1 Tampilan menu utama

Page 13: COVER PEMBUTAN GAME SIDE SCROLLING CATCH THE …repository.amikom.ac.id/files/PUBLIKASI_07.12.2363.pdf · Hal inilah yang membuat perkembangan games di komputer sangat cepat. Sehingga

13

B. Tombol New Game

Tombol New Game akan di arahkan ke arena permainan.

Gambar 4.2 Tampilan New Game

C. Tombol Option

Gambar 4.3 Tampilan menu option

Page 14: COVER PEMBUTAN GAME SIDE SCROLLING CATCH THE …repository.amikom.ac.id/files/PUBLIKASI_07.12.2363.pdf · Hal inilah yang membuat perkembangan games di komputer sangat cepat. Sehingga

14

D. Tampilan Highscore

Gambar 4.4 tampilan highscore

E. Tampilan How To Play

Gambar 4.5 Tampilan how to play

Page 15: COVER PEMBUTAN GAME SIDE SCROLLING CATCH THE …repository.amikom.ac.id/files/PUBLIKASI_07.12.2363.pdf · Hal inilah yang membuat perkembangan games di komputer sangat cepat. Sehingga

15

F. Tampilan game over

Gambar 4.6 Tampilan game over

5. Kesimpulan

Untuk merancang game Catch The Apple ini dilakukan beberapa langkah yaitu

analisis dengan metode SWOT, membuat latar belakang cerita, merancang game, dan

membuat perancangan antar muka. Hasil rancangan tersebut diimplementasikan ke

dalam Adobe Flash CS3.

Page 16: COVER PEMBUTAN GAME SIDE SCROLLING CATCH THE …repository.amikom.ac.id/files/PUBLIKASI_07.12.2363.pdf · Hal inilah yang membuat perkembangan games di komputer sangat cepat. Sehingga

16

DAFTAR PUSTAKA

Fatta, H. A. , 2007. “Analisis dan Perancangan Sistem Informasi”, Penerbit Andi Offset,

Yogyakarta

Jogiyanto, HM. 2005. “Analisis dan Disain Sistem Informasi”, Penerbit Andi Offset,

Yogyakarta

Suyanto, M. 2003, 2005. “MULTIMEDIA Alat untuk Meningkatkan Keunggulan Bersaing”,

Penerbit Andi Offset, Yogyakarta

Suyanto, M. 2007. “ Analisis & Desain Aplikasi Multimedia Untuk Pemasaran”, Penerbit

Andi Offset, Yogyakarta

Sunyoto Andi. 2010. “Adobe Flash + XML = Rich Multimedia Aplication”, Penerbit Andi

Offset, Yogyakarta