sainTutorial Membuat Game Flash Sederhana

Pada tutorial ini saya menggunakan action script 2.0 dan adobe flash CS3. Maaf sebelumnya jika pada gambar terdapat bahasa yang aneh. Saya sendiri tidak tahu itu bahasa apa. Pembukaan 1. Buatlah new flash document dengan ukuran stage 500x400 pixels dan 20 fps. 2. Buatlah 3 layer baru dan beri masing masing layer dengan nama bg, simbol,label dan action. 3. Seleksi seluruh frame 1 pada semua layer lalu sambil menekan tombol ctrl seleksi seluruh frame 5,frame 10,frame 15,frame 20, frame 30, dan frame 35 di semua layer, lalu tekan F7. 4. Seleksi frame 40 di semua layer,lalu tekan F5. 5. Klik layer label lalu. Klik frame 1 dan buka panel properties lalu ketikkan menu pada kolom frame label. Ulangi hal yang sama pada frame 5,10,15,20,30,dan 35 dengan masing masing nama about,help,highScore,game,gameover dan win. 6. Klik frame 1 layer action lalu tekan F9. masukkan script : stop(); lakukan hal yang sama pada frame 5,10,15,20,30,35 layer action. Lihat pada gambar 1.1

Gambar 1.1 7. Klik frame 1 layer simbol dan buatlah 5 tombol play,highscore,help,about dan exit. 8. Klik tombol play lalu tekan F9,masukkan script : on(release){ gotoAndPlay("game") } 8. klik tombol highscore lalu tekan F9, masukkan script :

