Workshop Membuat Game Shooter
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
Workshop Membuat Game Shooter 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
Workshop Membuat Game Shooter
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
Workshop Membuat Game Shooter
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
Workshop Membuat Game Shooter 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
Workshop Membuat Game Shooter
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
Workshop Membuat Game Shooter
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
Workshop Membuat Game Shooter
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 0.5.
8
Workshop Membuat Game Shooter
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
Workshop Membuat Game Shooter
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
Workshop Membuat Game Shooter
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
Workshop Membuat Game Shooter
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
Workshop Membuat Game Shooter 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
Workshop Membuat Game Shooter 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
Workshop Membuat Game Shooter 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
Workshop Membuat Game Shooter 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
Workshop Membuat Game Shooter 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
Workshop Membuat Game Shooter 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
Workshop Membuat Game Shooter 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
Workshop Membuat Game Shooter 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
Workshop Membuat Game Shooter Pilih action yang dilakukan “Set angle”
Berikutnya klik button Next, tentukan parameternya dengan “Random(360)” set angle di tentukan dalam ukuran derajat (degrees).
21
Workshop Membuat Game Shooter
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
Workshop Membuat Game Shooter 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
Workshop Membuat Game Shooter 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
Workshop Membuat Game Shooter
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
Workshop Membuat Game Shooter 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
Workshop Membuat Game Shooter
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
Workshop Membuat Game Shooter
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......................................................................................................................... 11 Menambahkan object Input ....................................................................................................................... 11 Menambahkan Event dan Action................................................................................................................ 12 Event Keyboard agar penekanan tombol spasi dapat mengeluarkan peluru (bullet) ................................ 13 Membuat Bullet menghancurkan monster: ........................................................................................... 16 Inisialisasi awal perilaku monster ........................................................................................................... 19 Event untuk mengatur perilaku monster................................................................................................ 22 Menambahkan Score .................................................................................................................................. 23 Menambahkan Teks untuk menampilkan score ......................................................................................... 25 Mengeksekusi Game .................................................................................................................................. 27 Latihan......................................................................................................................................................... 27
28