Page 1
BAB II
PEMBAHASAN
2.1. Landasan Teori
Video games adalah salah satu sarana hiburan yang saat ini sedang mengalami
kemajuan yang pesat. Sehingga video games kini tidak lagi dipandang sebelah mata
oleh masyarakat, hal ini disebabkan karena kini video games bukan lagi dianggap
sebagai hiburan belaka tetapi sudah menjadi peluang bisnis yang menjanjikan dengan
keuntungan hingga mencapai milyaran US Dollar.
Saat ini banyak sekali program - program yang dirancang khusus sebagai
pembuat game, dan diantara beberapa program tersebut salah satunya adalah
Macromedia Flash 8 .Sebenarnya program ini bukanlah program yang dikhususkan
untuk pembuatan sebuah games, namun seiring dengan perkembangannya dari
kemudahan penggunaan, kelengkapan listing program, dan kefleksibelan program
sehingga program ini tidaklah kalah dibandingkan program - program pembuat game
lainnya.
2.1.1. Pengertian Macromedia Flash 8
Macromedia Flash 8 adalah salah satu program animasi berformat vektor
yang saat ini cukup populer. Selain program ini mempunyai fungsi dan kegunaan
yang beragam. Program ini juga sangat mudah untuk digunakan, sehingga orang
awam pun tidak akan kesulitan untuk mempelajarinya. Pada awalnya program
Macromedia Flash 8 hanyalah program pembuat animasi yang ditujukan untuk
5
Page 2
pembuatan template pada website - website seperti tombol menu, iklan, banner dan
lain-lain.
Flash seperti software gado-gado dimana di dalamnya terdapat semua
kelengkapan yang dibutuhkan. Mulai dari fitur menggambar, ilustrasi, mewarnai,
animasi, dan programming. Selain itu dengan adanya ActionScript yang diperlukan
untuk memberi efek gerak dalam animasi dapat dengan mudah dipahami jika sudah
terbiasa dengan bahasa pemrograman java atau C++. ActionScript di flash memang
pada awalnya sangat sulit di mengerti jika seseorang tidak mempunyai dasar atau
mengenal flash. Tetapi jika sudah mengenalnya, kita tidak bisa lepas dari
ActionScript karena sangat menyenangkan dan dapat membuat pekerjaan jauh lebih
mudah dan cepat.
Gambar II.1 Ruang Kerja.
6
timeline
Menu bar
Stage
toolbox
Panel
Page 3
1. Stage
Stage adalah area kerja pada program Macromedia Flash 8. Stage berbentuk
kotak berwarna putih yang berada ditengah - tengah layar. Pada saat project di
jalankan maka objek yang terlihat hanya objek yang berada pada area stage.
Gambar II.2 Stage.
2. Menu Bar
Menu Bar adalah sebuah barisan menu yang berisikan kumpulan dari menu
yang berguna untuk proses pada objek atau pada sistem program. Ada 2 cara yang
dapat dilakukan untuk melakukan pemanggilan pada Menu Bar yaitu dengan cara
mengklik langsung menu yang dikehendaki dengan menggunakan mouse atau dengan
menggunakan shortcut yang dijalankan dengan menekan kunci pada keyboard,
seperti contoh menjalankan menu open dengan cara menekan tombol Ctrl + O.
3. Timeline
Timeline merupakan panel yang terdiri dari layer, keyframe, dan frame yang
digunakan untuk mengatur dan mengontrol isi keseluruhan animasi.
7
Page 4
Gambar II.3 Timeline.
4. Layer
Layer berfungsi sebagai dinding pemisah stage antara objek yang satu dengan
objek yang lain sehingga pada saat mengerjakan project dengan menggunakan
banyak objek, maka pengguna tidak akan mengalami kesulitan karena gambar yang
bertumpuk. Prinsip kerja layer adalah seperti kertas tembus pandang yang disusun
dan dijadikan satu.
Gambar II.4 Sistem Pada Layer.
5. Keyframe
Keyframe adalah bagian dari frame yang merupakan kunci dari sebuah frame
itu sendiri. Keyframe ditandai dengan frame yang mempunyai lambang lingkaran atau
titik ditengah frame.
8
Page 5
6. Frame
Frame adalah sebuah tempat untuk meletakan gambar pada masing-masing
frame yang dibuat berurutan dan bila dijalankan maka akan menampilkan suatu
gerakan atau animasi dari gambar yang telah tersusun tersebut.
7. Blank Keyframe
Blank Keyframe adalah keyframe kosong yang ditandai dengan warna putih.
Blank Keyframe dapat dibuat dengan mengklik kanan pada frame lalu memilih insert
blank keyframe pada menu. Blank Keyframe dapat juga dibuat dengan menggunakan
shortcut dengan cara menekan tombol F7 pada keyboard.
8. Motion Tween
Motion Tween adalah salah satu fasilitas yang ada pada program ini. motion
tween merupakan cara otomatis untuk membuat animasi yang dijalankan dari titik
awal ke titik akhir. Dengan motion tween pengguna dapat membuat animasi bergerak
dari posisi satu ke posisi yang lain atau perubahan ukuran pada gambar, hal tersebut
dapat dibuat dengan mudah dengan menggunakan motion tween.
9. Motion Shape
Pada umumnya motion shape hampir sama dengan motion tween, namun
perbedaannya adalah motion shape digunakan pada saat memerlukan animasi bentuk
gambar yang berubah, seperti contoh pada animasi bentuk ombak. Motion shape
ditandai dengan frame yang berwarna hijau dan terdapat gambar panah ke arah kanan.
10. Toolbox
Toolbox merupakan panel utama yang terdapat sejumlah peralatan yang
berguna untuk pembuatan pada suatu objek gambar.
9
Page 6
Gambar II.5 Toolbox.
Berikut ini adalah penjelasan dari gambar II.5 :
a. Selection Tool
Selection Tool selain berfungsi untuk menyeleksi sebuah objek, selection tool
juga berfungsi untuk memindahkan objek dengan cara men-drag objek ke tempat
yang diinginkan. Selection Tool dapat di panggil dengan mengunakan shortcut
dengan cara menekan tombol V pada keyboard.
10
Page 7
b. Sub Selection Tool
Sub Selection Tool berfungsi untuk merubah bentuk suatu objek dengan edit
points. Selection Tool dapat dipanggil dengan mengunakan shortcut dengan cara
menekan tombol A pada keyboard.
c. Line Tool
Line Tool adalah salah satu peralatan gambar yang paling sering digunakan
untuk membuat sebuah gambar, karena line tool berguna untuk membuat garis.
d. Lasso Tool
Lasso Tool adalah tool yang berguna untuk menyeleksi objek sesuai dengan
batas area yang kita buat. Pada umumnya lasso tool berguna untuk membuat warna
bayangan pada suatu gambar.
e. Pen Tool
Pen Tool adalah tool yang berguna untuk menggambar dan merubah bentuk
suatu objek dengan menggunakan edit points. Pen Tool dapat dipanggil dengan
mengunakan shortcut dengan cara menekan tombol P pada keyboard.
f. Text Tool
Text Tool adalah tool yang berfungsi untuk membuat text atau tulisan. Untuk
mengubah jenis huruf (font), ukuran, warna dan sebagainya pengguna dapat
menggunakan bantuan panel properties. text tool dapat di panggil dengan
mengunakan shortcut dengan cara menekan tombol T pada keyboard.
11
Page 8
g. Oval Tool
Oval Tool adalah tool yang berfungsi untuk membuat gambar lingkaran, atau
oval. Oval Tool dapat di panggil dengan mengunakan shortcut dengan cara menekan
tombol O pada keyboard.
h. Rectangle Tool
Rectangle Tool adalah tool yang berfungsi untuk membuat gambar kotak atau
bujur sangkar. Cara menggunakannya sama dengan oval tool yaitu dengan mengklik
untuk membuat titik awal lalu geser mouse hingga mendapatkan besar gambar yang
diinginkan lalu lepaskan mouse. Rectangle Tool dapat dipanggil dengan mengunakan
shortcut dengan cara menekan tombol R pada keyboard.
i. Pencil Tool
Pencil Tool digunakan untuk pengguna yang ingin menggambar objek dengan
cara manual. Pencil Tool dapat di panggil dengan mengunakan shortcut dengan cara
menekan tombol Y pada keyboard.
j. Brush Tool
Seperti namanya Brush Tool adalah tool yang berguna untuk membuat
gambar seperti bentuk kuas. Ada beberapa ukuran dan bentuk kuas yang disediakan
oleh program ini. Brush Tool dapat di panggil dengan mengunakan shortcut dengan
cara menekan tombol B pada keyboard.
k. Free Transform Tool
Free Transform Tool selain dapat berfungsi merubah ukuran suatu objek, free
transform tool juga dapat berfungsi untuk memutar sebuah objek gambar ataupun
12
Page 9
symbol. Free Transform Tool dapat dipanggil dengan mengunakan shortcut dengan
cara menekan tombol Q pada keyboard.
l. Fill Transform Tool
Fill Transform Tool adalah tool yang berguna untuk merubah warna gradien.
Fill Transform Tool selain dijalankan dengan mengklik pada ikon tombol juga dapat
dipanggil dengan mengunakan shortcut dengan cara menekan tombol A pada
keyboard.
m. Ink Bottle Tool
Ink Bottle Tool adalah tool yang hampir serupa dengan paint bucket tool
hanya saja ink bottle tool berguna untuk merubah warna pada objek garis dan bukan
warna pada cat. Ink Bottle Tool selain dijalankan dengan mengklik pada ikon tombol
juga dapat dipanggil dengan mengunakan shortcut dengan cara menekan tombol S
pada keyboard.
n. Paint Bucket Tool
Paint Bucket Tool adalah tool yang berguna untuk memberi warna pada
sebuah objeck gambar. Paint buckt tool selain dijalankan dengan mengklik pada ikon
tombol juga dapat dipanggil dengan mengunakan shortcut dengan cara menekan
tombol K pada keyboard
o. Eyedropper Tool
Eyedropper Tool adalah tool yang berguna untuk mengambil warna pada
objek. Eyedropper Tool selain dijalankan dengan mengklik pada ikon tombol juga
dapat dipanggil dengan mengunakan shortcut dengan cara menekan tombol I pada
keyboard.
13
Page 10
p. Eraser Tool
Eraser Tool adalah tool yang berguna untuk menghapus garis dan cat pada
sebuah objek gambar. Ada beberapa jenis dan ukuran yang bila dipilih oleh pengguna
sesuai dengan keadaan. Eraser Tool selain dijalankan dengan mengklik pada ikon
tombol juga dapat dipanggil dengan mengunakan shortcut dengan cara menekan
tombol E pada keyboard.
q. Stroke Color
Stroke Color adalah warna garis atau border yang terdapat pada sebuah objek
gambar. Pada program flash sebelumnya stroke Color hanya dapat diberi warna
dengan warna solid namun kini warna stroke dapat diberi dengan warna-warna
gradien liniear, ataupun radial.
r. Fill Color
Fill Color adalah warna cat atau isi yang terdapat pada sebuah objek gambar.
s. Swap Color
Swap Color berguna untuk mengganti warna yang ada antara warna stroke
(Garis) dengan warna fill (Cat).
t. Black & White
Black & White adalah tool yangberguna untuk merubah warna pada stroke
color dan fill color menjadi warna hitam dan putih secara otomatis.
u. Zoom Tool
Zoom Tool adalah tool yang berguna untuk memperbesar atau memperkecil
tampilan pada stage.
14
Page 11
v. Hand Tool
Hand Tool adalah tool yang berguna untuk menggeser posisi stage.
11. Panel
Panel adalah jendela persegi empat yang merupakan kumpulan dari berbagai
macam fungsi yang dikelompokan sesuai dengan jenisnya. Ada berbagai macam
panel yang terdapat dalam program Macromedia Flash 8 diantaranya adalah :
a. Panel Info
Panel Info adalah panel yang berisi berbagai macam informasi yang terdapat
pada suatu objek gambar ataupun symbol. Informasi yang diberikan meliputi panjang
lebar, letak koordinat stage, kombinasi warna, nilai Alpha (transparan), kursor mouse.
Panel Info terletak di menu window\info. Panel Info dapat juga dipanggil dengan
menggunakan shortcut dengan cara menekan tombol Ctrl+I pada keyboard.
Gambar II.6 Panel Info.
b. Panel Actions
Panel Actions adalah panel yang berfungsi sebagai tempat peletakan dan
penulisan scripts. Panel Actions terletak di menu window\actions. Panel Info dapat
juga dipanggil dengan menggunakan shortcut dengan cara menekan tombol F9 pada
keyboard.
15
Page 12
Gambar II.7 Panel Actions.
c. Panel Properties.
Panel Properties adalah suatu panel yang berisi berbagai macam informasi
dan atribut pada suatu objek yang sedang terseleksi. Panel ini terletak di menu
window\properties\properties. Panel Properties dapat juga dipanggil dengan
menggunakan shortcut dengan cara menekan tombol Ctrl+F3 pada keyboard.
Gambar II.8 Panel Properties.
d. Panel Filter.
Panel Filters adalah Panel yang berguna untuk melakukan modifikasi objek
mengenai penambahan dan pengurangan effect pada suatu symbol. Panel Filters
terletak di menu window\properties\filters. Panel Color Mixer dapat juga dipanggil
16
Page 13
dengan menggunakan shortcut dengan cara menekan tombol Shift+F9 pada
keyboard.
Gambar II.9 Panel Filter.
e. Panel Color Mixer.
Panel Color Mixer adalah panel yang berfungsi untuk melakukan proses
pencampuran warna. Panel ini terletak di menu window\color mixer. Panel Color
Mixer dapat juga dipanggil dengan menggunakan shortcut dengan cara menekan
tombol Shift+F9 pada keyboard.
Gambar II.10 Panel Color Mixer.
f. Panel Color Swatches.
Panel Color Swacthes adalah panel tempat kumpulan warna dasar maupun
warna gradien. Panel ini terletak di menu window\align. Panel ini terletak di menu
17
Page 14
Window\ Color Swatches. Panel ini terletak di menu window\transform. Panel
Transform dapat juga dipanggil dengan menggunakan shortcut dengan cara menekan.
tombol Ctrl+F9 pada keyboard
Gambar II.11 Panel Color Swatches.
g. Panel Align.
Panel Align adalah panel yang berfungsi untuk membantu peletakan objek
dengan objek, ataupun objeck dengan stage. Panel ini terletak di menu window\align.
Panel Transform dapat juga dipanggil dengan menggunakan shortcut dengan cara
menekan tombol Ctrl+K pada keyboard.
Gambar II.12 Panel Align.
h. Panel Transform.
Panel Tranform adalah Panel yang berguna untuk memodifikasi bentuk pada
suatu objek gambar ataupun symbol. Perubahan bentuk meliputi perubahan pada
18
Page 15
ukuran, letak, dan perputaran. Panel ini terletak di menu window\transform. Panel
Transform dapat juga dipanggil dengan menggunakan shortcut dengan cara menekan
tombol Ctrl+T pada keyboard.
Gambar II.13 Panel Transform.
i. Panel Library.
Panel Library adalah panel yang berisi kumpulan symbol, file suara, dan file
gambar yang terdapat dalam suatu project. Panel ini terletak di menu window\library.
Panel Library dapat juga dipanggil dengan menggunakan shortcut dengan cara
menekan tombol Ctrl+L pada keyboard.
Gambar II.14 Panel Library.
19
Page 16
j. Panel Scene.
Panel Scene adalah panel yang berfungsi untuk mengelola scene, seperti
menambah, mengurangi, dan menggandakan scene pada suatu project. Panel ini
terletak di menu window\other panels\scene. Panel Scene dapat juga dipanggil
dengan menggunakan shortcut dengan cara menekan tombol Shift+F2 pada
keyboard.
Gambar II.15 Panel Scene.
k. Panel Components.
Panel Components adalah panel yang berisi kumpulan component yang dapat
digunakan pada sebuah project. Panel ini terletak di windows\components. Panel
Components dapat juga dipanggil dengan menggunakan shortcut dengan cara
menekan tombol Ctrl+F7 pada keyboard.
20
Page 17
Gambar II.16 Panel Components.
l. Panel Output.
Panel Output adalah panel yang berisi informasi keluaran seperti kesalahan
pada listing program, atau pesan-pesan pemberitahuan. Panel Output terletak di
window\output. Panel Output dapat juga dipanggil dengan menggunakan shortcut
dengan cara menekan tombol F2 pada keyboard.
Gambar II.17 Panel Output.
21
Page 18
2.1.2 Elemen Penyusun Permainan (Game).
Dalam sebuah game ada beberapa komponen yang ada, misalnya jenis game,
character, animation, background, sound, music. Semua komponen tersebut sangat
penting dalam pembuatan sebuah game saling mendukung satu sama lain sehingga
kalau kita membuat setiap komponen dengan menarik, maka tentu saja game yang
kita buat tidak akan membosankan.
1. Jenis Permainan (Game).
Dahulu game hanya terdapat beberapa jenis game, namun dengan seiring
berjalannya zaman dan perkembangan dalam dunia game yang semakin luas serta
para pembuat game yang semakin kreatif untuk membuat game, maka jenis-jenis
game yang ada sekarang pun semakin bertambah, Diantaranya yaitu :
a. Board Game.
Board Game yang bila diterjemahkan kedalam bahasa indonesia adalah
permainan papan. Seperti namanya game berjenis ini adalah game yang berdasarkan
permainan papan seperti pada dunia nyata seperti contoh adalah catur, monopoli,
othelo.
b. Card Game.
Card Game adalah jenis games yang menggunakan kartu sebagai media
permainan. Permainan yang ada biasanya berdasarkan dari permainan kartu pada
dunia nyata, seperti contoh kartu remi, kartu domino, kartu mahjong, dan lain-lain.
Agar lebih menarik biasanya pembuat game memberikan unsur lain ke dalam
permainan seperti Video atau pun karakter. Contohnya adalah Yu-Gi-Oh, Soltaire,
Digimon Battle Card.
22
Page 19
c. Sports Game.
Sports Game adalah jenis Video Game yang menggunakan tema tentang olah
raga. Olah raga yang biasanya dijadikan tema dalam Game adalah sepak bola, basket,
tenis, memancing, bersepeda, skateboard, dan kasti. Diantara semua olah raga yang
telah disebutkan tadi, sepak bola adalah tema yang paling banyak di temui dalam
video games dan tentunya yang paling digemari. Untuk memberikan kesan nyata
maka para pembuat game pun ada yang menyertakan nama dari para pemain bola asli
berserta tingkatan kemampuan yang dimiliki, meskipun hal tersebut tentunya
membutuhkan biaya yang besar untuk membayar royalty kepada setiap pemain yang
namanya tercantum dalam game.
d. Side Scrolling Game.
Side Scrolling Game merupakan jenis game dimana karakter dapat bergerak
kearah samping keatas dan kebawah mengikuti gerakan background. Contohnya
adalah Sonic, Contra, Super Mario, Metal Slug.
e. Shooting Game.
Shoting Game adalah game yang bertipe tembak menembak. Berdasarkan
sudut pandangnya ada dua jenis tipe yaitu first person view (Sudut pandang orang
pertama, dimana pemain dijadikan seperti karakter dalam game), dan third person
view (Sudut pandang orang ketiga) dimana pemain dapat melihat karakteryang
sedang dikendalikan didalam game. Contohnya adalah Counter Strike, Virtual Cop,
Time Crisis, House Of The Dead.
23
Page 20
f. RPG (Role Playing Game).
Role Playing Game yang biasa disingkat dengan RPG adalah jenis game yang
dimana pemain dapat memilih satu atau beberapa karakter untuk dimainkan, dimana
masing - masing karakter memiliki keunikan tertentu. Pemilihan karakter bisa
mempengaruhi jalan cerita game yang dimainkan. Biasanya berupa petualangan
(quest) yang semakin lama dilalui akan semakin meningkat kemampuan (skills) atau
ability dari karakter tersebut.
RPG sendiri telah berkembang menjadi MMORPG (Massively Multiplayer
Online Role Playing Game) dimana jumlah pemain yang terlibat pada “dunia maya”
bisa mencapai ratusan bahkan ribuan. Contohnya adalah Ultima Online, Ragnarok,
Everquest.
g. TBS (Turn Based Strategy).
Pemain dan lawan bergantian dalam melakukan aksi. Dalam hal ini lawan bisa
CPU (AI Based) atau pemain lainnya (multiplayer). Contohnya adalah Pokemon,
Card Game.
h. RTS (Real Time Strategy).
Perkembangan dari TBS, dimana player dan lawan bisa melakukan aksi dalam
waktu yang sama. Merupakan jenis Game yang bertipe strategi dimana kita diajak
berfikir untuk bergerak pintar agar misi yang kita jalankan sucses.Sebagian besar
Game ini bertipe strategi perang. Contohnya adalah WarCraft, Armored Core, Age of
Empire.
24
Page 21
i. Adventure.
Pemain memainkan satu karakter dan dalam menyelesaikan misi biasanya
melibatkan pembicaraan yang intensif dengan karakter - karakter lain dalam game
untuk memecahkan teka - teki (puzzle) yang dijumpai pada setiap petualangan .
Contohnya adalah Crash Bandicot II, God Of War, Metal Gear Solid.
j. Simulation.
Merupakan jenis game yang mengambil simulasi seperti pada keadaan nyata
pada umumnya. Dibeberapa game jenis ini biasanya kita diajak untuk menciptakan
lingkungan sesuai dengan keinginan kita. Contohnya adalah The Sims, Sim City, Sim
Word.
k. Racing Game.
Racing merupakan jenis game yang bertipe balapan. Racing banyak sekali
tipenya dari yang menggunakan kendaraan umum seperti mobil, sepeda motor sampai
yang tidak umum seperti truk, gokart, sepeda, skateboard. Contohnya adalah CTR
(Crash Team Racing), Grand Turismo, Top Gear, Need For Speed, Speed Punk,
Road Rash.
l. Fighting.
Fighting adalah jenis permainan yang terdiri dari dua atau lebih karakter yang
saling bertarung dan saling mengalahkan dengan menggunakan kekuatan untuk
menjadi pemenang. Fighting pada umumnya dimainkan oleh dua orang, namun
dalam beberapa game fighting dapat dimainkan hingga empat pemain. Contohnya
adalah TEKKEN, Dead Or Alive, Rival School, Mortal Kombat.
25
Page 22
2. Karakter Dalam Permainan (Game).
Karakter adalah salah satu hal yang mutlak untuk dimasukan dalam game,
hampir semua judul game terdapat karakter dalam perminan, meskipun itu hanya
sebagai pelengkap atau pemanis dalam game. Karakter dalam game dapat dibagi
menjadi dua jenis yaitu Playing Characters dan None Playing Characters yang biasa
disingkat dengan NPC.
3. Animasi.
Seperti yang telah diuraikan diatas, animasi termasuk dalam salah satu unsur
terpenting yang terdapat dalam game. Dengan animasi yang bagus maka gerakan
karakter tidak akan patah - patah dan tentunya akan lebih terlihat hidup.
4. Musik.
Hampir semua game yang keluar saat ini mempunyai kualitas musik yang
berkualitas. Hal itu dikarenakan para produsen game mulai mengerti betapa
pentingnya elemen musik dalam membuat nuansa game semakin terasa. Untuk itu
kini banyak dari para produsen game yang berkerja sama dengan para komposer
musik, penyanyi, dan studio rekaman untuk menghasilkan musik yang prima. Usaha
ini dilakukan untuk pertama kalinya ketika Game racing Road Rash dibuat. Game ini
menggunakan lagu - lagu rock pada tahun 90-an, diantaranya adalah Soundgarden,
Monster Magnet, Swervedriver.
26
Page 23
2.2 Tinjauan Kasus
Dengan semakin banyaknya game flash yang ada sekarang menjadi daya tarik
sendiri bagi penulis dalam ikut andil merasakan langsung seperti apa proses
pembuatannya. Sehingga penulis memutuskan untuk membuat game dengan
menggunakan macromedia flash 8.0.
Dalam hal ini penulis mencoba membuat suatu game yang terdiri dari tiga
bagian yang disebut misi dimana setiap misi mempunyai ketentuan untuk mencapai
kemenangan. Game ini cukup sederhana karena pemain hanya dapat bermain sendiri
dengan menggunakan mouse dan satu key pada keyboard untuk mengakhiri game.
Gambaran umum proses pembuatan game ini penulis memulai dari
pengarangan jalan cerita, megatur scene dan layer, membuat elemen game berupa
movieclip yang kemudian disusun dan diberi actionscript dalam perancangannya.
2.3 Perancangan Game.
2.3.1 Spesifikasi Game.
Animasi interaktif yang dibuat ini adalah sebuah animasi game yang dapat
dikontrol oleh pemain dengan menggunakan mouse. Sebelum memasuki permainan
ada beberapa tampilan pembuka yang dibuat agar tampak lebih menarik. Setelah
melewati beberapa tampilan tadi barulah masuk kedalam menu utama dan
permainanpun bisa dimulai. Dalam permainan ini terbagi menjadi tiga bagian atau
dalam permainan ini disebut sebagai misi dimana setiap misi mempunyai ketentuan
berbeda untuk mencapai keberhasilan di setiap misinya. Dan jika pada suatu misi
pemain berhasil maka akan mendapat informasi skor dan bonus yang didapat pada
27
Page 24
misi tersebut. Setelah semua misi berhasil maka akan terdapat informasi total skor
dari setiap misi dan juga akan mendapat highscore jika skor yang didapat lebih besar
dari skor pemain sebelumnya.
Dalam game ini ada beberapa halaman yang mempunyai isi yang berbeda-beda
yaitu :
1. Halaman menu utama
Halaman ini berisi pilihan menu main untuk memulai permainan yang jika
dipilih akan memainkan game, juga terdapat menu tentang dan menu keluar.
2. Halaman input nama.
Halaman ini input text untuk memasukan nama pemain juga tombol main untuk
memainkan game dan kembali untuk kembali ke menu utama.
3. Halaman tentang
Berisi informasi perancang game dapat dipilih untuk melihat informasi lebih
tentang perancang di internet menggunakan browser pada komputer pemain
dan juga menu kembali untuk kembali ke menu utama.
4. Halaman penjelasan misi satu
Halaman ini berisi static text penjelasan tentang ketentuan keberhasilan dan
kegagalan misi satu, cara memainkan misi satu dan juga menu jalankan misi
untuk langsung memainkan misi satu
5. Halaman hasil misi satu
Halaman ini berisi informasi skor, bonus dan total skor yang diperoleh di misi
satu selain itu juga terdapat menu misi selanjutnya untuk melanjutkan ke misi
dua dan menu akhiri misi untuk menyelesaikan permainan.
28
Page 25
6. Halaman penjelasan misi dua
Halaman ini static text berisi penjelasan tentang ketentuan keberhasilan dan
kegagalan misi dua, cara memainkan misi dua dan juga menu jalankan misi
untuk langsung memainkan misi dua.
7. Halaman hasil misi dua
Halaman ini berisi informasi skor, bonus dan total skor yang diperoleh di misi
satu selain itu juga terdapat menu misi selanjutnya untuk melanjutkan ke misi
dua dan menu akhiri misi untuk menyelesaikan permainan.
8. Halaman penjelasan misi tiga / akhir
Halaman ini berisi static text penjelasan tentang ketentuan keberhasilan dan
kegagalan misi tiga, cara memainkan misi tiga dan juga menu jalankan misi
untuk langsung memainkan misi tiga.
9. Halaman hasil misi tiga dan result.
Halaman ini berisi informasi total skor misi satu, dua, skor misi tiga dan total
keseluruhan skor selain itu juga terdapat informasi skor dan nama pemain yang
mendapat highscore, dan menu utama untuk kembali ke menu utama dan
keluar untuk keluar dari permainan.
10. Halaman misi gagal
Halaman ini berisi informasi skor yang didapat pada setiap misi, serta menu
main lagi untuk langsung ke halaman penjelasan misi satu.
29
Page 26
2.3.2 Perancangan Game.
Pada sub bab ini akan dijelaskan tentang langkah-langkah pembuatan dalam
pembuatan dan perancangan elemen game, dan listing yang terdapat pada Game
Super Man Tap.
1. Pembuatan dokumen flash baru
a. Buka program Macromedia Flash 8.0
b. Pilih flash document pada bagian create new
c. Pada panel properties atur warna background menjadi warna biru langit
( #00CCFF ) dan ukuran 550 pixel X 400 pixel.
2. Pembuatan dan pengaturan scene dan layer
a. Buat 4 scene baru sehingga semua menjadi 5 scene.
b. Ubah nama scene menjadi coverinfo, satu, dua, tiga dan result secara
berurutan dari atas kebawah.
c. Pada scene coverinfo buat 3 layer secara berurtan dari atas kebawah layer 1,
layer 2 dan layer 3.
d. Pada scene satu,dua dan tiga buat 3 layer secara berurutan dari atas kebawah
layer panel, game dan background.
e. Pada scene result buat 2 layer yaitu layer 1, dan layer 2 .
3. Memasukkan suara latar dan efek ke dalam library dan memberikan linkage .
a. Pada menu bar pilih file > import > import to library.
b. Seleksi file suara yang digunakan dalam pembuatan game klik open.
c. Buka library dengan cara tekan ctrl+L.
30
Page 27
d. Klik kanan suara latar.mp3 dan pilih linkage. Beri tanda contreng pada
pilihan exprort for ActionScript dan berikan nama “BGM”.
e. Lakukan hal yang sama untuk suara get.wav dengan nama “ding”,
menang.mp3 dengan nama “win”, jatuh.wav dengan nama “ledak” dan
tret.wav dengan nama “tabrak”.
4. Pembuatan animasi awan menjadi teks Man Tap pada scene coverinfo.
a. Pada layer 2 buat gambar awan berwarna putih dengan warna tepian merah
( #FF0000 ) pada frame 1 dan masukan keyframe pada frame 30.
b. Buat teks Man Tap dengan menggunakan jenis huruf ( font ) chiller ukuran
70 pada teks Man atur warna dengan warna merah ( #FF0000 ) dan Tap
dengan warna putih ( #FFFFFF ) .
c. Seleksi teks Man Tap , lalu tekan Ctrl+B sebanyak 2 kali untuk merubah teks
menjadi gambar.
d. Klik kanan pada frame 1 pilih create tween motion lalu pada panel properties
ubah bagian tween menjadi Shape.
5. Pembuatan movie clip sayap Super Man Tap
a. Tekan Ctrl+F8 pada name ketikan sayap dan movei clip sebagai typenya
b. Gambar sebuah sayap seperti pada gambar II.18 dengan warna merah
( #FF0000 ) dan warna pinggiran hitam (#000000).
c. Pada frame 5 masukan keyframe lalu dengan free transform tool ubah posisi
rotate and skew kembali ke frame klik kanan pilih create tween motion dan
pada panel properties ubah motion menjadi shape.
31
Page 28
d. Pada frame 10 masukan keyframe dan lakukan hal sama seperti pada langkah
sebelumnya dengan merubah posisinya.
e. Tekan Ctrl+E untuk keluar dari mode edit symbol.
Gambar II.18 Movie Clip Sayap
6. Pembuatan animasi (Movie Clip) ledak.
a. Tekan ctrl+F8 pada name ketikan ledak dan pilih movieclip sebagai typenya.
b. Buat dua layer yaitu layer 1 dan layer sound.
c. Pada layer 1 frame 1 ketikan pada panel action stop(); masukan blank
keyframe pada frame 2 lalu buat gambar ledakan kecil dan teks 10, setelah itu
masukan keyframe pada frame 3 dan dengan free transform tool ubah ukuran
ledakan menjadi lebih besar.
d. Pada layer 2 frame 2 masukan blank keyframe dan pada frame 3 masukan
keyframe lalu drag suara Bomb.wav ke stage.
e. Tekan Ctrl+E untuk keluar dari mode edit symbol.
32
Page 29
7. Pembuatan Karakter (Movie Clip) Super ManTap
a. Tekan Ctrl+F8 pada name ketikan Super ManTap dan MovieClip pada
typenya
b. Siapkan dua layer dengan nama layer 1 dan layer 2.
c. Pada layer 1 frame 1 beri nama frame kiri pada frame label di panle
properties setelah itu gambar karakter Super ManTap seperti pada gambar
II.19 dengan warna merah ( #FF0000 ) dan warna pinggiran hitam (#000000)
dan pada panel action ketikan stop();.
d. Drag movie clip sayap dari library ke stage letakan diatas badan Super
ManTap.
e. Pada layer 2 drag movieclip ledak ke stage dan masukan keyframe pada frame
kedua.
f. Klik frame 2 layer 1 masukan keyframe seleksi gambar Super ManTap pada
menu bar pilih modify, Transform, Flip Horizontal dan tambahkan script
stop(); pada panel actionselanjutnya beri label frame dengan nama kanan.
g. Ctrl+E untuk keluar dari mode edit symbol.
Gambar II.19 Karakter Super ManTap
33
Page 30
8. Membuat animasi Super ManTap terbang pada pembukaan game.
a. Pada layer 3 scene coverinfo drag movieclip Super ManTap ke kiri tengah
stage.
b. Masukan keyframe pada frame ke 19 dan ubah posisi movieclip Super
ManTap ke kanan luar stage dengan arah ke kanan atas.
c. Masukan keyframe pada frame 20 dan ubah arah posisi movieclip Super
ManTap dengan modify flip horizontal.
d. Masukan keyframe pada frame 32 dan atur posisi koordinat movieclip Super
ManTap pada X=247.3 dan Y=18.0 dan ukuran width 286.2 dan height 134.2.
e. Klik kanan frame 1 pilih cerate tween motion. Lakukan hal yang sama pada
frame 32.
9. Membuat teks Game Super, created by Kusnadi dan logo BSI pada scene
coverinfo.
a. Pada layer 1 buat teks Game Super dengan jenis font Californian FB dan
ukuran 50.
b. Buat teks created by kusnadi dengan jenis font Poor Richard dan ukurar 22
c. Import file gambar logo BSI ke library dan konversi ke symbol graphic
dengan nama BSI.
d. Atur teks dan logo BSI seperti gambar II.20 dan masukan keyframe pada
frame 33.
34
Page 31
Gambar II.20 Teks Game dan logo BSI
10. Membuat movie clip awan
a. Gambar awan seperti pada gambar II.23 dan konversi ke graphic dengan nama
awan putih
b. Tekan ctrl+F8 ketikan awan pada name dan pilih movieclip sebagai typenya
c. Drag graphic awan dari library ke stage dengan posisi ujung kanan gambar
diletakan di ujung kanan stage.
d. Masukan keyframe pada frame 40 dan ubah posisi ujung kiri gambar awan ke
ujung kiri stage.
e. Klik kanan frame 1 pilih create tween motion.
11. Membuat MovieClip UFO diam
a. Tekan Ctrl+F8 ketikan UFOdiam
b. Buatlah gambar UFO seperti gambar II.22.
c. Dengan merubah warna lampu UFO dari frame ke frame buat pergerakan
lampu UFO menyala secara berurutan.
d. Ctrl+E untuk keluar dari mode edit symbol.
35
Page 32
12. Membuat Movie Clip musuh
a. Tekan Ctrl+F8 ketikan musuh pada name dan pilih movieclip sebagai tipenya.
b. Drag movieclip UFOdiam dari library ke stage ketikan stop(); pada panel
action.
c. Klik kanan frame 2 pilih insert keyframe buat gambar Super ManTap
tertabrak seperti gambar II.22 dan pada panel action ketikan stop(); .
d. Masukan blank keyframe pada frame 3 dan gambar sebuah ledakan.
e. Masukan keyframe pada frame 4 dan pada panel action ketikan stop();
f. Buat layer baru dengan nama layer 2 dan posisikan dibawah layer 1
g. Masukan blank keyframe pada frame 3 dan masukan lagi blank keyframe
pada frame 4.
h. Klik frame 3 drag suara jatuh.wav ke stage.
Gambar II.22 UFO dan Super ManTap tertabrak UFO
13. Membuat MovieClip rumah
a. Tekan ctrl+F8 ketikan Rumah sebagai name dan Movie Clip sebagai tipenya
b. Buat gambar rumah seperti pada gambar II.23
c. Masukan keyframe pada frame 2 dan pada panel action ketikan
this.unloadMovie();
36
Page 33
Gambar II.23 Movie Clip Rumah
14. Membuat MovieClip Rumah hancur
a. Tekan ctrl+F8 ketikan hancur sebagai name dan Movie Clip sebagai tipenya
b. Buatlah gambar rumah meledak dan apinya seperti pada gambar II.24 dan
pada panel action ketikan stop();
c. Buatlah gambar asap dengan warna abu-abu pekat seperti gambar II.24 lalu
secara framebyframe hingga frame kelima buatlah asap berubah rotasinya
dengan bantuan free transform tool.
d. Masukan blank keyframe pada frame 10 dan buat gambar reruntuhan rumah.
e. Klik kanan frame 6 pilih create tween motion dan pada panel properties ubah
tween motion menjadi shape, pada panel action ketikan stop();
f. Buat layer baru dengan nama layer 2 dan letakan dibawah layer 1, selanjutnya
masukan blank keyframe pada frame 2 dan masukan keyframe pada frame 10.
g. Drag suara jatuh.wav dari library ke stage.
37
Page 34
Gambar II.24 Rumah Meledak dan asap
15. Membuat movieclip hati
a. Tekan ctrl+F8 ketikan hati sebagai name dan pilih movieclip sebagai tipenya
b. Buat gambar hati bersayap dan dengan merubah frame per frame hingga
frame ketiga buat gambar sayap bergerak seperti pada gambar II.25
Gambar II.25 Animasi hati
16. Membuat movie clip roket jatuh
a. Tekan ctrl+F8 ketikan roket jatuh pada name dan pilih movieclip sebagai
tipenya.
b. Buat gambar roket seperti gambar II.26
Gambar II.26 Roket
38
Page 35
17. Membuat Movieclip ekspresi wajah Super ManTap sebagai tanda energi
a. Tekan ctrl+F8 ketikan nyawa pada name dan pilih movieclip sebagai tipenya.
b. Pada frame 1 buat wajah dengan warna kuning (#FFFF00) seperti gambar
II.27 dan ketikan stop(); pada panel action.
c. Masukan keyframe pada frame 2 dan ubah warna wajah menjadi merah hati
(#CC3300) seperti gambar II.27dan ketikan stop(); pada panel action
Gambar II.27 Ekspresi wajah
18. Membuat MovieClip balok nyawa Super ManTap dan Raja UFO
a. Buatlah gambar balok dengan warna merah ( #FF0000 ) tanpa warna tepian
menggunakan rectangle tool dengan ukuran width 108.0 dan height 15.8
b. Seleksi gambar tersebut klik kanan dan pilih convert to Symbol
c. Masukan nama life dan movieclip sebagai tipenya.
d. Ctrl+E untuk keluar dari mode edit symbol.
e. Lakukan hal yang sama dalam membuat movieclip DarahUFO namun dengan
warna balok biru (#0000FF).
19. Membuat Raja UFO
a. Tekan Ctrl+F8 ketikan Rajadiam sebagai name dan movieclip sebagai tipenya
b. Gambar raja UFO seperti pada gambar II.28.
39
Page 36
c. Dengan menggunkan animasi frame per frame buat lampu menyala yang
berpindah posisi.
Gambar II.28 Raja UFO
20. Membuat MovieClip raja UFO melepaskan rudal
a. Tekan Ctrl+F8 ketikan Rajaroket sebagai name dan movieclip sebagai tipenya
b. Drag movieclip rajadiam dari library ke stage pada frame satu, selanjutnya
klik kanan pada frame 20 dan masukan keyframe.
c. Buat layer baru dengan nama layer 2 letakan dibawah layer 1.
d. Drag MovieClip roket dari library ke stage sebanyak 3 kali dan letakan diatas
movieclip rajadiam.
e. Seleksi tiga roket tersebut dan tekan ctrl + G lalu masukan keyframe pada
frame 20 dan posisikan roket-roket tersebut diatas luar stage dan perbesar
ukurannya dengan free transform tool.
f. Klik kanan frame 1 dan pilih create tween motion.
21. Membuat Raja UFO bergerak
a. Tekan Ctrl+F8 ketikan gerakraja sebagai name dan movieclip sebagai tipenya
b. Drag movieclip rajadiam dan atur pada posisi atas kiri stage.
40
Page 37
c. Masukan keyframe pada frame selanjutnya dan ubah posisi movieclip rajadiam
sedikit kebawah dan ulangi hingga frame 10 dan posisi movieclip rajadiam
berada dibawah kiri stage.
d. Pada frame 6 naikan kembali posisi movieclip rajadiam hingga frame ke 20
dan posisi movieclip rajadiam kembali ke posisi seperti pada frame 1.
e. Pada panel action frame 20 masukan script gotoAndPlay(1);
22. Membuat MovieClip misil pesawat GaruJago dan rudal rajaUFO
a. Buat gambar misil pesawat GaruJago seperti pada gambar II.29 dengan
memanfaatkan oval tool.
b. Seleksi gambar tersebut , klik kanan dan pilih convert to symbol.
c. Ketikan misil pada name dan pilih movieclip sebagai tipenya.
d. Ketikan ctrl+E untuk keluar dari mode edit symbol.
e. Tekan Ctrl+F8 ketikan roketserang sebagai name dan movieclip sebagai
tipenya
f. Drag movieclip roketjatuh ke tengah stage dan dengan free taransform tool
ubah posisi dan rotasinya seperti pada gambar II.29 pada frame 1 ketikan
script stop(); pada panel action.
g. Masukan blank keyframe pada frame 2 dan gambar ledakan, masukan
keyframe pada frame 3 dan ketika pada panel action script posisiroket();
gotoAndPlay(1).
h. Buat layer baru dan posisikan layer baru dibawah layer 1 kemudian masukan
blank keyframe pada frame 2 kemudian import suara ledakan ke library dan
drag suara tersebut ke stage.
41
Page 38
Gambar II.29 misil GaruJago dan roket raja UFO
23. Membuat MovieClip pesawat GaruJago
a. Tekan Ctrl+F8 ketikan garuJago sebagai name dan movieclip sebagai tipenya
b. Gambar pesawat seperti pada gambar II.29 dengan memanfaatkan tool yang
tersedia dan ketikan stop(); pada panel action.
c. Masukan keyframe dan tambahkan gambar ledakan pada gambar pesawat
GaruJago sperti pada gambar II.30
Gambar II.30 Pesawat GaruJago
24. Membuat moveclip bendera berkibar
a. Tekan Ctrl+F8 ketikan bendera sebagai name dan movieclip sebagai tipenya
b. Buat gambar bendera menggunakn rectangle tool dan beri garis pada tengah
gambar beri warna merah pada bagian atas dan warna putih pada bagian
bawah kemudian buat dengan lekukan diatas dan bawah dengan menghapus
dan menambahkan lekukan.
c. Masukan keyframe pada frame ke 10 dan ubah lekukan bendera dengan
menghapus dan menambahkan sisi atas dan bawahnya.
42
Page 39
d. Klik kanan frame 20 dan pilih insert keyframe kemudian ubah gambar
bendera menjadi seperti pada frame 1.
e. Klik kanan frame 1 pilih create tween motion dan pada panel properties ubah
tween motion menjadi shape.
f. Lakukan langkah diatas pada frame 10.
25. Membuat movieclip matahari
a. Buat gambar lingkaran dengan fill colour warna kuning (#FFFF00) dan warna
tepian yang sama
b. Seleksi gambar tersebut klik kanan dan pilih convert to symbol.
c. Pilih matahari sebagai name dan movieclip pada tipenya.
d. Tekan ctrl+E dan beri filter pada panel properties dan beri efek glow dengan
cara klik icon + dan pilih glow dan atur blur X 33, blur Y 33 dan strength
100%.
26. Membuat movieclip teks berjalan saat game berakhir
a. Buat teks pernyataan bahwa misi telah berakhir dan sukses memanjang
kebawah dengan ukuran width 267.1 dan height 744.0.
b. Seleksi teks tersebut dan konversi ke movieclip dengan nama teksrun.
c. Letakan posisi teks di bawah, kemudian masukan keyframe pada frame 200
dan ubah posisi teks terakhir ditengan stage.
d. Klik kanan frame satu pilih create tween motion. Kemudian klik kanan frame
220 pilih insert keyframe.
43
Page 40
27. Membuat bingkai teks berjalan
a. Buat gambar awan dan bagian berwarna biru langit dibawah gambar awan
seperti pada gambar II.31
b. Seleksi seluruh gambar dan konversi menjadi symbol graphic dengan nama
frame.
Gambar II.31 Bingkai teks berjalan
28. Membuat movie clip pesan berjalan
a. Tekan ctrl+F8 ketikan finish pada name dan pilih movie clip sebagai tipenya.
b. Drag movieclip teksrun dari library ke bawah stage .
c. Drag movieclip frame ke atas stage.
29. Membuat movieclip garis sensor.
a. Buat garis hitam menggunakan line tool.
b. Seleksi garis tersebut dan konversi ke symbol mivieclip dengan nama line.
30. Membuat tombol berbentuk awan
a. Tekan Ctrl+F8 ketikan nama tombol pada name dan pilih button sebagai
typenya.
44
Page 41
b. Gambar satu buah awan putih dan teks sesuai dengan fungsi tombolnya.
c. Masukan keyframe pada frame over klik gambar awan dan ubah warna fillnya
dengan warna abu-abu.
d. Pada frame Down masukan keyframe dengan Free Transform tool ubah
ukuran gambar awan dan teks menjadi lebih kecil.
e. Klik kanan pada frame Up dan pilih copy Frames klik kanan frame Hit pilih
paste frame.
f. Buat layer baru letakan dibawah layer 1 masukan blank keyframe pada frame
over klik kanan frame hit pilih insert keyframe.
g. Klik frame over pada layer 2 setelah itu drag file ding.wav ke stage.
Setelah membuat elemen penyusun game berupa movieclip, graphic, tombol
dan suara latar dan efek. Langkah selanjutnya ialah menyusun elemen tersebut pada
layer dan stage yang telah dibuat dan juga memberi nstance name serta
menambahkan elemen tambahan dalam game.
1. Menyusun dan menambahkan elemen pada menu utama scene cover info.
a. Pada scene coverinfo layer 2 frame 33 susun elemen game dan buat elemen
tambahan berupa static text seperti pada gambar II32.
2. Membuat halaman input nama
a. Buat static text untuk memasukkan nama pemain dengan var player dan static
text “Masukan Nama Pemain” selain itu tambahkan tombol untuk kembali ke
menu utama dan tombol untuk memainkan game .
45
Page 42
Gambar II.32 susunan menu utama
Gambar II.32 Susunan Elemen Menu Utama
3. Menyusun halaman tentang pada scene coverinfo.
a. Pada frame 34 layer game buat dynamic text alamat e-mail,wapsite,friendster,
dan blog kemudian pada panel properties masukan link pada bagian getURL.
b. Buat static text biodata perancang dan juga import photoperancang dan drag
ke stage.
c. Copy teks SUPER dan Man Tap dari layer 33 ke layer 34.
4. Membuat informasi petunjuk misi satu pada scene satu.
a. Pada layer game frame 1 buat static text berisi petunjuk bermain pada misi
satu.
b. Drag movieclip UFO, roket, Super ManTap, dan lainya kemudian buat static
text infromasi movie clip tersebut.
c. Drag tombol tbl_main ke stage.
46
Tombol Main
Tombol tentang
Tombol keluar
Static text Game
Static text SUPER
Movie Clip Super Man Tap
Static text Man Tap
Movie Clip Awan Static text Created byLogo BSI
Page 43
5. Menyusun dan menambahkan elemen pada misi satu scene satu
a. Pada frame 2 layer background buat gambar latar seperti pada lampiran
gambar xxx.xxx kemudian drag movieclip bendera ke stage.
b. Pada layer Game drag movieclip Super ManTap ke stage dan beri instance
name pemain.
c. Drag movie clip Rumah sebanyak 7 kali ke stage dan beri instance name
secara berurutan h1, h2, h3, h4, h5, h6, h7.
d. Drag movieclip hancur sebanyak 7 kali ke stage dan beri instance name
secara berurutan hancur1, hancur2, hancur3, hancur4, hancur5, hancur6,
hancur7
e. Drag movieclip rajadiam dan line ke stage.
f. Pada layer panel drag movieclip nyawa dan life di posisi atas stage. Copy
movieclip rumah pada layer game dan paste pada layer panel kemudian
kecilkan ukurannya dengan free trasnform tool.
g. Buat static text rumah selamat, skor dan sisa waktu. Buat 3 dynamic text
dengan variable skor1, rumah dan second.
6. Menyusun dan menambahkan elemen pada hasil misi satu pada scene satu
a. Buat dynamic text dengan variable rumah, bonus, skor1 dan total1 serta static
text “Misi Satu Berhasil”
b. Drag movieclip Super ManTap, awan, tombol tbl_akhir, tbl_next dari library
ke stage layer game.
7. Membuat informasi petunjuk misi dua pada scene dua.
a. Pada layer game buat static text informasi petunjuk misi 2.
47
Page 44
b. Drag tombol tbl_main ke stage bagian bawah.
8. Menyusun elemen pada misi dua pada scene dua.
a. Drag movieclip GaruJago, misil, line dan UFO ke stage pada layer game.
Kemudian beri instance name pesawat, misil, line dan ufo secara berurutan.
b. Pada layer Background drag movieclip awan beri nama instance BG
kemudian klik dua kali dan beri instance name pada graphic awan dengan
nama awan,kemudian drag movieclip matahari ke stage.
c. Pada layer panel buat 3 dynamic text dengan masing-masing var yaitu
ufololos, skor2,dan waktu.
d. Buat static text UFOlolos,Waktu dan Skor letakan disamping dynamic text.
e. Drag movieclip nyawa, dan life dari library ke stage.
9. Menyusun dan menambahkan elemen pada hasil misi satu pada scene satu
a. Buat dynamic text dengan variable bonus2, skor2 dan total2 serta static text
“Misi 2 Berhasil”
b. Drag movieclip GaruJago, awan, tombol tbl_akhir, tbl_next dari library ke
stage.
10. Membuat informasi petunjuk misi tiga pada scene tiga.
a. Pada layer game buat static text informasi petunjuk misi 3.
b. Drag tombol tbl_main dan movieclip rajadaim ke stage bagian bawah.
11. Menyusun elemen pada misi tiga pada scene tiga.
a. Pada layer panel drag movieclip nyawa, rajadiam, darahUFO dan berikan
instance name darahman untuk nyawa dan darahUFO untuk darahUFO,
kemudian kecilkan ukuran movieclip rajadiam dengan free transform tool.
48
Page 45
b. Buat dynamic text dengan var skor 3 dan static text Skor.
c. Pada layer game drag movieclip GaruJago, misil, roketserang, gerakRaja ke
stage berikan instance name pesawat, msili, roket dan UFO berurutan.
d. Pada layer Background drag movieclip awan beri nama instance BG
kemudian klik dua kali dan beri instance name pada graphic awan dengan
nama awan,kemudian drag movieclip matahari ke stage.
12. Membuat informasi misi gagal pada scene result.
a. Pada layer 1 buat static text dengan tulisan “Misi Gagal” ukuran font 62, jenis
font Maiandra GD dan beri filter pada panel filter efek glow dengan warna
merah, blur X dan Y 22, serta Stength 150%.
b. Buat 3 dynamic text dengan var skor1, skor2 dan skor3. kemudian buat static
text “skor terakhir”, “skor misi ke 1”, “skor misi ke 2” dan “skor misi ke 3”
c. Pada layer drag movieclip awan dan tombol tbl_lagi.
13. Membuat informasi misi berhasil pada scene result.
a. Pada layer 1 buat dynamic text dengan var pemenang, highscore, total1,
total2, skor3 dan total skor.
b. Buat 5 static text dengan teks highscore,totalskor misi ke 1, total skor misi ke
2, skor misi 3 dan total skor.
c. Drag movieclip finish, tombol tbl_exit dan tbl_mainmenu ke stage.
2.3.3 Publish Games.
Setelah game selesai dibuat, maka langkah selanjutnya adalah publishing. Hal
ini dilakukan agar game dapat dijalankan pada semua PC, baik yang memiliki flash
49
Page 46
player ataupun yang tidak memiliki flash player dapat menjalankan game yang telah
dibuat tesebut.
Untuk mempublikasikan dokumen flash diharuskan untuk memilih format
File publikasi yang sesuai dengan tujuan dalam pembuatan game. Perintah publish
akan menciptakan file - file di bawah ini :
1. Flash Movie yaitu untuk bentuk film dari animasi, sebuah file dengan ekstensi
.swf.
2. Gambar alternative dalam bermacam-macam format yang secara otomatis
akan muncul bila flash player untuk memutar flash movie tidak tersedia (GIF,
JPEG, PNG dan Quick Time).
3. Dokumen HTML yang mendukung untuk menampilkan flash movie di dalam
browser dan mengontrol setting browser.
4. Stand Alone Projector, merupakan aplikasi mandiri yang dapat berekstensi.
EXE.
50
Page 47
Gambar II.33 Publish.
51
Page 48
Gambar II.34 Publish Setting.
52
Page 49
2.3.4 Flash File.
Seperti program-program pada umumnya macromedia flash 8 juga
mempunyai program khusus.
Gambar II.35 Format File.
1. Flash Document.
Flash Document adalah file terpenting dari semua file yang ada pada program
macromedia flash 8, karena file ini adalah file mentah yang dapat dibuka dan diubah
isinya. Flash Document mempunyai extentions fla.
2. Flash Movie.
Flash Movie adalah file keluaran pada program macromedia flash 8 yang
berguna untuk melihat hasil dari sebuah project yang telah dibuat. Namun untuk
menjalankan program ini diharuskan untuk mempunyai flash player.
3. Flash Projector.
Flash Projector adalah salah satu file macromedia yang hampir sama dengan flash
movie. Namun perbedaannya adalah flash projector merupakan hasil dari
penggabungan antara flash movie dengan flash player, sehingga untuk melihat atau
membuka file ini tidak perlu memerlukan flash player lagi
53
Page 50
2.4. Spesifikasi Rancangan Program
Spesifikasi rancangan program merupakan rangkaian dokumen – dokumen
yang meliputi spesifikasi program HIPO dan spesifikasi program Flowchart.
2.4.1 HIPO (Hierarchy Plus Input – Process – Output).
Gambar II.36 HIPO
2.4.2 Flowchart.
Dalam pembuatan sebuah animasi dibutuhkan sebuah flowchart. Pembuatan
flowchart ini juga berfugsi untuk mempermudah pembuatan sebuah tampilan animasi.
Jadi dengan adanya flowchart ini proses perulangan dari tampilan animasi game yang
dibuat dapat dilihat tanpa harus menjalankan program animasi interaktifnya.
Dibawah ini adalah flowchart pada animasi game yang telah dibuat.
54
Page 51
1. FlowChart menu utama
Gambar II.37 Flowchart menu utama
55
Page 52
2. Flowchart input nama pemain
Gambar II.38 Flowchart input nama pemain
56
Page 53
3. Flowchart Game
57
Page 55
Gambar II.39 Flowchart game
59
Page 56
2.5. Sarana Pendukung.
Dalam pembuatan animasi game maupun film berbasis komputer dengan
menggunakan program Macromedia Flash 8 dibutuhkan beberapa perangkat
pendukung. Perangkat pendukung tersebut yaitu perangkat keras (Hardware) dan
perangkat lunak (Software).
A. Perangkat Keras.
Perangkat Keras (Software) yang dibutuhkan dalam pembuatan animasi game
ini, yaitu seperangkat komputer dengan spesifikasi sebagai berikut :
a. Processor Intel Pentium 1.8 GHz.
b. Memory 256 Mb.
c. Harddisk sebesar 40 Mb.
d. VGA Card 128 Mb.
e. Monitor warna 32-bit yang resolusinya mampu hingga 1024 x 768.
f. CD Room drive untuk instalasi program Macromedia Flash 8.0.
g. Sound Card dan speker untuk mendengarkan suara.
B. Perangkat Lunak.
Selain perangkat keras (Hardware), perangkat lunak (Software) juga dibutuhkan
dalam pembuatan animasi Game ini. Perangkat lunak yang digunakan diantaranya
adalah :
a. Windows XP Service Park 3
b. Macromedia Flash 8.0
60
Page 57
C. Konfigurasi Sistem Komputer.
Konfigurasi komputer adalah suatu penggambaran spesifikasi perangkat dari
sebuah komputer yang ditampilkan dengan bentuk simbol. Konfigurasi sistem
komputer sangat berperan penting dalam menjalankan sebuah program yang di
gunakan, karena apabila konfigurasi komputer yang digunakan tidak sesuai dengan
batas nimimal yang dibutuhkan oleh sebuah perangkat lunak atau software maka
program tersebut tidak dapat berjalan dengan baik dan bahkan tidak dapat berjalan
sama sekali. Dibawah ini adalah konfigurasi komputer yang digunakan dalam
pembuatan animasi interaktif dengan menggunakan program Macromedia Flash 8.
Gambar II. 40 Sistem Konfigurasi Komputer
61