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- programyang dirancang khusus sebagai pembuat game, dan diantara beberapa programtersebut salah satunya adalah Macromedia Flash 8 . Sebenarnya programini bukanlah programyang dikhususkan untuk pembuatan sebuahgames , namun seiring dengan perkembangannya dari kemudahan penggunaan, kelengkapan listing program, dan kefleksibelan program sehingga programini tidaklah kalah dibandingkan programgamelainnya. 2.1.1. Pengertian Macromedia Flash8 Macromedia Flash 8 adalah salah satu vekto r programini mempunyai fungsi dan kegunaan programanimasi berformat programpembuat

yang saat ini cukup populer. Selain

yang beragam. Program ini juga sangat mudah untuk digunakan, sehingga orang awam pun tidak akan kesulitan untuk mempelajarinya. Pada awalnyaprogram Macromedia Flash 8 hanyalah programpembuat animasi yang ditujukan untuk

5

6

pembuatan template pada website website lain- lain. Flashseperti

- seperti tombol menu, iklan,

bannerdan

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 atauC+ . ActionScript di flashmemang + 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.

Menu bar timeline toolbox Stage

Panel

Gambar II.1 Ruang Kerja.

7

1. Stage Stageadalah area kerja pada program Macromedia Flash 8 . Stageberbentuk

kotak berwarna putih yang berada ditengah - tengah layar. Pada saat projectdi 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 dapat dilakukan untuk melakukan pemanggilan pada program. Ada 2 cara yang Menu Bar yaitu dengan cara

mengklik langsung menu yang dikehendaki dengan menggunakan mouseatau dengan menggunakan shortcut yang dijalankan dengan menekan kunci pada keyboard , seperti contoh menjalankan menu open dengan cara menekan tombol Ctrl + O . 3. Timeline Timelinemerupakan panelyang terdiri dari laye , keyfram , dan fram yang r e e digunakan untuk mengatur dan mengontrol isi keseluruhan animasi.

8

Gambar II.3 Timeline. 4. Laye r Laye berfungsi sebagai dinding pemisah stage antara objek yang satu dengan r objek yang lain sehingga pada saat mengerjakan projectdengan menggunakan banyak objek, maka pengguna tidak akan mengalami kesulitan karena gambar yang bertumpuk. Prinsip kerja laye adalah seperti kertas tembus pandang yang disusun r dan dijadikan satu.

Gambar II.4 Sistem Pada Laye . r 5. Keyfram e Keyfram adalah bagian dari fram yang merupakan kunci dari sebuah fram e e e itu sendiri. Keyfram ditandai dengan fram yang mempunyai lambang lingkaran atau e e titik ditengah fram . e

9

6. Fram e Fram adalah sebuah tempat untuk meletakan gambar pada masing-masing e fram yang dibuat berurutan dan bila dijalankan maka akan menampilkan suatu e gerakan atau animasi dari gambar yang telah tersusun tersebut. 7. Blank K eyframe Blank Keyframe adalah keyfram kosong yang ditandai dengan warna putih. e Blank Keyframe dapat dibuat dengan mengklik kanan pada fram lalu memilih inser e t blank keyframe pada menu. Blank Keyframe dapat juga dibuat dengan menggunakan shortcutdengan cara menekan tombol F7pada keyboard. 8. Motion Tween Motion Tween adalah salah satu fasilitas yang ada pada programini. motion

twee merupakan cara otomatis untuk membuat animasi yang dijalankan dari titik n 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 fram yang berwarna hijau dan terdapat gambar panah ke arah kanan. e 10. Toolbox Toolboxmerupakan panelutama yang terdapat sejumlah peralatan yang

berguna untuk pembuatan pada suatu objek gambar.

10

Gambar II.5 Toolbox . Berikut ini adalah penjelasan dari gambar II.5 : a. Selection Tool Selection Tool selain berfungsi untuk menyeleksi sebuah objek, juga berfungsi untuk memindahkan objek dengan cara menselection tool

drag objek ke tempat

yang diinginkan. Selection Tooldapat di panggil dengan mengunakan shortcut dengan cara menekan tombol V pada keyboard.

11

b.Sub Selection Tool Sub Selection Tool berfungsi untuk merubah bentuk suatu objek dengan points. Selection Tool dapat dipanggil dengan mengunakan 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 toolyang berguna untuk menyeleksi objek sesuai dengan batas area yang kita buat. Pada umumnya bayangan pada suatu gambar. e. Pen Tool Pen Tool adalah toolyang berguna untuk menggambar dan merubah bentuk suatu objek dengan menggunakan edit points. Pen Tool dapat dipanggil dengan mengunakan shortcutdengan cara menekan tombol P pada keyboard . f.Text Tool tex atau tulisan. Untuk t mengubah jenis huruf ( font), ukuran, warna dan sebagainya pengguna dapat menggunakan bantuan panel properties . text tooldapat di panggil dengan Text Tool adalah toolyang berfungsi untuk membuat lasso tool berguna untuk membuat warna edit

shortcut dengan cara

mengunakan shortcutdengan cara menekan tombol T pada keyboard.

12

g.Oval Tool Oval Tool adalah toolyang berfungsi untuk membuat gambar lingkaran, atau oval. Oval Tool dapat di panggil dengan mengunakan tombol O pada keyboard. h. Rectangle Tool Rectangle Tool adalah toolyang berfungsi untuk membuat gambar kotak atau bujur sangkar. Cara menggunakannya sama dengan untuk membuat titik awal lalu geser oval tool yaitu dengan mengklik shortcutdengan cara menekan

