Tutorial Membuat Game Sederhana

Game yang akan kita buat kali ini adalah sebuah game dimana anda akan mengendalikan pesawat sampai ke tujuan yang sudah ditentukan. Sebelum sampai ketujuan anda harus mengumpulkan uang sebanyak-banyaknya sambil menghindari misil yang datang. Jangan sampai tertabrak misil sebanyak 3 kali karena anda akan mengalami game over..

A. Mengatur timeline dan frame

1. Buatlah sebuah flash document berukuran 550X350 pixel.

2. Klik tombol Insert layer pada timeline sebanyak 4 kali sehingga pada timeline terdapat 5 buah layer.

3. Ubah nama-nama layer menjadi label, AS, karakter, batas, background seperti gambar dibawah ini :

4. Seleksi frame 7 layer label, AS, karakter dan batas kemudian tekan F7.
5. Seleksi frame 13 layer label, AS, karakter dan batas kemudian tekan F7.
6. Seleksi frame 19 layer label, AS, dan batas kemudian tekan F7.
7. Seleksi frame 26 layer label, AS, karakter dan batas kemudian tekan F5.
8. Klik frame 1 dan tekan Ctrl+F3. Pada panel properties yang muncul masukkan menu sebagai frame label.
9. Klik frame 7 dan tekan Ctrl+F3. Pada panel properties yang muncul masukkan game sebagai frame label.
10. Klik frame 13 dan tekan Ctrl+F3. Pada panel properties yang muncul masukkan kalah sebagai frame label.
11. Klik frame 19 dan tekan Ctrl+F3. Pada panel properties yang muncul masukkan menang sebagai frame label.
12. Sehingga timeline akan terlihat seperti gambar di bawah ini :

B. Membuat tampilan menu utama

