Workshop Singkat Membuat Game Shooter

Transkripsi

1 Workshop Singkat Membuat Game Shooter Membuat project baru Dari start menu, aktifkan Construct 2 Buatlah sebuah project baru dengan memilih menu New Pilih New empty project, kemudian klik Open 1

2 Pada bagian kiri terdapat Properties, gantilah isi property Name dengan Space Battle atau apapun yang kalian kehendaki. Tentukan preview Browser yang akan digunakan untuk mencoba game yang kalian buat nantinya, pilih Firefox. 2

3 Membuat Background Klik kanan pada bagian kosong dari tab sheet Layout 1 Pilih menu Insert New Object. maka akan muncul pilihan object, pilihlah Tiled Background, kemudian klik button Insert. Klik pada bagian kosong dari layout 1. Kemudian akan muncul Form Edit image Tiled background. Klik icon open folder (seperti yang ditunjuk oleh panah biru pada gambar di samping) 3

4 Pilihlah gambar bg seperti pada contoh di bawah ini. Kemudian tentukan posisi nya menjadi 0, 0 serta size resolusinya untuk monitornya menjadi 1280, 1024 pada properties Maka pada Layout 1 akan mempunyai tampilan sbb: 4

5 Klik tab sheet Layers yang terdapat pada panel sebelah kanan atas. Ubahlah nama Layer 0 menjadi Background dengan cara klik sekali pada Layer 0 kemudian tekan tombol [F2] yang terdapat pada keyboard. Langkah berikutnya kuncilah layer bacground, agar tidak lagi berubah2 ketika kita mengerjakan layer berikutnya. Dengan cara mengklik icon gembok. Menyimpan Project Sekarang game anda sudah ada backgroundnya. baiknya project di simpan sementara. Dengan memilih menu Save, tentukan folder tempat anda menyimpan, dan simpan dengan nama yang anda suka, pada contoh kita menyimpan dengan nama SpaceBattle pada folder D:\Workshop\Shooter, nanti dalam proses pembuatan, jangan lupa menyimpan sesekali agar pekerjaan anda tidak hilang jika listrik tiba-tiba padam. 5

6 Membuat Layer Utama Berikutnya kita akan membuat layer utama tempat object-object Player, Monster dan Bullet akan beraksi. Klik icon dengan tanda [+] pada layers, kemudian ubah nama layer baru menjadi Main. Layer Main jangan dikunci agar setiap saat dapat diubah-ubah dengan bebas. Menambahkan objek Berikutnya kita akan menambahkan object-object sbb: Player Monster Bullet Explosion Pilih Layers Main kemudian double click pada area Layout 1, pilih jenis object Sprite, kemudian klik button Insert. Lakukan untuk semua object yang akan kita tambahkan pada layer Main ini. Sementara tempatkan semua object di bagian atas layout. Nanti ada beberapa object yang akan kita pindahkan ke area permainan. Jangan lupa member nama tiap-tiap object pada bagian property Name 6

7 Menambahkan Behaviour pada object sprite Klik salah object sprite yang dituju, kemudian pada panel properties klik add/edit behavior, maka akan muncul window Add Behaviour. Maka akan tampil window sprite behavior. Untuk menambahkan behaviour dapat dilakukan dengan mengklik tanda [+] pada tollbar, untuk menghapus dapat dilakukan dengan mengklik behaviour yang akan dihapus, kemudian klik icon berbentuk keranjang sampah atau tekan tombol delete. Berikut ini behaviopur yang harus di tambahkan pada masing-masing object sprite: Behaviour Sprite Player Behaviour Sprite Bullet Behaviour Sprite Monster Behaviour Sprite Explosion 7

8 Effect Object Mengubah kecepatan sprite Pilih sprite yang akan diubah kecepatannya, kemudian ubah nilainya pada properties speed. Fade out Sprite Explosion harus menghilang perlahan-lahan, untuk mengatur waktu menghilangnya (fade out) klik sprite Explosion kemudian pada properties ubah fade out time menjadi

9 Blend Mode Pada sprite explosion terdapat bagian yang berwarna hitam yang mengganggu, untuk menghilangkan bagian hitam tersebut, dapat dilakukan pada properties Blend Mode. Pilih Blend Mode Additive Menambahkan Image point Pada bagian panel project, klik kanan Object types Player, kemudian pilih Edit animation 9