mousehingga mendapatkan besar gambar yang

diinginkan lalu lepaskan mouse. Rectangle Tool dapat dipanggil dengan mengunakan shortcutdengan cara menekan tombol R pada keyboard . i. Pencil Tool Pencil Tooldigunakan untuk pengguna yang ingin menggambar objek dengan cara manual. Pencil Tool dapat di panggil dengan mengunakan menekan tombol Y pada keyboard . j. Brush Tool Seperti namanya Brush Tooladalah toolyang berguna untuk membuat shortcutdengan cara

gambar seperti bentuk kuas. Ada beberapa ukuran dan bentuk kuas yang disediakan oleh programini. Brush Tool dapat di panggil dengan mengunakan cara menekan tombol B pada keyboard. k. Free Transform Tool fre e transform tooljuga dapat berfungsi untuk memutar sebuah objek gambar ataupun Free Transform Tool selain dapat berfungsi merubah ukuran suatu objek, shortcutdengan

13

symbol. Free Transform Tool dapat dipanggil dengan mengunakan cara menekan tombol Q pada keyboard . l. Fill Transform Tool

shortcutdengan

Fill Transform Tool adalah toolyang berguna untuk merubah warna gradien. Fill Transform Tool selain dijalankan dengan mengklik pada ikon tombol juga dapat dipanggil dengan mengunakan shortcutdengan cara menekan tombol keyboard. m. Ink Bottle Tool Ink Bottle Tooladalah toolyang hampir serupa dengan paint bucket tool A pada

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 pada keyboard . n. Paint Bucket Tool Paint Bucket Tool dalah a toolyang berguna untuk memberi warna pada shortcut dengan cara menekan tombol S

sebuah objeck gambar . Paint buckt tool selain dijalankan dengan mengklik pada ikon tombol juga dapat dipanggil dengan mengunakan shortcutdengan cara menekan tombol K pada keyboard o. Eyedropper Tool Eyedropper Tool adalah toolyang berguna untuk mengambil warna pada

objek. Eyedropper Tool selain dijalankan dengan mengklik pada ikon tombol juga dapat dipanggil dengan mengunakan keyboard. shortcutdengan cara menekan tombol I pada

14

p. Eraser Tool Eraser Tool adalah toolyang berguna untuk menghapus garis dan cat pada sebuah objek gambar. Ada beberapa jenis dan ukuran yang bila dipilih oleh pengguna sesuai dengan keadaan. Eraser Toolselain dijalankan dengan mengklik pada ikon tombol juga dapat dipanggil dengan mengunakan shortcutdengan cara menekan tombol E pada keyboard . q. Stroke Color Stroke Color adalah warna garis atau borderyang terdapat pada sebuah objek gambar. Pada program flashsebelumnya strok Color hanya dapat diberi warna e dengan warna solidnamun kini warna strok dapat diberi dengan warna-warna e 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 (Garis) dengan warna fill(Cat) . t. Black & White Black & White adalah toolyangberguna untuk merubah warna pada color dan fill color menjadi warna hitam dan putih secara otomatis. u. Zoom Tool Zoom Tooladalah toolyang berguna untuk memperbesar atau memperkecil tampilan pada stage. strok e strok e

15

v. Hand Tool Hand Tool adalah toolyang berguna untuk menggeser posisi stage. 11. Panel Paneladalah jendela persegi empat yang merupakan kumpulan dari berbagai macam fungsi yang dikelompokan sesuai dengan jenisnya. Ada berbagai macam panelyang terdapat dalam program Macromedia Flash 8 diantaranya adalah : a. Panel Info Panel Infoadalah panelyang berisi berbagai macam informasi yang terdapat pada suatu objek gambar ataupun symbol. Informasi yang diberikan meliputi panjang lebar, letak koordinat sage, kombinasi warna, nilai Alpha (transparan), kursor t mouse. Panel Infoterletak di menu window\info. Panel Infodapat juga dipanggil

dengan menggunakan shortcutdengan cara menekan tombol Ctrl+Ipada keyboard .

Gambar II.6 PanelInfo. b. Panel Actions Panel Actionsadalah panelyang berfungsi sebagai tempat peletakan dan

penulisan script . Panel Actionsterletak di menu window\actions. Panel Infodapat s juga dipanggil dengan menggunakan shortcutdengan cara menekan tombol F9pada keyboard.

16

Gambar II.7 Panel Actions. c. Panel Properties. Panel Properties adalah suatu panelyang berisi berbagai macam informasi dan atribut pada suatu objek yang sedang terseleksi. Panelini terletak di menu window\properties \properties. Panel Properties dapat juga dipanggil dengan menggunakan shortcutdengan cara menekan tombol Ctrl+F3 pada keyboard .

Gambar II.8 Panel Properties . d. Panel Filte . r Panel Filter adalah Panelyang berguna untuk melakukan modifikasi objek s mengenai penambahan dan pengurangan effec pada suatu symbol. Panel Filter t s terletak di menu window\properties \filter . Panel Color Mixer dapat juga dipanggil s

17

dengan menggunakan shortcutdengan cara menekan tombol keyboard.

Shift+F9pada