13. Klik frame 1 layet background agar anda aktif di layer tersebut. Buatlah sebuah persegi panjang berwarna biru muda (#0066FF) dengan panjang dan lebar sama dengan panjang dan lebar stage. Letakkan persegi panjang tersebut di tengah-tengah stage.
14. Klik frame 1 layer batas agar anda aktif di layer tersebut. Buatlah sebuah gambar seperti di bawah ini :

15. Klik frame 1 layer karakter agar anda aktif di layer tersebut. Buatlah sebuah persegi panjang berwarna putih dengan alpha 40% dengan panjang dan lebar sama dengan panjang dan lebar stage. Letakkan persegi panjang tersebut di tengah-tengah stage.
16. Buatlah sebuah static text berwarna biru (#0000FF) dengan ukuran huruf 45 bertuliskan Oh Sky, Oh Missile. Seleksi static text ini kemudian klik menu bar Window>Properties>Filters
17. Pada panel filters yang muncul, klik tanda + kemudian pilih glow. Ubah settingannya menjadi seperti ini Blur X :5, Blur Y: 5, Strength : 100%, Quality: low, Color: putih (#FFFFFF), knockout dan inner glow tidak perlu diberi tanda contreng.
18. Buatlah sebuah static text berwarna biru (#0000FF) dengan ukuran huruf 20 bertuliskan Kumpulkan koin sebanyak-banyaknya sambil menghindari misil sampai tujuan akhir. Gunakan tombol panah pada keyboard untuk menggerakkan pemain.
19. Seleksi static text ini dan pada panel filters, klik tanda + kemudian pilih glow. Ubah settingannya seperti ini Blur X :5, Blur Y: 5, Strength : 100%, Quality: low, Color: putih (#FFFFFF), knockout dan inner glow tidak perlu diberi tanda contreng. Letakkan static text ini pada stage bagian atas.
20. Buatlah sebuah static text berwarna biru (#0000FF) dengan ukuran huruf 30 bertuliskan Main. Seleksi static textini dan pada panel filters, klik tanda + kemudian pilih glow. Ubah settingannya seperti ini : Blur X :5, Blur Y: 5, Strength : 100%, Quality: low, Color: putih (#FFFFFF), knockout dan inner glow tidak perlu diberi tanda contreng. Letakkan static text ini pada stage bagian tengah.
21. Pastikan anda masih menyeleksi static text bertuliskan Main kemudian tekan F8. Pada panel yang muncul masukkan main_btn sebagai name dan button sebagai type lalu tekan ok.
22. Seleksi button main_btn kemudian tekan Ctrl+F3. Pada panel properties yang muncul masukkan main_btn sebagai instance name.
23. Klik kanan button main_btn dan pilih Edit in Place, anda akan masuk ke dalam stage button ini. Seleksi frame Over, Down dan Hit kemudian tekan F6.
24. Klik frame Over dan ubah warna huruf bertuliskan Main menjadi biru muda (#0099FF). Klik frame Down dan ubah warna huruf bertuliskan Main menjadi biru tua (#000066).
25. Klik frame Hit dan buatlah persegi panjang dengan panjang dan lebar yang dapat digunakan untuk menutupi static text bertuliskan Main. Letakkan persegi panjang ini sama persis dengan letak static text bertuliskan Main.
26. Tekan Ctrl+E untuk kembali ke stage scene 1. Letakkan button main_btn di stage bagian bawah. Sehingga stage akan terlihat seperti gambar di bawah ini :

C. Membuat tampilan game saat dimainkan

27. Klik frame 7 layer batas agar anda aktif di layer tersebut. Buatlah sebuah persegi panjang berwarna biru tua (#000066) dengan panjang 550 pixel dan lebar 47.8 pixel. Seleksi persegi panjang ini dan tekan F8. Pada panel yang muncul masukkan batas sebagai name dan movie clip sebagai type lalu tekan ok.
28. Seleksi movie clip batas dan tekan Ctrl+D sebanyak 3 kali sehingga di stage muncul 4 buah movie clip batas. Seleksi 2 movie clip batas dan pada panel properties ubah menjadi W = 0, H = -47.8, X = 0, Y = 302.3
29. Seleksi 2 buah movie clip batas sisanya dan pada panel properties ubah settingannya menjadi W = 47.8, H = 350.1
30. Letakkan kedua buah movie clip batas yang berbentuk tegak ini masing-masing pada posisi x = -47.8, y = 0 dan  x = 550, y = -0.1
31. Sehingga stage akan terlihat seperti ini :

32. Klik frame 7 layer karakter agar anda aktif di layer tersebut. Buatlah sebuah pesawat seperti gambar di bawah ini :

33. Seleksi pesawat tersebut dan tekan Ctrl+G. Kemudian buatlah sebuah persegi panjang berwarna biru. Seleksi persegi panjang ini dan tekan F8. Pada panel yang muncul masukkan kotak sebagai name dan movie clip sebagai type lalu tekan ok.
34. Atur letak dan ukuran movie clip kotak ini sehingga menutupi gambar pesawat yang kita buat di atas namun ekor/asap pesawat jangan sampai tertutupi. Pastikan anda masih menyeleksi movie clip kotak ini masukkan area sebagai instance name kemudian ubah Color pada panel properties menjadi 0%.

35. Seleksi pesawat dan movie clip kotak ini kemudian tekan F8. Pada panel yang muncul masukkan pemain sebagai name dan movie clip sebagai type lalu tekan ok.
36. Seleksi movie clip pemain dan pada panel properties masukkan pemain sebagai instance name. Letakkan movie clip pemain ini di stage sesuai keinginan anda.
37. Buatlah sebuah persegi panjang berwarna linear (#666666 dan #999999) dan pada panel properties ubah menjadi W = 434.8, H = 48.4, X = 0, Y = 301.6 atau atur letaknya hingga menutupi movie clip berinstance name bawah.
38. Buatlah sebuah garis dengan ketebalan 3 berwarna kuning dan pada panel properties ubah settingannya menjadi W = 373.1, H = 0, X = 32.7, Y = 373.2
39. Buatlah 2 buah static text masing-masing bertuliskan Start dan Finish. Seleksi static text bertuliskan Start dan pada panel properties ubah menjadi x = 16 dan y = 301.6 Seleksi static text bertuliskan Finish dan pada panel properties ubah settingannya menjadi x = 386.6 dan y = 301.6
40. Seleksi movie clip pemain di stage kemudian tekan Ctrl+D sekali. Seleksi hasil duplikasi movie clip pemain kemudian pada panel properties ubah instance namenya menjadi settingannya mini, H = 51.5, H = 17, x = 11.4, Y = 320.1
41. Buatlah sebuah garis berwarna #666666. Seleki garis ini dan pada panel properties ubah settingannya menjadi W = 0, H = 48.4, X = 434.8, Y = 301.6
42. Buatlah sebuah dynamic text. Seleksi dynamic text ini dan pada panel properties masukkan life_tampil sebagai var, W = 114.1, H = 21.1, X = 435.9, Y = 303.9
43.Buatlah sebuah dyanmic text. Seleksi dynamic text ini dan pada panel properties masukkan skor_tampil sebagai var, W = 114.1, H = 21.1, X = 435.9, Y = 327.3 Kurang lebih stage pada frame 7 akan terlihat seperti di bawah ini :

44. Buatlah sebuah awan berwarna putih dengan alpha 40% seperti gambar di bawah ini. Seleksi awan tersebut dan tekan F8. Pada panel yang muncul masukkan awan sebagai name dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah-tengah lalu tekan ok. Hapus movie clip awan ini dari stage.

45. Buatlah sebuah misil seperti gambar di bawah ini. Seleksi misil tersebut dan tekan F8. Pada panel yang muncul masukkan misil sebagai name dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah-tengah lalu tekan ok.

46. Klik kanan movie clip misil dan pilih Edit in Place maka anda akan masuk ke dalam stage movie clip misil ini. Klik frame 1 dan tekan F9. Pada panel actions yang muncul masukkan script berikut :

47. Klik kanan frame 2 dan pilih Insert Blank Keyframe. Buatlah sebuah lingkaran berwarna kuning. Seleksi lingkaran tersebut dan tekan F8. Pada panel yang muncul masukkan ledakan sebagai name dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah-tengah lalu tekan ok.
48. Seleksi movie clip ledakan dan pada panel properties ubah menjadi W = 75.1, H = 75.1, X = -37.5, Y = -37.5
49. Klik kanan frame 5 dan pilih Insert KeyFrame. Seleksi movie clip ledakan di frame 5 dan pada panel properties ubah menjadi W = 130.8, H = 130.8, X = -65.4, Y = -65.4
50. Klik kanan frame 2 dan pilih Create Motion Tween. Tekan Ctrl+E untuk kembali ke stage scene 1. Hapus movie clip misil dari stage.


51. Buatlah sebuah uang seperti gambar di bawah ini. Seleksi uang tersebut dan tekan F8. Pada panel yang muncul masukkan uang sebagai name dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah-tengah lalu tekan ok. Hapus movie clip koin ini dari stage.

D. Membuat tampilan jika kalah

52. Klik frame 13 layer batas agar anda aktif di layer tersebut. Kemudian buatlah sebuah gambar seperti di bawah ini dan letakkan di tengah-tengah stage :

53. Klik frame 13 layer karakter agar anda aktif di layer tersebut. Buatlah sebuah persegi panjang berwarna putih dengan alpha 40% dengan panjang dan lebar sama dengan panjang dan lebar stage. Letakkan persegi panjang tersebut di tengah-tengah stage.
54. Buatlah sebuah static text bertuliskan GAME OVER. Seleksi static text ini lalu pilih pada menu bar Window>Properties>Filters. Tekan tanda + dan pilih Glow. Ubah settingannya menjadi Blur X :5, Blur Y: 5, Strength : 100%, Quality: low, Color: putih (#FFFFFF), knockout dan inner glow tidak perlu diberi tanda contreng.
55. Buatlah 3 buah static text masing-masing bertuliskan Anda Gagal Menyelesaikan Game ini, Score Anda , Main lagi. Seleksi 3 buah static text ini kemudian pada panel filters klik tanda + dan pilih Glow. Ubah parametersnya menjadi settingannya menjadi Blur X :5, Blur Y: 5, Strength : 100%, Quality: low, Color: putih (#FFFFFF), knockout dan inner glow tidak perlu diberi tanda contreng.
56. Seleksi static text bertuliskan Main Lagi kemudian tekan F8. Pada panel yang muncul masukkan mainlagi_btn sebagai name dan button sebagai type lalu tekan ok. Seleksi button mainlagi_btn di stage kemudian tekan Ctrl+F3. Pada panel properties yang muncul masukkan mainlagi_btn sebagai instance name.
57. Buatlah sebuah dynamic text. Seleksi dyanmic text tersebut dan pada panel properties masukkan skor_tampil sebagi var. Pastikan anda masih menyeleksi dynamic text ini kemudian pilih pada menu bar Window>Properties>Filters. Tekan tanda + dan pilih Glow. Ubah settingannya menjadi Blur X :5, Blur Y: 5, Strength : 100%, Quality: low, Color: putih (#FFFFFF), knockout dan inner glow tidak perlu diberi tanda contreng.
58. Atur letak static text, dynamic text dan button yang kita buat pada frame 13 layer karakter seperti gambar di bawah ini :

E. Mengatur tampilan jika menang.

59. Klik kanan frame 19 layer karakter dan pilih Insert KeyFrame. Pada frame 19 layer karakter ubah static text bertuliskan Anda Gagal Menyelesaikan Game ini menjadi Anda Berhasil Menyelesaikan Game ini. Klik frame 19 layer batas dan buatlah gambar seperti di bawah ini :

F. Mengatur Linkage

60. Tekan Ctrl+R dan pada panel yang muncul cari 3 buah suara yang diinginkan yang akan digunakan untuk background musik, suara pemain mendapatkan koin, dan suara pemain menabrak misil lalu tekan open.
61. Tekan Ctrl+L dan pada panel library yang muncul klik kanan suara yang digunakan sebagai background musik lalu pilih linkage. Pada panel yang muncul berikan tanda contreng pada Export for ActionScript dan masukkan musik sebagai identifier lalu tekan ok
62.Klik kanan suara pada panel library yang digunakan sebagai suara saat pemain mendapatkan koin lalu pilih linkage. Pada panel yang muncul berikan tanda contreng pada Export for ActionScript dan masukkan cling sebagai identifier lalu tekan ok
63. Klik kanan suara pada panel library yang digunakan sebagai suara saat pemain menabrak misil lalu pilih linkage. Pada panel yang muncul berikan tanda contreng pada Export for ActionScript dan masukkan ledakan sebagai identifier lalu tekan ok
64. Klik kanan movie clip misil pada panel library dan pilih linkage. Pada panel yang muncul berikan tanda contreng pada Export for ActionScript dan masukkan misil sebagai identifier lalu tekan ok
65. Klik kanan movie clip koin pada panel library dan pilih linkage. Pada panel yang muncul berikan tanda contreng pada Export for ActionScript dan masukkan koin sebagai identifier lalu tekan ok
66. Klik kanan movie clip awan pada panel library dan pilih linkage. Pada panel yang muncul berikan tanda contreng pada Export for ActionScript dan masukkan awan sebagai identifier lalu tekan ok

G. Memasukkan script

67. Klik frame 1 dan tekan F9. Pada panel actions yang muncul masukkan script berikut :

69.Screenshoot:

sumber : http://warungflash.com/

MY TRIP MY HOLIDAY

hello guys gua mau cerita sedikit tentang liburan gua sama temen kuliah nih ,biasalah liburan kampus hehe salah satu tujuan kita liburan yaitu kepulau harapan yang terletak di kepulauan seribu , gua sama temen gua udah planning ini dr sebelum liburan , pertama tujuannya mau ke pramuka island tapi ada yg kasih tau kalo harapan island bagus jadi kita menuju kesana , gua kesana pake paket 3D2N ,gua kesana 10 orang ,guide nya ngocol broo keren deh gampang berbaur juga haha gokil

nih perjalanan gua pas nyampe di muara karang/angke ,gua naik kapal tujuan pulau harapan dari sini karna kalo naik speed boat uangnya gacukup wkwk sumpah kalo lo kesini bawa masker ya hehe

suasana dalem kapal penumpang tujuan pulau harapan , gua berangkat dari rumah naik mobil sama temen gua jam 5 sampe muara angke jam set 7 an , perjalanan yang lumayan jauh dari bekasi ke angke, pas sampe disana gua liat ini kapal udah penuh diatas , gua mau diluar dimarahin petugas dan kondisinya juga panas sih haha jadi gua paling bawah sama temen2 gua, yah lo tau kan kapal gini kalo kena obak gimana , temen gua pada mual semua rata2 wkwk tapi tetep seru kok :D

setelah beberapa jam gua naik tuh kapal akhirnya dan akhirnya gua sampe juga ditujuan alhamdulillah wkwk gua turun sebenernya di dermaga pulau kelapa ,karana pulau kelapa nyambung sama puau harapan, pas gua turun dr kapal gua sama temen gua liat pemandangan sekitar dan ternyata wow amazing , viewnya keren gokil abis , penduduk disana juga ramah bgt sama pendatang , abis itu langsung gua menuju homestay buat tiduran bentar karna udah terlalu lelah haha

nah yang ini tuh ceritanya ,katanya sih mau dihomestay istirahat dulu tapi berhubung viewnya keren dan lautnya juga mendukung buat berenang akhirnya kita putuskan bersama buat berenang , semua ilang dr rasa cape , lelah semua kebayar pas liat view belakang homestay yang langsung menuju laut , airnya bening bgt , itu difoto airnya keruh karna pasir putih soalnya itu masih laut dangkal, keren bro lo yg belum kesini harus nyobain kesini ga bakalan nyesel deh gua jamin :D

nah yang ini setelah gua ber 10 berenang di belakang homestay lanjut lagi diajak kepulau lain sama guidenya yaitu ke pulau perak katanya buat foto2 dan berenang

lanjut ketempat yang kedua setelah pulau perak yaitu pulau genteng kecil , view nya hampir sama sama yg sebelumnya ,yaa bagus bgt deh pokoknya recomended haha buat berenang juga enak tempatnya airnya bening view keren , ganyesel bro pokoknya !

foto yang ini dimana tempat tragedi menyedihkan terjadi , ada salah satu temen gua nyebur dan pas mau naik kena karang dan kakinya penuh darah , jempol kakinya robek sampai pada akhirnya kita gabisa lanjut jelajah pulau lain yatu pulau bulet karna keadaan udh ga memungkinkan , setelah itu kami pulang ke pulau buat memeriksa kaki fahri ke puskesmas yang ada di pulau harapan , dan akhirnya kaki fahri dijait karena darahya gabisa berenti ,kasian sih tapi mau gimana lagi namanya juga musibah ada aja kan ga ada yang tau hehe

setelah hari pertama selesai lanjut lagi dihari kedua yaitu snorkeling ke beberapa pulau diantaranya pulau macan , pulau doplhin dan yg satu lg gua lupa namanya hehe spotnya keren bro banyak pemandangan dibawah laut(ikan) maksudnya wkwk tuh lo bisa liat sendiri kan gimana indahnya bawah laut indonesia ini keren broooo ! gua foto pake kamera dlm air loh ya bukan ngambil dr mbah google :)

nah ini best moment sih kalo kata devan haha ini foto setelah snorkeling di beberapa pulau dan yang ini ada di pulau dolphin , setelah cape snorkeling kita bersandar dipulau ini untuk menunggu sunset , pas kita lagi asik bermain air dan bersantai lalu datanglah rombongan lain yang isinya perempuan semua , lalu ditanyalah oleh devan dan ternyata dari pulau harapan juga akhirnya kami foto deh , cuma ber4 fotonya yg lainnya lg asik main air sama istirahat haha 

inilah sunset , meskipun mataharinya blm turun bgt tapi viewnya dapet ,karena kita gabisa pulang ke homestay terlalu sore karna ombak yang terlalu besar disambung dengan angin yang kencang

next dihari ketiga saatnya prepare pulang nih setelah 2 hari kemarin kita udah main air sampe item keling hampir semua haha dari muka ,kaki, tangan , pungung , tapi kami semua ga masalah karna badan hitam bukan penghalang kami buat liburan :D 

sebelum menuju kapal buat pulang kami sempat berfoto bersama guidenya dr yg lokal sampe interlokal wkwk yang paling belakang tuh yg punya homestay nya keren kan si bapak hahaha, setelah itu kita ke penangkaran penyu buat liat penyu2 dari yg kecil sampe besar haha 

ini yang terkahir , sesudah menaiki kapal , kapten kapalnya siap menjalankan kapal buat menuju ke angke dengan selamat , lanjutkan kapten semoga penumpang yang anda bawa seua sampai dan pulang dengan selamat aminnnn !

sekian cerita curhat gua nih hehe sory ya kalo menurut lo gua nyepam , gua cuma nulis yang patut buat gua tulis heehe kalo ada salah kata mohon maaf :)