10 Akan muncul windows Edit image: Player, klik icon image point, maka akan muncul windows Image Point Pindahkan image point ke moncong Player, dengan cara klik dan drag pada image point tersebut. ini yang akan dijadikan sebagai point untuk menimbulkan peluru, kemudian tutuplah window Edit Image dengan mengkli tanda [X] di pojok kanan atas. 10

11 Menggandakan Monster Gandakan Monster sebanyak yang anda inginkan dengan menekan Tombol Ctrl + Drag Mouse, tempatkan pada area layout berjauhan dari Player. Menambahkan object Input Dapat dilakukan seperti menambahkan object-object lainnya, object ini tidak akan di tampilkan pada panel layout, tapi akan ditampilkan pada panel object di sebelah kanan layar. Menambah sebuah object input keyboard, klik kanan pada panel layout, kemudian pilih icon Keyboard kemudian klik button insert. 11

12 Menambahkan Event dan Action Event merupakan suatu kejadian yang terjadi pada suatu suatu object, misalkan penekanan tombol keyboard, penekanan tombol clik pada mouse, tabrakan suatu object dengan object lain, dsb. Untuk menambahkan event, dapat dilakukan pada event sheet. Klik kanan pada bagian kosong event kemudian pilih menu Add event atau dapat juga langsung mengklik hyperlink Add event. Berikutnya pilih object yang akan diberi kondisi suatu event. Kemudian pilih event yang berlaku pada object tersebut 12

13 Maka event akan sudah terdaftar pada Even sheet. Setiap event akan dapat diberlakukan aksi yang akan dilakukan jika terjadi suatu kondisi pada event tersebut. Pada setiap event data ditambahkan satu atau beberapa action. Untuk menambahkan action pada event tersebut, click hyperlink Add action. (catatan: sementara biarkan event nomor 1 ini kosong, nanti kita akan menambahkan action pada event ini!!!) Berikutnya kita akan menambahkan event-event yang lain. Event Keyboard agar penekanan tombol spasi dapat mengeluarkan peluru (bullet) Event: Keyboard Condition: On Space pressed Action: Player Spawn Bullet on Layer 1 (image point 1) Click Add Event, kemudian pilih Keyboard 13

14 Pada pilihan Add Event pilih On key pressed Berikutnya kita harus menentukan pilihan Tombol keyboard, yang akan dipergunakan, Click sekali pada Button Key yang ada teks click to choose Akan tampil windows Choose a key, tekan tombol spasi pada keyboard, maka pada editor Press a key akan muncul nama tombol yang tadi kita tekan. Berikutnya klik button Ok. Setelah kembali ke windows Parameter for keyboard: On key pressed, pada teks button key tersebut sudah berganti dengan pilihan tombol Space. Berikutnya klik button Done. 14

15 Maka pada Daftar Event sudah tampil event keyboard on key pressed. Setelah itu klik Add action, pilih Player kemudian klik button Next. Berikutnya pilih action Spawn another object untuk menghasilkan objek yang diakibatkan oleh objek sprite dengan aksi penekanan tombol spasi, kemudian klik button Next Pilih object yang ditimbulkan, pada aksi ini harus menghasilkan bullet, jadi pilihlah Bullet. Kemudian klik Button OK 15

16 Langkah berikutnya adalah menentukan parameter Spawn another object tersebut. Akan ditentukan pilihan object akan dihasilkan pada Layer 1 dengan image point 1 (image point ini adalah image point dari Player yang merupakan Object yang menghasilkan Spawn another object ). Membuat Bullet menghancurkan monster: Tambahkan Event untuk Bullet, kemudian klik Next Pilih condition On collision with another object Maka akan muncul window Parameters for Bullet: On Collision with another object, klik object, kemudian pilih Monster 16

17 Kemudian klik button Done, maka Event sudah terdaftar pada daftar Event. Tambahkan action dengan Click Add Action, pilih object monster, Pada Add Action pilih Destroy kemudian klik button Done Berikut ini daftar action Monster Destroy yang sudah terdaftar pada event Bullet collision with monster. 17

18 Setelah terkena monster, object Bullet harus mengeluarkan ledakan. Tambahkan action pada On Collision with monster lagi, pilih Bullet Action yang akan di lakukan adalah menghasilkan object Eksplosion jadi pilih action Spawn another object Pilih object Explosion, pada layer 1 dan image point 0. 18