Gambar II.9 Panel Filte . r e. Panel Color Mixe . r Panel Color Mixer adalah panelyang berfungsi untuk melakukan proses pencampuran warna. Panelini terletak di menu window \color mixe . Panel Color r Mixe dapat juga dipanggil dengan menggunakan shortcutdengan cara menekan r tombol Shift+F9pada keyboard .

Gambar II.10 Panel Color Mixer. f. Panel Color Swatches. Panel Color Swacthes adalah paneltempat kumpulan warna dasar maupun warna gradien. Panelini terletak di menu window\align. Panelini terletak di menu

18

Window\ Color

Swatches . Panelini terletak di menu window\transform . Panel shortcut dengan cara menekan.

Transformdapat juga dipanggil dengan menggunakan tombol Ctrl+F9pada keyboard

Gambar II.11 Panel Color Swatches . g. Panel Align. Panel Alignadalah panelyang berfungsi untuk membantu peletakan objek dengan objek, ataupun objeck dengan stage. Panelini terletak di menu window\align. Panel Transformdapat juga dipanggil dengan menggunakan menekan tombol Ctrl+Kpada keyboard . shortcutdengan cara

Gambar II.12 Panel Align. h. Panel Transform. Panel Tranformadalah Panelyang berguna untuk memodifikasi bentuk pada suatu objek gambar ataupun symbol. Perubahan bentuk meliputi perubahan pada

19

ukuran, letak, dan perputaran.

Panelini terletak di menu

window \transform. Panel

Transformdapat juga dipanggil dengan menggunakan tombol Ctrl+Tpada keyboard .

shortcut dengan cara menekan

Gambar II.13 Panel Transform . i. Panel Library. Panel Libraryadalah panelyang berisi kumpulan

symbol, fil suara, dan fil e e gambar yang terdapat dalam suatu project. Panelini terletak di menu window\library. Panel Library dapat juga dipanggil dengan menggunakan menekan tombol Ctrl+Lpada keyboard. shortcutdengan cara

Gambar II.14 Panel Library .

20

Panel Scen . e Panel Scen adalah panelyang berfungsi untuk mengelola scen , seperti e e menambah, mengurangi, dan menggandakan scen pada suatu project. Panelini e terletak di menu window\other panels\scen . Panel Scen dapat juga dipanggil e e dengan menggunakan shortcutdengan cara menekan tombol Shift+F2pada keyboard.

j.

Gambar II.15 Panel Scen . e k. Panel Components . Panel Components adalah panelyang berisi kumpulan component yang dapat digunakan pada sebuah project. Panelini terletak di windows\components. Panel shortcutdengan cara

Components dapat juga dipanggil dengan menggunakan menekan tombol Ctrl+F7pada keyboard .

21

Gambar II.16 Panel Components . l. Panel Output. Panel Output adalah panelyang berisi informasi keluaran seperti kesalahan pada listing program, atau pesan-pesan pemberitahuan. Panel Outputterletak di window\output. Panel Output dapat juga dipanggil dengan menggunakan dengan cara menekan tombol F2pada keyboard. shortcut

Gambar II.17 Panel Output.

22

2.1.2

Elemen Penyusun Permainan ( Gam ). e Dalam sebuah gameada beberapa komponen yang ada, misalnya jenis

game,

character, animation, background , sound, musi . Semua komponen tersebut sangat c penting dalam pembuatan sebuah gamesaling mendukung satu sama lain sehingga kalau kita membuat setiap komponen dengan menarik, maka tentu saja kita buat tidak akan membosankan. 1. Jenis Permainan ( Gam ). e Dahulu gamehanya terdapat beberapa jenis game, namun dengan seiring berjalannya zaman dan perkembangan dalam dunia gameyang semakin luas serta game,maka jenis-jenis gameyang

para pembuat gameyang semakin kreatif untuk membuat

gameyang ada sekarang pun semakin bertambah, Diantaranya yaitu : a. Board Game.

Board Gam yang bila diterjemahkan kedalam bahasa indonesia adalah e permainan papan. Seperti namanya gameberjenis ini adalah gameyang berdasarkan permainan papan seperti pada dunia nyata seperti contoh adalah catur, monopoli, othelo. b. Card Game. Card Gam adalah jenis games yang menggunakan kartu sebagai media e 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 gamememberikan unsur lain ke dalam permainan seperti Videoatau pun karakter. Contohnya adalah Yu-Gi-Oh, Digimon Battle Card . Soltaire,

23

c. Sports Game. Sports Game adalah jenis Video Gam yang menggunakan tema tentang olah e raga. Olah raga yang biasanya dijadikan tema dalam Gam adalah sepak bola, basket, e 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 gamepun ada yang menyertakan nama dari para pemain bola asli berserta tingkatan kemampuan yang dimiliki, meskipun hal tersebut tentunya membutuhkan biaya yang besar untuk membayar namanya tercantum dalam game. d. Side Scrolling Game . Side Scrolling Game merupakan jenis gamedimana karakter dapat bergerak background. Contohnya royaltykepada setiap pemain yang

kearah samping keatas dan kebawah mengikuti gerakan adalah Sonic, Contra, Super Mario , Metal Slug. e. Shooting Game . Shoting Game adalah

gameyang bertipe tembak menembak. Berdasarkan first person view (Sudut pandang orang game), dan third person

sudut pandangnya ada dua jenis tipe yaitu