klik tombol about lalu tekan F9. masukkan script : on(release){ gotoAndPlay("help") } 10.dan ketakkan di kiri atas stage. } 12. . Buat sebuah tulisan menggunakan static text “HIGHSCORE” pada frame 15 layer bg. klik tombol help lalu tekan F9. buat tombol back di frame 5 layer simbol.on(release){ gotoAndPlay("highScore") } 9. Tekan F9 lalu masukkan script : on(release){ gotoAndPlay("menu") } Copy tombol back tersebut lalu paste-kan di frame 10 dan 15 layer simbol. klik tombol exit lalu tekan F9. masukkan script : on(release){ gotoAndPlay("about") } 11.Lihat pada gambar. 13. Buat 2 buah dynamic text di frame 15 layer simbol beri masing-masing dengan nama variable tampil1 dan tampil 2. ""). masukkan script : on (release) { fscommand("quit".

data.NUMERIC). DataSkor.pemain.data. Lihat pada gambar.pemain.push({skornya:0. namanya:"None"}). DataSkor.data.data.push({skornya:0. i++) { tampil2 += DataSkor.pemain.Array. DataSkor.Array.pemain) { DataSkor. namanya:"None"}).2 Klik frame 15 layer action.tekan F9 lalu tambahkan script : tampil1 = "". .data.data.level_txt. namanya:"None"}). DataSkor.push({skornya:0.push({skornya:0.data. } for (i=0.push({skornya:0.pemain.pemain. } Membuat Bagian Utama Game 14. namanya:"None"}).data.NUMERIC). namanya:"None"}).pemain.sortOn("skornya". i<10.pemain. namanya:"None"}).data. namanya:"None"}).pemain.pemain[i].push({skornya:0.push({skornya:0.data.data. i<10.data. namanya:"None"}). DataSkor. tampil2 = "".data.push({skornya:0. } for (i=0.push({skornya:0.DESCENDING | Array.namanya+newline.data.getLocal("masukkanSkor"). if (!DataSkor.Gambar 1. i++) { tampil1 += DataSkor. DataSkor.data.pemain.data.masing-masing ketikkan “score :” dan “level :” [tanpa tanda kutip] 15.pemain. dan nyawa_txt. DataSkor.pemain = new Array(). buat 3 buah dynamic text masing-masing beri nama variable skor_txt. DataSkor. DataSkor = SharedObject.skornya+newline. namanya:"None"}). DataSkor.sortOn("skornya". DataSkor.push({skornya:0.pemain.pemain[i].pemain. Klik frame 20 layer simbol dan buat 2 buah static text. DataSkor.DESCENDING | Array. DataSkor. namanya:"None"}).

bonus_nyawa. Beri tanda centang pada export for actionscript. buka panel properties. Ulangi langkah 18 pada movieclip tulang. 20. . dan tengkorak. s_kotoran. 18. buat karakter kecoa beserta musuh serta bonusnya seperti berikut atau sesuai kreativitas anda.pada kolom instance name ketikkan kecoa. Klik linkage. hapus seluruh movieclip tersebut dari stage kecuali movieclip kecoa . Convert menjadi movie clip dan masing-masing diberi nama : kotoran linkage:kotoran kecoa bonus_nilai linkage:bonus_nilai tulang linkage:tulang bonus_nyawa linkage:bonus_nyawa d_kotoran linkage:d_kotoran s_kotoran linkage:s_kotoran tengkorak linkage:tengkorak 17. d_kotoran. Masukkan identifier seperti yang tertulis diatas.3 16.Gambar 1. kotoran. 19. Klik kanan movie clip bonus_nilai pada library. Klik movieclip kecoa.

Klik movieclip dinding_atas dan beri instance name dinding_atas. . Buatlah sebuah static text bertuliskan NEXT LEVEL. instance name :dinding_kanan 25. Gambar 1.convert menjadi movieclip. Buatlah 4 buah persegi panjang berwarna putih. Seleksi kotak putih yang atas. 22.sesuaikan dengan panjang dan lebar stage.4 21.bawah dan kanan. Lihat pada gambar. Ulangi langkah 23 pada kotak di kiri. instance name :dinding_kiri  Nama :dinding_bwh. Convert static text tersebut menjadi movieclip dengan nama nextLevel.lalu kecilkan ukurannya dan letakkan di sebelah dynanic text nyawa_txt. Klik frame 20 layer bg. Pastikan titik registration berada di tengah bawah.Gambar 1.5 23. Beri nama dan instance name :  Nama :dinding_kiri. Beri nama dinding_atas. instance name :dinding_bawah  Nama :dinding_kanan. Drag movie clip kecoa dari library ke stage [tanpa instance name]. 24.

Hapus movieclip nextLevel dari stage.pilih linkage. waktu++. Beri tanda centang pada export for actionscript lalu masukkan identifier nextLevel. 28.6 29. skor = 0. kecepatanBonus = 10.isDown(Key.26.tekan F9 lalu tambahkan script : nyawa = 7. Kembali ke stage utama dengan menakan ctrl+E. Klik 2 kali movieclip nextLevel untuk mengeditnya. } if (Key. Klik kanan movieclip nextLevel pada library.UP)) { this.DOWN)) { this. } if (Key.isDown(Key. kecepatanKotoran = 4.RIGHT)) { this. level = 1.tekan F7. Klik frame 20 layer action. waktu = 5. if (Key. 27. Lihat pada gambar. nyawaMax = 7._y += 13.isDown(Key. klik frame 11 layer 1 dan masukkan action script : stop(). Klik frame 10 layer 1 lalu tekan F6. kecepatanNyawa = 20. kecepatanTulang = 5. . level_txt = level. Klik frame 11 layer 1. kecoa._y -= 13.onEnterFrame = function() { nyawa_txt = nyawa. Gambar 1._x += 13. vskor = skor.

{_x:0.removeMovieClip().hitTest(kecoa)) { skor -= 100. "kotoran"+_root. if (this. } }._x -= 10._x += 10. "tulang"+_root. } if (this. _root. this. nyawa -= 2.onEnterFrame = function() { this._y += kecepatanTulang. kotoran = attachMovie("kotoran"._y -= 10.hitTest(dinding_atas)) { this. } if (waktu == 10) { waktu -= 10.isDown(Key.getNextHighestDepth(). _root. } if (level>5) { if (waktu<=10) { waktu -= 10._rotation -= 5._x += kecepatanKotoran. if (this._y += 10.onEnterFrame = function() { this.getNextHighestDepth(). _y:50+random(300)}). .getNextHighestDepth().hitTest(dinding_kiri)) { this._x += kecepatanKotoran. d_kotoran = attachMovie("d_kotoran".hitTest(kecoa)) { skor += 75.LEFT)) { this. tulang. d_kotoran. _y:1}).hitTest(kecoa)) { nyawa--.getNextHighestDepth().} if (Key.hitTest(dinding_kanan)) { this.getNextHighestDepth(). if (waktu<=20) { waktu -= 10. tulang = attachMovie("tulang".onEnterFrame = function() { this. {_x:0.hitTest(dinding_bawah)) { this. kotoran. this. } }._x -= 13. } if (this. {_x:20+random(430). } if (this. this. } if (this.getNextHighestDepth(). if (this. "d_kotoran"+_root.removeMovieClip(). _y:50+random(300)}). _root.

bonus_nyawa.getNextHighestDepth(). ._rotation -= random(1). this.removeMovieClip(). } }. } } }.removeMovieClip().removeMovieClip().hitTest(kecoa)) { skor += 1000.getNextHighestDepth(). bonus_nyawa = attachMovie("bonus_nyawa". {_x:30+random(400).getNextHighestDepth().removeMovieClip(). } } if (level>6) { if (waktu<=20) { waktu += 15._y += 5+random(2).onEnterFrame = function() { this._y += 10. if (this.getNextHighestDepth(). } } if (level>3) { if (waktu<=25) { waktu -= 10. this. _y:50+random(300)}).onEnterFrame = function() { this. _root. if (this. {_x:550. this. tengkorak = attachMovie("tengkorak"._y -= kecepatanKotoran. _root. } }. s_kotoran. tengkorak. this.onEnterFrame = function() { this.hitTest(kecoa)) { if (nyawa<nyawaMax) { nyawa++. } } if (level<6) { if (waktu<=20) { waktu -= 15. "tengkorak"+_root. if (this.hitTest(kecoa)) { skor -= 1000.getNextHighestDepth(). nyawa--.getNextHighestDepth(). {_x:50+random(300). _root._x -= kecepatanNyawa.this. this. _y:450-random(30)}). } }. "bonus_nyawa"+_root. "s_kotoran"+_root. s_kotoran = attachMovie("s_kotoran". _y:0}).

kemudian buat tulisan GAME OVER menggunakan static text. Klik frame 30 layer bg. bonus_n i l a i . Buat sebuah dynamic text disebelah tulisan “your score :”. } / / j i k a nyawa = 0 maka gameover i f (nyawa<1) { nex tLeve l . Beri variable nama pada input text tersebut.} (wak tu<23 ) { waktu += 10. "bonus_n i l a i " + _ r o o t . nex tLeve l . kecepa t anTu l ang += 2. Lalu drag tombol exit dari library ke stage. Klik frame 30 layer simbol. 32. r emoveMov ieC l i p ( ) . o n En t e r F r ame = func t i o n ( ) { th i s . l e v e l ++ . _y :250 } ) . kecepa t anNyawa += 2. bonus_n i l a i = at t a c hMov i e ( " b onus_n i l a i " . } }. 31. 33. _y :1 } ) . 34. r emoveMov ieC l i p ( ) . Buat 2 buah static text masing-masing bertuliskan “your sxore :” dan “your name :” [tanpa tanda kutip]. Buat sebuah input text disebelah tulisan “your name :”. gotoAndP lay ( " g ameove r " ) . . } if Pembuatan Bagian Akhir 30. i f ( t h i s . } } i f (sko r>=2500* l e v e l and l e v e l < 10 ) { nex tLeve l = at t a c hMov i e ( " n e x t L e v e l " . "nex t Leve l " . h i t T e s t ( k e c oa ) ) { sko r += 250. Beri variable skor pada dynamic text tersebut. th i s . th i s . } / / j i k a sudah menye lesa i k an l e v e l 10 maka menang i f ( l e v e l == 11) { gotoAndP lay ( "w i n " ) . g e t Nex tH i g hes tDep t h ( ) . 200. Buat 2 buah tombol masing-masing diberi nama playAgain_btn dan save_btn. _ r o t a t i o n += 5. r emoveMov ieC l i p ( ) . kecepa t anBonus++ . _ y += kecepa t anBonus . g e t Nex tH i g hes tDep t h ( ) . kecepa t anKo t o r a n++ . {_x : 2 50 . _roo t . {_x : 2 0+ r andom(430 ) . } }.

d a t a . DataSko r . d a t a .push({skornya:score. 36. p ema i n . p ema i n .tekan F9 lalu masukkan script : on ( r e l e a se ) { f scommand( " qu i t " . p u sh ( { s k o r n y a : 0 . Tambahkan tulisan “CONGRATULATION!! YOU WIN!!” menggunakan static text. p ema i n . d a t a . DataSko r . DataSko r . p ema i n ) { DataSko r .lalu tambahkan script yang sama seperti frame 30 layer action. p u sh ( { s k o r n y a : 0 . p ema i n . namanya: "None " } ) . p u sh ( { s k o r n y a : 0 . 40. p u sh ( { s k o r n y a : 0 . d a t a . DataSko r . } DataSkor. func t i o n s impanScore ( s c o r e . p u sh ( { s k o r n y a : 0 . DataSko r . 39.buka panel properties dan masukkan save sebagai instance name. p u sh ( { s k o r n y a : 0 . g e t L o c a l ( " masukkanSko r " ) . d a t a . p ema i n . d a t a . " " ) } 38. DataSko r . p laye r ) { DataSko r = SharedOb jec t . Tambahkan keterangan tentang game yang Anda buat tersebut. Klik tombol save_btn. p ema i n . Klik frame 30 layer action. p u sh ( { s k o r n y a : 0 . i f ( !Da t aSko r . p u sh ( { s k o r n y a : 0 . d a t a . d a t a . Klik frame 35 layer action. Klik tombol exit. namanya: "None " } ) . namanya: "None " } ) .35. namanya: "None " } ) . DataSko r . p ema i n .tekan F9 lalu masukkan script : on( re l e a se ) { gotoAndP lay ( "menu " ) } 37. p ema i n = new Ar ray ( ) . DataSko r . DataSkor. Klik frame 5 layer bg. DataSko r .nama). namanya: "None " } ) . Klik tombol playAgain_btn. . 41.flush(). Klik frame 35 layer bg. d a t a . namanya: "None " } ) . p u sh ( { s k o r n y a : 0 . contoh lihat pada gambar . d a t a . p ema i n . p u sh ( { s k o r n y a : 0 .pemain. namanya:player}). } save. d a t a . namanya: "None " } ) . p ema i n .onRelease = function() { simpanScore(skor. namanya: "None " } ) . gotoAndStop("highscore") }. namanya: "None " } ) . namanya: "None " } ) . d a t a .tekan F9 lalu masukkan script : nama = " I n s e r t your name" . p ema i n . Copy seluruh isi frame 30 layer simbol lalu paste-kan ke frame 35 layer simbol. Penyelesaian 42. DataSko r .data.

kotoran.7 43.beri keterangan dengan static text dan atur seperti gambar berikut. dan tengkorak ke dalam kotak tersebut dan perkecil ukurannya. Klik frame 10 layer bg.Gambar 1. Buat tulisan “HELP” mrnggunakan static text. Gambar 1.8 . 44. Buat sebuah kotak ditengah-tengah stage.bonus_nilai. Sesuaikan posisinya. Drag movieclip kecoa. bonus_nyawa. 45. d_kotoran. s_kotoran. tulang.

Simpan game dengan nama the bone eater cockroach Demikian tutorial yang singkat ini.abdurrohim@gmail. Letakkan background tersebut di frame 1 layer bg. Mungkin masih ditemukan banyak kesalahan pada tutorial ini.com  therealtoxin@gmail. Contact person:  husain. 48. Jika Anda menginginkan background pembuka yang lebih baik. karena yang membuat tutorial ini masih sangat pemula (hehehe).inc . Gambar 1.46. Anda bisa membuatnya sendiri. Contoh background pembuka. Kritik dan saran akan Saya terima dengan senang hati. Mohon dimaklumi.9 47.com copyright © 2010 husain.

Sign up to vote on this title
UsefulNot useful