19 Explosion sudah masuk ke aksi tabrakan peluru dengan monster Aksi terakhir dari even ini adalah peluru harus menghilang, coba anda tambahkan sendiri aksi pada bullet untuk Destroy. Berikut ini Capturenya untuk panduan anda. Inisialisasi awal perilaku monster Inisialisasi awal perilaku monster dilakukan pada event. yaitu pada Event Start Layout yang terdapat pada system. Setiap Monster akan diatur agar ketika permainan dimulai, arah semua monster akan di acak. 19

20 Klik Add event, kemudian pilih conditon System. Pilih event On start of layout Setelah muncul di daftar event, Klik Add action Pilih create action from Monster 20

21 Pilih action yang dilakukan Set angle Berikutnya klik button Next, tentukan parameternya dengan Random(360) set angle di tentukan dalam ukuran derajat (degrees). 21

22 Event untuk mengatur perilaku monster Event berikutnya akan mengatur ketika Monster sudah melampaui batas tepian permainan, akan diatur agar ketika melampaui batas permainan, monster akan berbalik arah ke arah Player. Klik Add Event, kemudian pada object Condition: Pilih Monster Event yang dipilih adalah Is outside layout Tambahkan Action ke Monster dengan Action Set angle toward position. 22

23 Untuk mengarah ke Player, maka koordinat X dan Y dari toward position dari Monster diarahkan ke koordinat X dan Y Player. Isi X dengan Player.x dan Y dengan Player.Y Menambahkan Score Sampai point ini, anda sudah dapat memainkan game anda, tetapi game anda masih belum mempunyai Score. Untuk menambahkan score, anda dapat memanfaatkan global variable. Berikut ini langkah2 menambahkan score pada game anda. Klik kanan pada bagian bawah dari event sheet 1 yang kosong, maka akan muncul pop menu, Pilih menu Add global variable. Berikutnya akan muncul window New global variable, pada isian Name, tentukan nama variable Score, Type nya Number agar nilainya dapat ditambah. Inisial value adalah nilai awal, kita tentukan saja mulai dari 0. Kemudian klik button OK. 23

24 Maka pada bagian atas daftar even akan tampil Global number Score dengan nilai 0. Score idealnya bertambah ketika seekor Monster hancur, kita dapat memanfaatkan event Bullet on Collision with Monster Selanjutnya, pada event dari Event Bullet On Collision with monster tambahkan action system dengan Add 1 to Score 24

25 Menambahkan Teks untuk menampilkan score Tambahkan sebuah layer,beri nama HUD, pastikan layer HUD ini ada di bagian layer lainnya atas. Pada properties, Set propertie Parallax dengan 0,0 Pada tab sheet layout, double klik pada space kosong, untuk menambahkan object baru. Pilih plugin Text 25

26 Letakkan di pojok kiri atas, kemudian ubah property Color dengan warna kuning Kembali ke event sheet. Pada event Every tick di bagian atas, tambahkan action Text Set text Gunakan operator & agar dapat mengubah bilangan dari variable global Score yang kita buat tadi menjadi text 26

27 Mengeksekusi Game Untuk mengeksekusi game, klik toolbar Run yang terdapat di bagian atas Windows Maka program akan membuka windows Browser dan menjalankan game di browser tersebut. Latihan Game anda sudah dapat dimainkan lengkap dengan Scorenya. Tapi game anda masih kurang seru, 1. Coba anda tambahkan sendiri event dan kondisi jika Player tersentuh Monster, dia akan meledak, dan mengurangi Stok Player yang ada. Kemudian selagi masih ada Stok Player, maka Player yang meledak tadi akan digantikan oleh Player baru. Jangan lupa jika Stok Player sudah habis, maka permainan akan berakhir ketika Player terakhir meledak. Petunjuk: anda membutuhkan Global variable yang menyimpan jumlah Player yang akan berkurang setiap kali terjadi tabrakan Monster dengan Player 2. Tampilkan Jumlah Player di layar permainan anda. 27

28 DAFTAR ISI Membuat project baru... 1 Membuat Background... 3 Menyimpan Project... 5 Membuat Layer Utama... 6 Menambahkan objek... 6 Menambahkan Behaviour pada object sprite... 7 Effect Object... 8 Fade out... 8 Blend Mode... 9 Menambahkan Image point... 9 Menggandakan Monster Menambahkan object Input Menambahkan Event dan Action Event Keyboard agar penekanan tombol spasi dapat mengeluarkan peluru (bullet) Membuat Bullet menghancurkan monster: Inisialisasi awal perilaku monster Event untuk mengatur perilaku monster Menambahkan Score Menambahkan Teks untuk menampilkan score Mengeksekusi Game Latihan