---------TUTORIAL GAME BAGONGMAN--------

Game Bagongman terdiri dari 7 langkah:

1. Menyiapkan Komponen
a. Interface
• Background
• Logo Bagongman
• Labirin
• Score
• Lives
• Tombol Play
• Tombol Exit
• Tombol Retry
• Gambar Congratulation
• Gambar Game Over
b. Sprite
• Bagongman
• Monster
• Buah
• Nyawa
• Labirin

2. Membuka Aplikasi Construct 2

a. Klik menu file New New empty project Open
b. Setting ukuran layout:
• Toolbars Propertise, ubah Layout size menjadi (840, 480).
c. Rename layout dan Tambahkan layout baru:
• Toolbars project Layout 1 menjadi Layout Awal dan Event Sheet 1 menjadi
Event Sheet awal
• Layout Add layout Add Event Sheet, ubah nama menjadi Layout Game dan
Event Sheet 1 menjadi Event Sheet Game.

3. Membuat Layout Awal (Menu Layers)

a. Klik menu layers + (Add layer) untuk menambah 1 layer
b. Rename: Layer 0 Background dan Layer 1 Menu
c. Membuat background di Layout Awal:
• Klik Layer Background Insert New Object Titled Background Insert Open
Pilih Background Open Close.
• Setting position Background : 0,0 dan size 860, 480
d. Menambah Logo Bagong Man:
• Klik Layer Menu Insert New Object Sprite Insert double klik di lembar
kerja klik Load an Image From File Select Image (Bagong) Open Close
 e. Menambah dan memfungsikan Button Play:
• Klik Layer Menu Insert New Object Sprite Insert double klik di lembar
kerja klik Load an Image From File Select Image (Play) Open Close
• Double klik pada lembar kerja Layout Awal Insert New Object Mouse Insert
• Even Sheet Awal Add Event Mouse On Object Clicked Next
• Object Clicked Click to choose SpritePlay Done
• Add Action System Next Go to Layout Next Layout Game Done

4. Membuat Layout Game (Menu Layers)

a. Klik menu layers + (Add layer) untuk menambah 1 layer
b. Rename: Layer 0 Background dan Layer 1 Menu
c. Membuat background di Layout Game:
• Klik Layer Background Insert New Object Titled Background Insert Open
Pilih Background Open Close.
• Setting position Background : 0,0 dan size 860, 480
• Atur Grid Background : View Snap to grid √ Show Grid √ Grid weight : 32
dan Grid height : 32
d. Menambah Wall:
• Layer Menu Insert New Object Sprite Insert Load an Image from File
Select Image “Wall” Open
• Atur ukuran wall: Propetise Object Type Propertise Size (32,32)
• Membentuk labirin dari 1 wall tersebut: klik wall + tekan tombol CTRL
• Wall diubah menjadi solid: Layout Game klik Sprite Wall Behaviours Add
New (+) Solid Add Close (x).
e. Memasukkan gambar BagongMan, gambar point, gambar buah dan gambar monster:
• Insert New Object Sprite Insert klik Load an Image From File Select
Image “BagongMan” Open
• Lakukan seperti langkah diatas untuk memasukkan gambar point, gambar buah dan
gambar monster.
f. Menambahkan Event pada BagongMan, Wall dan Monster:
• BagongMan bergerak: Layout Game klik sprite BagongMan Behaviours Add
New (+) 8 Direction Add Close (x). 8 Direction ubah menjadi 4
• BagongMan dapat memakan Point:Event Sheet Game Add Event Sprite
BagongMan Next On collision with another object Next Click to choose
Sprite Point Done.
• Point hilang setelah dimakan: Add Action SpritePoint Next Destroy
Done
• BagongMan dapat memakan buah: Event Sheet Game Add Event Sprite
BagongMan Next On collision with another object Next Click to choose
Sprite buah Done.
• Point hilang setelah dimakan: Add Action SpritePoint Next Destroy
Done
 • Monster akan bergerak kekanan dan kekiri: Layout Game klik Sprite Monster
Propertise Behaviours Add New (+) Sine Add Close (x).

5. Mengatur Skor
a. Membuat tulisan SCORE: layout game Insert New Object Text Insert. (Tulisan;
SCORE)
b. Menambahkan variable score: Event Sheet Game Add Global Variable Ubah Name
: score Ok.
c. Menambahkan score: Event Sheet Game Add Event System Every Tick Done.
Untuk actionnya, Add action TextScore Set Text Text : “SCORE : “&score
Done.
d. Menambahkan score 10 ketika BagongMan memakan point: Add Action System
Add to Next Variable : score , Value : 10 Done.
e. Menambahkan score 100 ketika BagongMan memakan buah: Add Action System
Add to Next Variable : score , Value : 100 Done.