pertama, dimana pemain dijadikan seperti karakter dalam

vie (Sudut pandang orang ketiga) dimana pemain dapat melihat karakteryang w sedang dikendalikan didalam game. Contohnya adalah Counter Strike, Virtual Cop , Time Crisis , House Of The Dead .

24

f.RP G

( Role Playing Game ).

Role Playing Game yang biasa disingkat dengan RP adalah jenis gameyang G dimana pemain dapat memilih satu atau beberapa karakter untuk dimainkan, dimana masing - masing karakter memiliki keunikan tertentu. Pemilihan karakter bisa mempengaruhi jalan cerita gameyang dimainkan. Biasanya berupa petualangan (quest) yang semakin lama dilalui akan semakin meningkat kemampuan ( abilitydari 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 Everquest . g. TBS( Turn Based Strategy ). Pemain dan lawan bergantian dalam melakukan aksi. Dalam hal ini lawan bisa CPU ( Based atau pemain lainnya (multiplayer). Contohnya adalah Pokemon, AI ) Card Game. h. RTS ( Real Time Strategy ). Perkembangan dari TBS, dimana playerdan lawan bisa melakukan aksi dalam waktu yang sama. Merupakan jenis Gam yang bertipe strategi dimana kita diajak e berfikir untuk bergerak pintar agar misi yang kita jalankan sucses.Sebagian besar Gam ini bertipe strategi perang. Contohnya adalah WarCraft, Armored Core, Age of e Empire. Ultima Online, Ragnarok, skill ) atau s

25

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 gameyang mengambil simulasi seperti pada keadaan nyata pada umumnya. Dibeberapa gamejenis ini biasanya kita diajak untuk menciptakan lingkungan sesuai dengan keinginan kita. Contohnya adalah The Sims, Sim City , Sim Word. k. Racing Game . gameyang bertipe balapan. Racingbanyak sekali

Racingmerupakan jenis

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. Fightingpada umumnya dimainkan oleh dua orang, namun dalam beberapa game fightingdapat dimainkan hingga empat pemain. Contohnya adalah TEKKEN, Dead Alive Or , Rival School , Mortal Kombat.

26

2. Karakter Dalam Permainan ( Gam ). e Karakter adalah salah satu hal yang mutlak untuk dimasukan dalam

game,

hampir semua judul gameterdapat karakter dalam perminan, meskipun itu hanya sebagai pelengkap atau pemanis dalam game. Karakter dalam gamedapat 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 gameyang keluar saat ini mempunyai kualitas musik yang berkualitas. Hal itu dikarenakan para produsen pentingnya elemen musik dalam membuat nuansa gamemulai mengerti betapa gamesemakin terasa. Untuk itu

kini banyak dari para produsen gameyang berkerja sama dengan para komposer musik, penyanyi, dan studio rekaman untuk menghasilkan musik yang prima. Usaha ini dilakukan untuk pertama kalinya ketika Gam racing Road Rash dibuat. Gam ini e e menggunakan lagu - lagu rock pada tahun 90-an, diantaranya adalah Soundgarden , Monster Magnet , Swervedrive . r

27

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 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. Gam ini cukup sederhana karena pemain hanya dapat bermain sendiri e dengan menggunakan mousedan satu ke pada keyboard untuk mengakhiri game. y Gambaran umum proses pembuatan game ini penulis memulai dari pengarangan jalan cerita, megatur scen dan laye , membuat elemen game berupa e r movieclipyang kemudian disusun dan diberi actionscriptdalam perancangannya. game dengan

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

28

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 textuntuk memasukan nama pemain juga tombol main untuk memainkan gamedan kembali untuk kembali ke menu utama. 3. Halaman tentang Berisi informasi perancang gamedapat dipilih untuk melihat informasi lebih tentang perancang di internet menggunakan browserpada komputer pemain

dan juga menu kembali untuk kembali ke menu utama. 4. Halaman penjelasan misi satu Halaman ini berisi static penjelasan tentang ketentuan keberhasilan dan text 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.

29

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 penjelasan tentang ketentuan keberhasilan dan text 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.

30

2.3.2

Perancangan Game . Pada sub bab ini akan dijelaskan tentang langkah-langkah pembuatan dalam game, dan listing yang terdapat pada Gam e

