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

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

buka panel properties. dan tengkorak.pada kolom instance name ketikkan kecoa. Klik linkage. Masukkan identifier seperti yang tertulis diatas. s_kotoran. Klik movieclip kecoa. Klik kanan movie clip bonus_nilai pada library. 18. 20.3 16. buat karakter kecoa beserta musuh serta bonusnya seperti berikut atau sesuai kreativitas anda. d_kotoran. Ulangi langkah 18 pada movieclip tulang. Beri tanda centang pada export for actionscript. . hapus seluruh movieclip tersebut dari stage kecuali movieclip kecoa .bonus_nyawa. 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.Gambar 1. kotoran. 19.

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

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

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

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

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

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

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

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

Sign up to vote on this title
UsefulNot useful