P. 1
Tutorial Membuat Game Flash Sederhana

Tutorial Membuat Game Flash Sederhana

|Views: 3,030|Likes:
Published by PrasetyoNugroho

More info:

Published by: PrasetyoNugroho on Oct 01, 2010
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less

08/21/2013

pdf

text

original

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 :

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

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

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

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

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

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

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

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

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

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

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

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->