pembuatan dan perancangan elemen Super Man Tap. 1. Pembuatan dokumen flashbaru

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 ( #00C CFF ) dan ukuran 550 pixel X 400 pixel. 2. Pembuatan dan pengaturan scen dan laye e r a. Buat 4 scen baru sehingga semua menjadi 5 scen . e e b. Ubah nama scen menjadi coverinfo, satu, dua, tiga dan e berurutan dari atas kebawah.

resul secara t

c. Pada scen coverinfo buat 3 laye secara berurtan dari atas kebawah laye 1, e r r laye 2 dan laye 3. r r d. Pada scen satu,dua dan tiga buat 3 laye secara berurutan dari atas kebawah e r layer panel, game dan background. e. Pada scene buat 2 laye yaitu laye 1, dan laye 2 . result r r r 3. Memasukkan suara latar dan efek ke dalam library dan memberikan linkage . a. Pada menu bar pilih file > import > import to library. b. Seleksi fil suara yang digunakan dalam pembuatan game klikopen. e c. Buka library dengan cara tekan ctrl+L.

31

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.wavdengan nama ding,

menang.mp3dengan 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 laye 2 buat gambar awan berwarna putih dengan warna tepian merah r ( #FF0000 ) pada fram 1 dan masukan keyfram pada fram 30. e e e 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 menjadi gambar. fram 1 pilih creat tween motion lalu pada panel properties e e ubah bagian twee menjadi Shape. n 5. Pembuatan movie clip sayap Super Man Tap a. Tekan Ctrl+F8 pada nameketikan sayap dan movei clipsebagai typ nya e b. Gambar sebuah sayap seperti pada gambar II.18 dengan warna merah ( #FF0000 ) dan warna pinggiran hitam (#000000). c. Pada fram 5 masukan keyfram lalu dengan free transform tool ubah posisi e e rotate and skew kembali ke fram klik kanan pilih create tween motion dan e pada panel properties ubah motionmenjadi shape. d. Klik kanan pada Ctrl+Bsebanyak 2 kali untuk merubah teks

32

d. Pada fram 10 masukan keyfram dan lakukan hal sama seperti pada langkah e e 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 nameketikan ledak dan pilih movieclip sebagai typ nya. e b. Buat dua laye yaitu laye 1 dan layer sound. r r c. Pada laye 1 fram 1 ketikan pada panel action stop(); masukan blank r e keyfram pada fram 2 lalu buat gambar ledakan kecil dan teks 10, setelah itu e e masukan keyfram pada frame 3 dan dengan free transform tool ubah ukuran e ledakan menjadi lebih besar. d. Pada laye 2 fram 2 masukan blank keyframe dan pada frame 3 masukan r e keyfram lalu dragsuara Bomb.wav ke stage. e e. Tekan Ctrl+E untuk keluar dari mode edit symbol.

33

7. Pembuatan Karakter ( Movie Clip) Super ManTap a. Tekan Ctrl+F8 pada nameketikan Super ManTap dan MovieClip pada

typ nya e b. Siapkan dua laye dengan nama laye 1 dan laye 2. r r r c. Pada laye 1 fram 1 beri nama fram kiri pada frame labeldi panle r e e propertiessetelah 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 ManTap. e. Pada laye 2 drag movieclip ledak ke stage dan masukan keyfram pada fram r e e kedua. f. Klik fram 2 laye 1 masukan keyfram seleksi gambar Super ManTap pada e r e menu bar pilih modify, Transform, Flip Horizontal dan tambahkan scrip t stop(); pada panel actionselanjutnya beri label fram dengan nama kanan. e g. Ctrl+E untuk keluar dari mode edit symbol. stageletakan diatas badan Super

Gambar II.19 Karakter Super ManTap

34

8. Membuat animasi Super ManTap terbang pada pembukaan game. a. Pada stage. b. Masukan keyfram pada fram ke 19 dan ubah posisi movieclip Super e e ManTap ke kanan luar stagedengan arah ke kanan atas. keyfram pada fram 20 dan ubah arah posisi e e ManTap dengan modify flip horizontal . movieclip Super laye 3 scen coverinfo drag movieclip Super ManTap ke kiri tengah r e

c. Masukan

d. Masukan keyfram pada fram 32 dan atur posisi koordinat movieclip Super e e ManTap pada X=247.3 dan Y=18.0 dan ukuran width 286.2 dan height 134.2. e. Klik kanan fram 1 pilih cerate tween motion. Lakukan hal yang sama pada e

fram 32. e 9. Membuat teks Gam Super, created by Kusnadi dan logo BSI pada scen e e coverinfo. a. Pada laye 1 buat teks r ukuran 50. Gam Super dengan jenis e font Californian FB dan

b. Buat teks created by kusnadi dengan jenis

font Poor Richard dan ukurar 22

c. Import fil gambar logo BSI ke library dan konversi ke symbol graphic e dengan nama BSI. d. Atur teks dan logo BSI seperti gambar II.20 dan masukan fram 33. e keyfram pada e

35

Gambar II.20 Teks Gam dan logo BSI e 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 movieclipsebagai typenya

c. Drag graphic awan dari libraryke stage dengan posisi ujung kanan gambar diletakan di ujung kanan stage. d. Masukan keyfram pada frame 40 dan ubah posisi ujung kiri gambar awan ke e ujung kiri stage. e. Klik kanan fram 1 pilihcreate tween motion. e 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 lampu UFO menyala secara berurutan. d. Ctrl+E untuk keluar dari mode edit symbol. fram ke fram buat pergerakan e e

36

12. Membuat Movie Clipmusuh 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 fram 2 pilih insert buat gambar Super ManTap e keyframe tertabrak seperti gambar II.22 dan pada panel action ketikan stop(); .

d. Masukan blank keyframepada fram 3 dan gambar sebuah ledakan. e e. Masukan keyfram pada fram 4 dan pada panel action ketikan stop(); e e f. Buat laye baru dengan nama laye 2 dan posisikan dibawah laye 1 r r r g. Masukan blank keyframe pada fram 3 dan masukan lagi blank keyframe e padafram 4. e h. Klik fram 3 drag suara jatuh.wavke stage. e

Gambar II.22 UFO dan Super ManTap tertabrak UFO 13. Membuat MovieClip rumah a. Tekan ctrl+F8 ketikan Rumah sebagai namedan Movie Clip sebagai tipenya

b. Buat gambar rumah seperti pada gambar II.23 c. Masukan keyfram e this.unloadMovie(); pada fram 2 dan pada panel e action ketikan

37

Gambar II.23 Movie C lipRumah 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 fram kelima buatlah asap berubah rotasinya e dengan bantuan free transform tool. d. Masukan blank keyframe pada fram 10 dan buat gambar reruntuhan rumah. e e. Klik kanan fram 6 pilih create tween motion dan pada panel properties ubah e twee motionmenjadi shape, pada panel action ketikan stop(); n f. Buat laye baru dengan nama laye 2 dan letakan dibawah laye 1, selanjutnya r r r masukan blank keyframe pada fram 2 dan masukan keyfram pada fram 10. e e e g. Drag suara jatuh.wav dari library ke stage.

38

Gambar II.24 Rumah Meledak dan asap 15. Membuat movieclip hati a. Tekan ctrl+F8 ketikan hati sebagai namedan pilih movieclip sebagai tipenya hingga

b. Buat gambar hati bersayap dan dengan merubah

fram per fram e e fram ketiga buat gambar sayap bergerak seperti pada gambar II.25 e

Gambar II.25 Animasi hati

16. Membuat movie clip roket jatuh a. Tekan ctrl+F8 ketikan roket jatuh pada tipenya. b. Buat gambar roket seperti gambar II.26 namedan pilih movieclip sebagai

Gambar II.26 Roket

39

17. Membuat Movieclipekspresi wajah Super ManTap sebagai tanda energi a. Tekan ctrl+F8 ketikan nyawa pada namedan pilih movieclipsebagai tipenya.

b. Pada fram 1 buat wajah dengan warna kuning (#FFFF00) seperti gambar e II.27 dan ketikan stop(); pada panel action. c. Masukan keyfram pada fram 2 dan ubah warna wajah menjadi merah hati e e (#C C3300) 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 width108.0 dan height 15.8 b. Seleksi gambar tersebut klik kanan dan pilih convert to Symbol

c. Masukan nama lif dan movieclip sebagai tipenya. e d. Ctrl+E untuk keluar dari mode edit symbol . e. Lakukan hal yang sama dalam membuat warna balok biru (#0000FF). 19. Membuat Raja UFO a. Tekan Ctrl+F8 ketikan Rajadiam sebagai name dan movieclip sebagai tipenya movieclip DarahUFO namun dengan

b. Gambar raja UFO seperti pada gambar II.28.

40

c. Dengan menggunkan animasi berpindah posisi.

fram e

per fram buat lampu menyala yang e

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 fram satu, selanjutnya e klik kanan pada fram 20 dan masukan keyfram . e e c. Buat laye baru dengan nama laye 2 letakan dibawah laye 1. r r r 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 fram 20 dan posisikan roket-roket tersebut diatas luar e ukurannya dengan free transform tool. f. Klik kanan fram 1 dan pilih create tween motion. e 21. Membuat Raja UFO bergerak a. Tekan Ctrl+F8 ketikan gerakraja sebagai name dan movieclip sebagai tipenya keyfram pada e stagedan perbesar

b. Drag movieclip rajadiam dan atur pada posisi atas kiri stage.

41

c. Masukan keyfram pada fram selanjutnya dan ubah posisi movieclip rajadiam e e sedikit kebawah dan ulangi hingga fram 10 dan posisi movieclip rajadiam e berada dibawah kiri stage. d. Pada fram 6 naikan kembali posisi movieclip rajadiam hingga fram ke 20 e e dan posisi movieclip rajadiam kembali ke posisi seperti pada fram 1. e e. Pada panel action frame 20 masukan scrip gotoAndPlay(1); t 22. Membuat MovieClipmisil 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 fram 1 ketikan e

scrip stop(); pada panel action. t g. Masukan blank keyframe pada fram 2 dan gambar ledakan, masukan e keyfram pada fram 3 dan ketika pada panel action scrip posisiroket(); e e t gotoAndPlay(1). h. Buat laye baru dan posisikan laye baru dibawah laye 1 kemudian masukan r r r blank keyframe pada fram 2 kemudian import suara ledakan ke librarydan e drag suara tersebut ke stage.

42

Gambar II.29 misil GaruJago dan roket raja UFO 23. Membuat MovieClip pesawat GaruJago a. Tekan Ctrl+F8 ketikan garuJago sebagai tipenya b. Gambar pesawat seperti pada gambar II.29 dengan memanfaatkan yang tersedia dan ketikan stop(); pada panel action. c. Masukan keyfram dan tambahkan gambar ledakan pada gambar pesawat e GaruJago sperti pada gambar II.30 tool name dan movieclip sebagai

Gambar II.30 Pesawat GaruJago 24. Membuat moveclip bendera berkibar a. Tekan Ctrl+F8 ketikan bendera sebagai b. Buat gambar bendera menggunakn name dan movieclip sebagai tipenya

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 keyfram pada fram ke 10 dan ubah lekukan bendera dengan e e menghapus dan menambahkan sisi atas dan bawahnya.

43

fram 20 dan pilih insert kemudian ubah gambar e keyframe bendera menjadi seperti pada fram 1. e e. Klik kanan fram 1 pilih create tween motion dan pada panel properties ubah e twee motionmenjadi shape. n f. Lakukan langkah diatas pada fram 10. e 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 c. Pilih matahari sebagai d. Tekan ctrl+E dan beri convert to symbol.

d. Klik kanan

namedan movieclip pada tipenya.

filte pada panel properties dan beri efek glow dengan r 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 width267.1 dan height 744.0. b. Seleksi teks tersebut dan konversi ke movieclip dengan nama teksrun. keyfram pada fram 200 e e

c. Letakan posisi teks di bawah, kemudian masukan dan ubah posisi teks terakhir ditengan stage.

d. Klik kanan fram satu pilih create tween motion. Kemudian klik kanan fram e e 220 pilih insert . keyframe

44

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 frame . symbol graphicdengan nama

Gambar II.31 Bingkai teks berjalan 28. Membuat movie clip pesan berjalan a. Tekan ctrl+F8 ketikan finish padaname dan pilih movie clip sebagai tipenya. b. Drag movieclip teksrun dari libraryke bawah stage . c. Drag movieclip frame ke atas stage.

29. Membuat movieclipgaris sensor. a. Buat garis hitam menggunakan line tool. symbol mivieclip dengan nama line.

b. Seleksi garis tersebut dan konversi ke 30. Membuat tombol berbentuk awan

a. Tekan Ctrl+F8 ketikan nama tombol pada namedan pilih typ nya. e

button sebagai

45

b. Gambar satu buah awan putih dan teks sesuai dengan fungsi tombolnya. c. Masukan keyfram pada frame e over dengan warna abu-abu. d. Pada frame Down masukan klik gambar awan dan ubah warna fillnya

keyfram dengan Free Transform tool ubah e ukuran gambar awan dan teks menjadi lebih kecil. frame Up dan pilih copy Frames klik kanan frame Hit pilih

e. Klik kanan pada paste frame. f. Buat

laye baru letakan dibawah laye 1 masukan blank keyframe pada fram r r e ove klik kanan fram hit pilih insert r e keyframe. g. Klik frame pada laye 2 setelah itu drag file ding.wav ke stage. over r Setelah membuat elemen penyusun gameberupa movieclip, graphic, tombol dan suara latar dan efek. Langkah selanjutnya ialah menyusun elemen tersebut pada laye dan stage yang telah dibuat dan juga memberi r menambahkan elemen tambahan dalam game. nstance name serta

1. Menyusun dan menambahkan elemen pada menu utama scene cover info. a. Pada scen coverinfo laye 2 fram 33 susun elemen gamedan buat elemen e r e tambahan berupa static text seperti pada gambar II32 . 2. Membuat halaman input nama a. Buat va player r dan static text Masukan Nama Pemain selain itu tambahkan tombol untuk kembali ke menu utama dan tombol untuk memainkan game . static text untuk memasukkan nama pemain dengan

46

Static text Gam e Static text SUPE R

Movie Clip Super Man Tap

Static text Man Tap

Tombol Main

Tombol tentang

Tombol keluar

Gambar II.32 susunan menu utamaMovie Clip Awan Static textCreated by

Logo BSI

Gambar II.32 Susunan Elemen Menu Utama 3. Menyusun halaman tentang pada scene coverinfo. a. Pada fram 34 layer game buat dynamic text alamat e- mail,wapsite,friendster, e dan blogkemudian pada panel properties masukan link pada bagian getURL. b. Buat static text biodata perancang dan juga import photo perancang dan drag ke stage. c. Copy teks SUPER dan Man Tap dari laye 33 ke laye 34 . r r 4. Membuat informasi petunjuk misi satu pada scen satu. e a. Pada layer game fram 1 buat static text berisi petunjuk bermain pada misi e satu. b. Drag movieclip UFO, roket, Super ManTap, dan lainya kemudian buat static tex infromasi movie clip tersebut. t c. Drag tombol tbl_main ke stage.

47

5. Menyusun dan menambahkan elemen pada misi satu scen satu e a. Pada fram 2 laye background buat gambar latar seperti pada lampiran e r gambar xxx.xxx kemudian drag movieclip bendera ke stage. b. Pada layer Game name pemain. drag movieclip Super ManTap ke stage dan beri instance

c. Drag movie clip Rumah sebanyak 7 kali ke secara berurutan h1, h2, h3, h4, h5, h6, h7.

stagedan beri

instance name

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 lif di posisi atas stage. Copy e movieclip rumah pada laye game dan paste pada laye panel kemudian r r kecilkan ukurannya dengan free trasnform tool. static rumah selamat, skor dan sisa waktu. Buat 3 dynamic text text dengan variable skor1, rumah dan second. layer panel drag movieclip nyawa dan

g. Buat

6. Menyusun dan menambahkan elemen pada hasil misi satu pada scen satu e a. Buat dynamic text dengan variable rumah, bonus, skor1 dan total1 serta static tex Misi Satu Berhasil t b. Drag movieclip Super ManTap, awan, tombol tbl_akhir, tbl_next dari ke stage layer game . 7. Membuat informasi petunjuk misi dua pada scen dua. e a. Pada layer game buat static text informasi petunjuk misi 2.

library

48

b. Drag tombol tbl_main ke stage bagian bawah. 8. Menyusun elemen pada misi dua pada scen dua. e a. Drag movieclip GaruJago, misil, line dan UFO ke

stagepada laye game. r Kemudian beri instance name pesawat, misil, line dan ufo secara berurutan. awan beri nama instance BG

b. Pada layer Background drag movieclip

kemudian klik dua kali dan beri instance name pada graphic awan dengan nama awan,kemudian drag movieclip matahari kestage. c. Pada layer panelbuat 3 dynamic text dengan masing-masing va yaitu r

ufololos, skor2,dan waktu. d. Buat static text UFOlolos,Waktu dan Skor letakan disamping dynamic text . e. Drag movieclip nyawa, dan lif dari library ke stage. e 9. Menyusun dan menambahkan elemen pada hasil misi satu pada scen satu e 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 stage. 10. Membuat informasi petunjuk misi tiga pada scen tiga. e 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 scen tiga. e 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 . library ke

49

b. Buat dynamic text dengan va skor 3 dan static text Skor. r 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 kestage. 12. Membuat informasi misi gagal pada scene result. a. Pada laye 1 buat static text dengan tulisan Misi Gagal ukuran font 62,jenis r font Maiandra GD dan beri filte pada panel filter efek glow dengan warna r merah, blur X dan Y 22, serta Stength150%. b. Buat 3 dynamic text dengan va skor1, skor2 dan skor3. kemudian buat static r text skor terakhir, skor misi ke 1, skor misi ke 2 dan skor misi ke 3 c. Pada laye drag movieclip awan dan tombol tbl_lagi. r 13. Membuat informasi misi berhasil pada scene result. a. Pada laye 1 buat dynamic text dengan va pemenang, highscore, total1, r r 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 gameselesai dibuat, maka langkah selanjutnya adalah publishing. Hal flash

ini dilakukan agar gamedapat dijalankan pada semua PC, baik yang memiliki

50

playerataupun yang tidak memiliki dibuat tesebut.

flash player dapat menjalankan gameyang telah

Untuk mempublikasikan dokumen

flashdiharuskan untuk memilih

format

Fil publikasi yang sesuai dengan tujuan dalam pembuatan game. Perintah publish e akan menciptakan file -di bawah ini : file 1. Flash Movieyaitu untuk bentuk film dari animasi, sebuah fil dengan ekstensi e . swf. 2. Gambar alternative dalam bermacam- formatyang secara otomatis macam akan muncul bila flash player untuk memutar flash movie tidak tersedia (GIF , JPEG, dan Quick PNG Time). 3. Dokumen HTMLyang mendukung untuk menampilkan flash movie di dalam browser dan mengontrol setting browser. 4. Stand Alone Projector , merupakan aplikasi mandiri yang dapat berekstensi EXE. .

51

Gambar II.33 Publish.

52

Gambar II.34 Publish Setting .

53

2.3.4 Flash Fil . e Seperti program-programpada umumnya mempunyai programkhusus.

macromedia flash

8 juga

Gambar II.35 Format Fil . e 1. Flash Document .

Flash Document adalah fil terpenting dari semua fil yang ada pada program e e macromedia flash 8, karena fil ini adalah fil mentah yang dapat dibuka dan diubah e e isinya. Flash Document mempunyai extentions fla. 2. Flash Movie. Flash Movie adalah

fil keluaran pada program macromedia flash 8 yang e berguna untuk melihat hasil dari sebuah projectyang telah dibuat. Namun untuk menjalankan programini diharuskan untuk mempunyai 3. Flash Projector. flash player .

Flash Projectoradalah salah satu

fil macromedia yang hampir sama dengan flash e movi . Namun perbedaannya adalah flash projectormerupakan hasil dari e penggabungan antara flash movie dengan flash player, sehingga untuk melihat atau membuka fil ini tidak perlu memerlukan flash playerlagi e

54

2.4.

Spesifikasi Rancangan Program Spesifikasi rancangan programmerupakan rangkaian dokumen dokumen

yang meliputi spesifikasi program HIPOdan 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

flowchartini juga berfugsi untuk mempermudah pembuatan sebuah tampilan animasi. Jadi dengan adanya flowchartini proses perulangan dari tampilan animasi dibuat dapat dilihat tanpa harus menjalankan gameyang

programanimasi interaktifnya.

Dibawah ini adalah flowchartpada animasi gameyang telah dibuat.

55

1.FlowChart menu utama

Gambar II.37 Flowchart menu utama

56

2. Flowchart inputnama pemain

Gambar II.38 Flowchart inputnama pemain

57

3. Flowchart Gam e

58

59

Gambar II.39 Flowchart game

60

2.5.

Sarana Pendukung. Dalam pembuatan animasi gamemaupun 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 ini, yaitu seperangkat komputer dengan spesifikasi sebagai berikut : a. b. c. d. Processor Intel Pentium 1.8 GHz. Memory 256 Mb. Harddisksebesar 40 Mb. VGA Card 128 Mb. game

e. Monitor warna 32-bit yang resolusinya mampu hingga 1024 x 768. f. g. CD Room drive untuk instalasi program Macromedia Flash 8.0. Sound Carddan speker untuk mendengarkan suara.

B. Perangkat Lunak. Selain perangkat keras ( Hardware ), perangkat lunak ( Software) juga dibutuhkan dalam pembuatan animasi Gam ini. Perangkat lunak yang digunakan diantaranya e adalah : a. b. Windows XP Service Park 3 Macromedia Flash 8.0

61

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.

KE YB OA R D MOU S E /

FLOOP Y D ISK D R I VE HA R D I SK

C PU

MO N IT OR

PR TER

IN

Gambar II. 40 Sistem Konfigurasi Komputer