6. Mengatur Nyawa
a. Masukkan teks “LIVES”:
• double klik didalam lembar kerja Insert New Object Text Insert.
• Ubah text di Properti : 3, Arial 20, colour putih, Center.
b. Masukkan gambar hati sebagai nyawa:
• layout game Insert New Object Sprite Insert. Klik Load an Image from File
Select Image “Nyawa” Open close, letakkan di sebelah teks LIVES.
• Double klik pada gambar nyawa, kemudian dibagian bawah ada Animation Frames
klik kanan Import Frame Select Image “heart 0-3” open.
• Di lembar event sheet game Klik kanan pada Event Sheet Add Global Variable
ubah Name : Nyawa Initial Value : 3 Ok.
• Menambah event pada “nyawa” klik add event compare variable next variable
: nyawa , Value : 0 Done.
• Memberi action, klik action SpriteNyawa Set Frame Frame Number : 0 Done.
• Lakukan langkah ke 4 diatas, sampai nyawa = 0 dan set frame to 3
c. Ketika Bagongman bertemu dengan Monster, maka nyawa berkurang 1:
• Add Event SpriteBagongman Is overllaping with another project Choose object
Done.
• Tambahkan Behaviors Flash pada Sprite Bagongman di layout game: Propertise
Add Behaviors Flash Close (x)
• Memberi action apabila Bagongman bertemu dengan monster akan berkedip:
Event Sheet Game Add action SpriteBagongman Flash Done.
• Memberi action berkurang nyawa: Add action System Substract from Next
Nyawa Done.
• Menambahkan another condition:
klik kanan Add another condition SpriteBagongman Is flashing Done.
Klik kanan Invert.
7. Pengaturan Akhir
a. Berhasil, jika score mencapai angka 1000. Maka akan keluar gambar “Congratulation”
• Pada Layout Game, double klik didalam lembar kerja Insert New Object Sprite
Insert, untuk mengambil gambar klik Load an Image from File Select Image
“Congratulation” Open Close (x).
• Letakkan ditempat yang diinginkan, kemudian lihat posisi gambar “Congratulation”
misal (448,256). Setelah itu turunkan kebawah Lembar kerja Layout Game.
• Ke Event Sheet Game, kemudian pilih Add Event System Next Compare
Variable Variable : score, Value 1000 Done.
• Untuk menambah action keluar gambar “Congratulation”:
Add Action SpriteCongratulation Next X:448, Y:256 Done.
• Untuk menambah action bagongman hilang pada saat Congratulation:
Add Action SpriteBagongman Destroy Done.
b. Gagal, jika nyawa = 0. Maka akan keluar gambar “Game Over:
• Pada Layout Game, double klik didalam lembar kerja Insert New Object Sprite
Insert, untuk mengambil gambar klik Load an Image from File Select Image
“Go” Open Close (x).
• Letakkan ditempat yang diinginkan, kemudian lihat posisi gambar “Game Over” misal
(448,256). Setelah itu turunkan kebawah Lembar kerja Layout Game.
• Ke Event Sheet Game, kemudian pilih Add Event System Next Compare
Variable Variable : nyawa, Value 0 Done.
• Untuk menambah action keluar gambar “Game Over”:
Add Action SpriteGO Next X:448, Y:256 Done.
• Untuk menambah action Bagongman hilang pada saat Game Over:
Add Action SpriteBagongman Destroy Done.
c. Retry, jika game berhasil dan gagal maka akan keluar button Retry:
• Pada Layout Game, double klik didalam lembar kerja Insert New Object Sprite
Insert, untuk mengambil gambar klik Load an Image from File Select Image
“retry” Open Close (x).
• Letakkan ditempat yang diinginkan, kemudian lihat posisi gambar “retry” misal
(384,32). Setelah itu letakkan diatas Lembar kerja Layout Game.
• Ke Event Sheet Game, kemudian dibawah SpriteCongrat pilih Add action SpriteGO
Next X:384, Y: 32 Done.
• Kemudian dibawah SpriteGo pilih Add action SpriteGO Next X:384, Y: 32
Done.
• Agar button retry berfungsi kembali ke Layout Awal, Add Event Mouse
On Object Clicked Next Choose SpriteRetry Done. Selanjutnya Add Action
System Go To Layout Done.
• Dan ketika kembali ke Layout Awal, nyawa akan kembali 3:
Add Action System Set Value Variable : nyawa & Value : 3 Done.
Nyawa akan kembali 0 klik Add Action System Set Value Variable : nyawa &
Value : 0 Done.
d. Menutup Game Bagongman
• Pada Layout Game, double klik didalam lembar kerja Insert New Object Sprite
Insert, untuk mengambil gambar klik Load an Image from File Select Image
“Exit” Open Close (x).
• Double klik didalam lembar kerja, Insert New Object Browser Insert.
• Agar button Exit (x) berfungsi, maka ke Event Sheet Game kemudian pilih Add Event
Mouse On Object Click Next Choose SpriteExit Done.
Selanjutnya Add Action Browser Close.
e. Melihat Hasil game, yang dilakukan adalah klik tombol Run layout disebelah kiri atas,
maka preview dari game akan muncul melalui browser anda.
f. Menyimpan Project, klik File Save as Project Pilih Folder Ok.
g. Mengkesport Project, untuk mengexport game yang telah dibuat langkah yang anda
lakukan adalah:
• Klik tab File Export Project NW.js (menggunakan PC/Laptop) next atur
folder sebagai tempat penyimpanan Project Game, klik next klik export Open
destination folder untuk membuka game yang telah diexport double klik folder
sesuai dengan sistem operasi pada komputer anda (win 32/win 64) nw.exe game
sudah bisa dimainkan.

---------------Selesai-------------